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

PC styles nearly done

Browse source
This commit is contained in:
Schmelczer András 2019-12-26 10:36:46 +01:00
parent da9d0a1136
commit 79f7c4c16f
25 changed files with 221 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

71
src/styles.scss
View file

@ -1,8 +1,10 @@
@import "style/vars";
@import "style/mixins";
@import "style/a";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
color: $normal-text-color;
hyphens: auto;
@ -32,23 +34,23 @@ body {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
perspective: 5px;
&::-webkit-scrollbar-track,
&::-webkit-scrollbar {
background-color: transparent;
width: 12px;
}
&::-webkit-scrollbar-thumb {
background-color: $accent-color;
border-radius: $border-radius;
}
& > * {
width: $body-width;
margin: auto;
}
}
&::-webkit-scrollbar-track,
&::-webkit-scrollbar {
background-color: transparent;
width: 12px;
}
&::-webkit-scrollbar-thumb {
background-color: $accent-color;
border-radius: $border-radius;
}
}
img,
@ -58,50 +60,3 @@ video {
object-fit: contain;
border-radius: $border-radius;
}
a {
@include insignificant-font();
text-decoration: none;
position: relative;
cursor: pointer;
color: $accent-color;
display: inline-block;
overflow: hidden;
$border-shift: 10px;
transition: transform $slow-transition-time;
&:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: $line-width;
bottom: 0;
z-index: 1;
background: linear-gradient(
90deg,
$card-color 0,
transparentize($card-color, 1) 4px,
transparentize($card-color, 1) calc(100% - 4px),
$card-color 100%
);
}
&:after {
content: "";
display: block;
width: calc(100% + #{$border-shift});
height: 100%;
z-index: 0;
border-bottom: $line-width dotted $accent-color;
transition: transform $slow-transition-time;
}
&:hover {
&:after {
transform: translateX(-$border-shift);
}
}
}