foodogsquared/hugo-theme-more-contentful
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/hugo-theme-more-contentful.git synced 2025-01-30 22:57:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add site-wide components selection style

Browse Source 
This is different from removing the overridden style for CSS
`::selection` where it affects the accessibility. This one is for
components with selection.
This commit is contained in:
Gabriel Arazas 2023-02-27 13:18:09 +08:00
parent fd2ac20444
commit e4b0cf4c4a
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scss/base.scss
View File

@ -129,6 +129,8 @@ table {
tbody {
tr + tr, tr:first-child { border-top: var(--border-style); }
tr:hover { background: var(--selection-color); }
}
th, td { padding: 0.5em; }

5
assets/scss/layout.scss
View File

@ -105,14 +105,15 @@ footer[aria-label="Site footer"] {
&[data-theme-system] { order: -2; }
.site__theme-dropdown &:hover {
background: var(--accent-color);
color: var(--background);
background: var(--selection-color);
cursor: pointer;
}
&--selected {
background: var(--base05);
color: var(--background);
&:hover { color: var(--base05); }
};
}

1
assets/scss/main.scss
View File

@ -15,6 +15,7 @@
--background: var(--base00);
--foreground: var(--base05);
--accent-color: var(--base0C);
--selection-color: var(--base02);
}
$mobile-breakpoint: 600px;