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

Run prettier on code

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-04-12 13:02:38 +00:00 • committed by GitHub
parent d542206091
commit b8057f0e25
51 changed files with 28270 additions and 26529 deletions
Download patch file Download diff file Expand all files Collapse all files

161
src/_mixins.scss
View file

@ -1,81 +1,80 @@
@import "./variables";
@mixin flexList {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@mixin cardGeneric {
border-radius: 5px;
overflow: hidden;
box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.3);
transition: transform .25s, box-shadow .25s;
color: $textColor;
text-decoration: none;
margin: 20px;
background: $background;
&:hover,
&:active,
&:focus {
transform: scale(1.05);
box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.2), -1px 11px 33px -10px rgba($accentColor, .75);
}
}
@mixin buttonBasic {
display: block;
padding: 10px;
text-align: center;
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 {
@include buttonBasic;
border-radius: 5px;
}
@mixin homeBanner {
background: lighten($background, 1);
cursor: pointer;
display: block;
text-decoration: none;
color: inherit;
img {
height: 50px;
}
>div {
display: flex;
height: 100%;
padding: 20px !important;
line-height: 50px;
font-size: 1.7em;
color: white;
>span {
margin-left: auto;
margin-right: auto;
}
>i {
display: inline-flex;
flex-direction: column;
justify-content: center;
}
}
}
@import "./variables";
@mixin flexList {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@mixin cardGeneric {
border-radius: 5px;
overflow: hidden;
box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.3);
transition: transform 0.25s, box-shadow 0.25s;
color: $textColor;
text-decoration: none;
margin: 20px;
background: $background;
&:hover,
&:active,
&:focus {
transform: scale(1.05);
box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.2),
-1px 11px 33px -10px rgba($accentColor, 0.75);
}
}
@mixin buttonBasic {
display: block;
padding: 10px;
text-align: center;
background: $accentColor;
color: white;
text-decoration: none;
box-shadow: 0 0 33px -10px rgba($accentColor, 0.5);
transition: box-shadow 0.25s;
&:hover,
&:active,
&:hover {
box-shadow: 0 0 33px -10px rgba($accentColor, 0.9);
}
}
@mixin button {
@include buttonBasic;
border-radius: 5px;
}
@mixin homeBanner {
background: lighten($background, 1);
cursor: pointer;
display: block;
text-decoration: none;
color: inherit;
img {
height: 50px;
}
> div {
display: flex;
height: 100%;
padding: 20px !important;
line-height: 50px;
font-size: 1.7em;
color: white;
> span {
margin-left: auto;
margin-right: auto;
}
> i {
display: inline-flex;
flex-direction: column;
justify-content: center;
}
}
}