Spaces:
Sleeping
Sleeping
File size: 1,266 Bytes
13555f3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | @charset 'UTF-8';
$positions: 't b l r';
$positions: 't'top,
'b'bottom,
'l'left,
'r'right;
@for $i from 0 through 20 {
@each $label,
$position in $positions {
.p#{$label}-#{$i} {
padding-#{$position}: #{$i*4}px !important;
}
}
@each $label,
$position in $positions {
.m#{$label}-#{$i} {
margin-#{$position}: #{$i*4}px !important;
}
}
.m-#{$i} {
margin: #{$i*4}px !important;
}
.p-#{$i} {
padding: #{$i*4}px !important;
}
.px-#{$i} {
padding: 0 #{$i*4}px 0 #{$i*4}px !important;
}
.py-#{$i} {
padding: #{$i*4}px 0 #{$i*4}px 0 !important;
}
.h-#{$i} {
height: #{$i*4}px !important;
}
}
.d-block {
display: block;
}
.w-full {
width: 100%;
}
.a11y--focused {
border-radius: 4px;
box-shadow: 0 0 1px 3px rgba(var(--link-color-rgb), 0.5), 0 0 0 1px var(--link-color);
}
.pos-relative {
position: relative;
}
.hidden-label {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
}
.overflow--visible {
overflow: visible;
}
.bg--white {
background: var(--center-channel-bg);
}
|