andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Convert to component based architecture

Browse source
This commit is contained in:
Schmelczer András 2019-12-21 22:59:41 +01:00
parent eb2075aec5
commit cdaa423b8a
70 changed files with 1942 additions and 484 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/styles.scss Normal file
View file

@ -0,0 +1,74 @@
@import "style/vars";
* {
margin: 0;
box-sizing: content-box;
color: $normal-text-color;
hyphens: auto;
}
::-moz-selection {
background: $accent-color;
color: $inverse-text-color;
}
::selection {
background: $accent-color;
color: $inverse-text-color;
}
html {
background-color: $normal-text-color;
color: $inverse-text-color;
}
@supports (background: $background) {
html {
background: $background;
color: $normal-text-color;
}
}
body {
width: $body-width;
margin: auto;
font: $text-font;
&::-webkit-scrollbar-track,
&::-webkit-scrollbar {
background-color: $scrollbar-color;
width: 12px;
}
&::-webkit-scrollbar-thumb {
background-color: $accent-color;
border-radius: $border-radius;
}
}
img,
video {
width: 100%;
height: auto;
}
a {
display: inline-block;
position: relative;
text-decoration: none;
cursor: pointer;
border-bottom: solid $line-width $light-accent-color;
&:after {
content: "";
width: 0;
height: $line-width;
position: absolute;
left: 0;
bottom: -$line-width;
background-color: $accent-color;
transition: width $transition-time;
&:hover {
width: 100%;
}
}
}