2020-04-13 00:21:36 +02:00
|
|
|
|
.isHidden {
|
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
|
|
&Mobile {
|
|
|
|
|
@include MediaQuery(phone) {
|
|
|
|
|
display: none
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-04-13 18:17:59 +02:00
|
|
|
|
|
|
|
|
|
.petiteCaps {
|
|
|
|
|
font-variant: petite-caps
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-14 04:42:03 +02:00
|
|
|
|
.flexCenter {
|
|
|
|
|
display: flex;
|
2020-04-17 00:50:23 +02:00
|
|
|
|
align-content: center;
|
|
|
|
|
align-items: center
|
2020-04-14 04:42:03 +02:00
|
|
|
|
}
|
2020-04-17 00:50:23 +02:00
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.no {
|
|
|
|
|
&BottomMargin {
|
|
|
|
|
margin-bottom: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.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));
|
|
|
|
|
}
|
2020-04-20 00:52:36 +02:00
|
|
|
|
|
|
|
|
|
&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);
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-04-17 00:50:23 +02:00
|
|
|
|
}
|
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
|
.neo {
|
|
|
|
|
&Btn {
|
|
|
|
|
box-shadow: -3px -3px 6px rgba($light-shadow, .5), 3px 3px 6px rgba($dark-shadow, .5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important;
|
|
|
|
|
transition: all .2s linear;
|
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
|
|
|
backface-visibility: hidden;
|
|
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
|
box-shadow: -3px -3px 6px rgba($light-shadow, .5), 3px 3px 6px rgba($dark-shadow, .5) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
box-shadow: -6px -6px 12px rgba($light-shadow, .5), 6px 6px 12px rgba($dark-shadow, .5);
|
|
|
|
|
background: none !important;
|
|
|
|
|
border: none !important;
|
|
|
|
|
transform: scale(1.1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&File {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
box-shadow: 0px 0px 0px rgba($light-shadow, .5), 0px 0px 0px rgba($dark-shadow, .5) !important;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
transition: all .2s linear;
|
2020-04-23 01:32:20 +02:00
|
|
|
|
-webkit-backface-visibility: hidden !important;
|
|
|
|
|
backface-visibility: hidden !important;
|
|
|
|
|
background: $background !important;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
|
|
|
|
|
&:hover {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
box-shadow: -3px -3px 6px rgba($light-shadow, .5), 3px 3px 6px rgba($dark-shadow, .5) !important;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.isSelected {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
box-shadow: inset 3px 3px 6px rgba($dark-shadow, .5),inset -3px -3px 6px rgba($light-shadow, .5) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.is-active, &.active {
|
|
|
|
|
box-shadow: inset 3px 3px 6px rgba($dark-shadow, .5),inset -3px -3px 6px rgba($light-shadow, .5) !important;
|
|
|
|
|
color: $color-black !important;
|
2020-04-22 00:25:21 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-17 00:50:23 +02:00
|
|
|
|
.gradientBackground {
|
|
|
|
|
background: linear-gradient(to right bottom,$background-light,$background-dark)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.borderR {
|
|
|
|
|
border-radius: $border-radius;
|
|
|
|
|
|
|
|
|
|
&Small {
|
2020-04-23 01:32:20 +02:00
|
|
|
|
border-radius: $border-radius-s !important;
|
2020-04-17 00:50:23 +02:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&Big {
|
|
|
|
|
border-radius: $border-radius-b;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bg {
|
|
|
|
|
background: $background
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-20 00:52:36 +02:00
|
|
|
|
.sameMarginBottom {
|
2020-04-17 00:50:23 +02:00
|
|
|
|
margin-bottom: 1rem !important
|
2020-04-20 00:52:36 +02:00
|
|
|
|
}
|