nick
/
tabi-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'cc029d0b19'
${ noResults }
tabi-test/sass/parts/_theme-switch.scss

11 lines
229 B
SCSS
Raw Normal View History Unescape Escape

first commit
2 years ago
.theme-switcher {
🎨 refactor: improve code format; set tabs = 4 spaces
2 years ago
align-self: center;
margin-left: 0.5rem;
💄 style: change switcher margin and width/height to rem
2 years ago
width: 1rem;
height: 1rem;
🎨 refactor: improve code format; set tabs = 4 spaces
2 years ago
position: relative;
cursor: pointer;
🐛 fix: remove flash when navigating in dark-mode The `initialize-theme.js` script takes care of the following: 1. If there is a stored theme value in the localStorage, set the theme based on that value. 2. If there is no stored theme value, check the user's system preference (dark or light) and set the theme accordingly. The new `main.js` takes care of the actual theme switching and listening to system preference changes (if the user has not manually set a theme). Now the icons are stored in CSS, and are set according to the current theme. This allows for having different icons that dynamically switch. Additionally, wraps social and navigation elements in ul/li. Fixes #76
2 years ago
-webkit-mask: var(--theme-switcher-svg);
background: var(--text-color);
first commit
2 years ago
}