76 lines
1.5 KiB
SCSS
76 lines
1.5 KiB
SCSS
.isHidden {
|
|
display: none;
|
|
|
|
&Mobile {
|
|
@include MediaQuery(phone) {
|
|
display: none
|
|
}
|
|
}
|
|
}
|
|
|
|
.petiteCaps {
|
|
font-variant: petite-caps
|
|
}
|
|
|
|
.flexCenter {
|
|
display: flex;
|
|
align-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.is {
|
|
&NoWrap {
|
|
white-space: nowrap
|
|
}
|
|
|
|
&Finger {
|
|
cursor: pointer
|
|
}
|
|
}
|
|
|
|
.neomorph {
|
|
/*box-shadow: 0px 0px 4px 4px rgba($background, 1), -8px -8px 16px rgba($light-shadow, 1), 8px 8px 16px rgba($dark-shadow, 1);*/
|
|
box-shadow: -8px -8px 16px rgba($light-shadow, .5), 8px 8px 16px rgba($dark-shadow, .5);
|
|
|
|
&Small {
|
|
/*box-shadow: 0px 0px 3px 3px rgba($background, 1), -6px -6px 12px rgba($light-shadow, 1), 6px 6px 12px rgba($dark-shadow, 1);*/
|
|
box-shadow: -6px -6px 12px rgba($light-shadow, .5), 6px 6px 12px rgba($dark-shadow, .5);
|
|
}
|
|
|
|
&Bottom {
|
|
filter: drop-shadow(8px 8px 14px rgba($dark-shadow, 1));
|
|
}
|
|
|
|
&Inset {
|
|
box-shadow: inset 8px 8px 16px rgba($dark-shadow, .5), inset -8px -8px 16px rgba($light-shadow, .5);
|
|
|
|
&Small {
|
|
box-shadow: inset 6px 6px 12px rgba($dark-shadow, .5), inset -6px -6px 12px rgba($light-shadow, .5);
|
|
}
|
|
}
|
|
}
|
|
|
|
.gradientBackground {
|
|
background: linear-gradient(to right bottom,$background-light,$background-dark)
|
|
}
|
|
|
|
.borderR {
|
|
border-radius: $border-radius;
|
|
|
|
&Small {
|
|
border-radius: $border-radius-s;
|
|
}
|
|
|
|
&Big {
|
|
border-radius: $border-radius-b;
|
|
}
|
|
}
|
|
|
|
.bg {
|
|
background: $background
|
|
}
|
|
|
|
.sameMarginBottom {
|
|
margin-bottom: 1rem !important
|
|
}
|