Sha256: b3563827a3afad9dbe7c7bcc887012a74d14b329d7e1317723c03af9ecbea81c
Contents?: true
Size: 1.14 KB
Versions: 28
Compression:
Stored size: 1.14 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});
width: 100%;
}
}
}
Version data entries
28 entries across 28 versions & 1 rubygems