cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: class names

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-16 08:43:38 -07:00
parent e935d25c0b
commit 4034a6d942
No known key found for this signature in database
6 changed files with 42 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/assets/styles/components/buttons.css
View file

@ -1,5 +1,5 @@
button {
&:not(.theme__toggle, .share) {
&:not(.theme-toggle, .share) {
border-radius: var(--rounded-full);
padding: var(--sizing-sm) var(--sizing-lg);
margin: 0 var(--sizing-xs) var(--sizing-md) 0;
@ -17,9 +17,9 @@ button {
transition-property: all;
}
&:not(.theme__toggle, .share, .active):hover,
&:not(.theme__toggle, .share, .active):active,
&:not(.theme__toggle, .share, .active):focus {
&:not(.theme-toggle, .share, .active):hover,
&:not(.theme-toggle, .share, .active):active,
&:not(.theme-toggle, .share, .active):focus {
background-color: var(--accent-color-hover);
border-color: var(--accent-color-hover);
transition-timing-function: var(--transition-ease-in-out);
@ -37,9 +37,9 @@ button {
background: transparent;
}
&.secondary:not(.theme__toggle, .share):hover,
&.secondary:not(.theme__toggle, .share):active,
&.secondary:not(.theme__toggle, .share):focus {
&.secondary:not(.theme-toggle, .share):hover,
&.secondary:not(.theme-toggle, .share):active,
&.secondary:not(.theme-toggle, .share):focus {
color: var(--accent-color-hover);
background: transparent;
}

10
src/assets/styles/components/theme-toggle.css
View file

@ -1,4 +1,4 @@
.theme__toggle {
.theme-toggle {
background: transparent;
padding: 0;
@ -21,21 +21,21 @@
}
.theme__dark {
& .theme__toggle > .light {
& .theme-toggle > .light {
display: inline;
}
& .theme__toggle > .dark {
& .theme-toggle > .dark {
display: none;
}
}
.theme__light {
& .theme__toggle > .light {
& .theme-toggle > .light {
display: none;
}
& .theme__toggle > .dark {
& .theme-toggle > .dark {
display: inline;
}
}