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

Refactor

Browse source
This commit is contained in:
Schmelczer András 2020-01-04 10:24:07 +01:00
parent 41d4665e49
commit 969ccac690
24 changed files with 236 additions and 287 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/style/a.scss
View file

@ -13,14 +13,13 @@ a {
$border-shift: 10px;
transition: transform $long-transition-time;
$dot-size: 4px;
&:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: $dot-size;
height: $line-width;
bottom: 0;
z-index: 1;
background: linear-gradient(
@ -37,7 +36,7 @@ a {
display: block;
width: calc(100% + #{$border-shift});
z-index: 0;
border-bottom: $dot-size dotted $accent-color;
border-bottom: $line-width dashed $accent-color;
transition: transform $long-transition-time;
}

4
src/style/vars.scss
View file

@ -13,7 +13,7 @@ $scrollbar-color: #ffd6d6;
$short-transition-time: 220ms;
$long-transition-time: 350ms;
$line-width: 3px;
$border-radius: 15px;
$border-radius: var(--border-radius);
$breakpoint-width: 925px;
$large-margin: var(--large-margin);
@ -36,6 +36,7 @@ $body-width: var(--body-width);
--body-width: 765px;
--shadow1: 0 0 10px 2px rgba(0, 0, 0, 0.075);
--shadow2: 0 0 1px rgba(0, 0, 0, 0.2);
--border-radius: 15px;
@media (max-width: $breakpoint-width) {
--large-margin: 60px;
@ -45,5 +46,6 @@ $body-width: var(--body-width);
--body-width: 90%;
--shadow1: 0 0 10px 2px rgba(0, 0, 0, 0.05);
--shadow2: 0 0 1px rgba(0, 0, 0, 0.125);
--border-radius: 10px;
}
}