KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-11 11:55:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Finished dark mode! This means re-doing all sass variables in the

Browse Source 
variables.scss file and defining css variables in :root and alterting
them based on prefered color scheme. This gives us a mechanism to set
custom color schemes for the entire site from one place and changing
between them just by setting a class to the body element. This is done
by overwriting the css variables and then our scss variables use these
changes and apply them downward. This seems like a really nice setup for
the switching between- and adding color schemes.
Also did a lot of cleanup of unused, duplicate or errors styling
throughout the application.
This commit is contained in:
Kevin
2019-10-21 00:05:46 +02:00
parent 49c418c3f1
commit fa50dd3455
20 changed files with 520 additions and 558 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ui/Loader.vue
View File

@@ -17,29 +17,26 @@
align-items: center;
&--icon{
border: 2px solid rgba($c-dark, 0.9);
border: 2px solid $text-color-70;
border-radius: 50%;
display: block;
height: 40px;
// left: 50%;
// margin: -1.5em;
position: absolute;
width: 40px;
&-spinner {
// border: 2px solid transparent;
display: block;
display: block;
animation: load 1s linear infinite;
height: 35px;
width: 35px;
&:after {
border: 7px solid rgba($c-green, 0.9);
border-radius: 50%;
content: '';
left: 8px;
position: absolute;
top: 22px;
}
height: 35px;
width: 35px;
&:after {
border: 7px solid rgba($green, 0.9);
border-radius: 50%;
content: '';
left: 8px;
position: absolute;
top: 22px;
}
}
}
@keyframes load {