KIT&GO intro, module 1
This commit is contained in:
@@ -26,6 +26,84 @@ $widthvalues: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100, 125, 150, 200,
|
||||
.min-h-#{$width} {
|
||||
min-height: #{$width}px;
|
||||
}
|
||||
|
||||
@media(max-width: $breakpoint-phone) {
|
||||
.sm-w-#{$width} {
|
||||
width: #{$width}px;
|
||||
}
|
||||
|
||||
.sm-max-w-#{$width} {
|
||||
max-width: #{$width}px;
|
||||
}
|
||||
|
||||
.sm-min-w-#{$width} {
|
||||
min-width: #{$width}px;
|
||||
}
|
||||
|
||||
.sm-h-#{$width} {
|
||||
height: #{$width}px;
|
||||
}
|
||||
|
||||
.sm-max-h-#{$width} {
|
||||
max-height: #{$width}px;
|
||||
}
|
||||
|
||||
.sm-min-h-#{$width} {
|
||||
min-height: #{$width}px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: $breakpoint-phone) and (max-width: $breakpoint-tablet) {
|
||||
.md-w-#{$width} {
|
||||
width: #{$width}px;
|
||||
}
|
||||
|
||||
.md-max-w-#{$width} {
|
||||
max-width: #{$width}px;
|
||||
}
|
||||
|
||||
.md-min-w-#{$width} {
|
||||
min-width: #{$width}px;
|
||||
}
|
||||
|
||||
.md-h-#{$width} {
|
||||
height: #{$width}px;
|
||||
}
|
||||
|
||||
.md-max-h-#{$width} {
|
||||
max-height: #{$width}px;
|
||||
}
|
||||
|
||||
.md-min-h-#{$width} {
|
||||
min-height: #{$width}px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: $breakpoint-tablet) {
|
||||
.lg-w-#{$width} {
|
||||
width: #{$width}px;
|
||||
}
|
||||
|
||||
.lg-max-w-#{$width} {
|
||||
max-width: #{$width}px;
|
||||
}
|
||||
|
||||
.lg-min-w-#{$width} {
|
||||
min-width: #{$width}px;
|
||||
}
|
||||
|
||||
.lg-h-#{$width} {
|
||||
height: #{$width}px;
|
||||
}
|
||||
|
||||
.lg-max-h-#{$width} {
|
||||
max-height: #{$width}px;
|
||||
}
|
||||
|
||||
.lg-min-h-#{$width} {
|
||||
min-height: #{$width}px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -78,4 +156,10 @@ $sides: (top, bottom, left, right);
|
||||
padding-#{$side}: #{$space}px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* TEXT SIZE */
|
||||
|
||||
.small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
Reference in New Issue
Block a user