Sha256: edec1bf7c7f72ab6959b4f9c5685532ce3d1671881607b5f008a25a553846f96
Contents?: true
Size: 1.08 KB
Versions: 15
Compression:
Stored size: 1.08 KB
Contents
//
// overlay.scss
// Theme utility
//
.overlay {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
}
}
.overlay-not-jaralax {
z-index: 2;
width: 100%;
height: 70vh;
min-height: 500px;
max-height: 1000px;
position: relative !important;
top: 0;
right: 0;
left: 0;
@include media-breakpoint-down(xs) {
height: 85vh;
}
@include media-breakpoint-up(sm) {
height: 80vh;
}
}
// Colors
@each $color, $value in $theme-colors {
// Solid
.overlay-#{$color} {
@include overlay($value);
}
// Gradient
.overlay-gradient-#{$color}-right {
@include overlay-gradient($value, right);
}
.overlay-gradient-#{$color}-down {
@include overlay-gradient($value, bottom);
}
.overlay-gradient-#{$color}-left {
@include overlay-gradient($value, left);
}
}
// Opacity
@for $i from 1 through 9 {
.overlay-#{$i * 10} {
&::before {
opacity: #{$i / 10};
}
}
}
Version data entries
15 entries across 15 versions & 1 rubygems