1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-22 14:49:42 +02:00
documize/gui/app/styles/core/layout/spacing.scss

72 lines
1 KiB
SCSS
Raw Normal View History

2018-12-12 13:35:16 +00:00
.spacer-100 { height: 10px; }
.spacer-200 { height: 20px; }
.spacer-300 { height: 30px; }
.spacer-400 { height: 40px; }
.spacer-500 { height: 70px; }
.spacer-600 { height: 100px; }
.spacer-700 { height: 120px; }
.spacer-800 { height: 150px; }
.spacer-900 { height: 200px; }
@media (max-width: $display-break-1) {
div[class^="spacer-"] {
2018-12-14 11:52:31 +00:00
height: 10px;
2018-12-12 13:35:16 +00:00
}
}
$i: 150;
@while $i > 0 {
.margin-#{$i} {
margin: #{$i}px;
}
.margin-top-#{$i} {
margin-top: #{$i}px;
}
.margin-bottom-#{$i} {
margin-bottom: #{$i}px;
}
.margin-right-#{$i} {
margin-right: #{$i}px;
}
.margin-left-#{$i} {
margin-left: #{$i}px;
}
$i: $i - 5;
}
$i: 150;
@while $i > 0 {
.padding-#{$i} {
padding: #{$i}px;
}
.padding-top-#{$i} {
padding-top: #{$i}px;
}
.padding-bottom-#{$i} {
padding-bottom: #{$i}px;
}
.padding-right-#{$i} {
padding-right: #{$i}px;
}
.padding-left-#{$i} {
padding-left: #{$i}px;
}
$i: $i - 5;
}
$i: 100;
@while $i > 0 {
.width-#{$i} {
width: #{$i}#{"%"} !important;
}
$i: $i - 1;
}