Sha256: 9ca3d56f5ff7052abd1dc3441f3b64401432a483a185d9d84c1083dc17c3cf14
Contents?: true
Size: 1.13 KB
Versions: 34
Compression:
Stored size: 1.13 KB
Contents
//
// sizing.scss
// Extended from Bootstrap
//
@each $size, $sizeValue in $sizes {
// Percentage
.mw-#{$size} {
max-width: $sizeValue !important;
}
// Viewport units
.vw-#{$size} {
width: #{$size}vw !important;
}
}
// Responsive
@each $width, $widthValue in $container-max-widths {
@include media-breakpoint-up($width) {
@each $size, $sizeValue in $sizes {
// Percentage
.h-#{$width}-#{$size} {
height: $sizeValue !important;
}
.w-#{$width}-#{$size} {
width: $sizeValue !important;
}
.mw-#{$width}-#{$size} {
max-width: $sizeValue !important;
}
// Viewport units
.vh-#{$width}-#{$size} {
height: #{$size}vh;
}
.vw-#{$width}-#{$size} {
width: #{$size}vw;
}
}
}
}
// Cover
//
// Spans the container till the edge of the viewport
.w-cover {
@each $width, $value in $container-max-widths {
@include media-breakpoint-up(#{$width}) {
width: calc(100% + (100vw - #{$value}) / 2 + #{$grid-gutter-width});
}
}
}
Version data entries
34 entries across 34 versions & 2 rubygems