KIT&GO intro, module 1

This commit is contained in:
2021-09-13 08:37:05 +02:00
parent b7ba1d105f
commit 498b9ab780
412 changed files with 121753 additions and 320 deletions

View File

@@ -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;
}