kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-18 10:32:04 +02:00
Code Issues Projects Releases Wiki Activity

Explore Design changes

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-26 20:41:53 +01:00
parent 85d749d33d
commit df08385cc5
22 changed files with 146 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/_mixins.scss
View file

@ -8,8 +8,6 @@
}
@mixin cardGeneric {
max-width: 300px;
width: 100%;
border-radius: 5px;
overflow: hidden;
box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.3);
@ -21,7 +19,7 @@
&:hover, &:active, &:focus {
transform: scale(1.05);
box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.4);
box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.2), -1px 11px 33px -10px rgba($accentColor, .75);
}
}
@ -32,6 +30,12 @@
background: $accentColor;
color: white;
text-decoration: none;
box-shadow: 0 0 33px -10px rgba($accentColor, .5);
transition: box-shadow .25s;
&:hover, &:active, &:hover {
box-shadow: 0 0 33px -10px rgba($accentColor, .9);
}
}
@mixin button {
@ -40,7 +44,7 @@
}
@mixin homeBanner {
background: #10141e;
background: lighten($background, 1);
cursor: pointer;
display: block;
text-decoration: none;
@ -62,7 +66,7 @@
margin-left: auto;
margin-right: auto;
> i {
> i, > i::before {
line-height: 50px !important;
}
}