You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
/*************************************************************************************** * 유틸리티 ****************************************************************************************/ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
&.sr-only-focusable { &:active, &:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } } }
.clearfix { &, &:before, &:after { @include clear-fix(); } }
/* 높이/너비/마진/패딩 */ @for $i from 2 to 10 { .H#{$i * 5} { height: 5px * $i !important; } } @for $i from 2 to 20 { .W#{$i * 25} { width: 25px * $i !important; } } @for $i from 1 to 10 { .M#{$i * 5} { margin:5px * $i; } .MT#{$i * 5} { margin-top:5px * $i; } .MR#{$i*5} { margin-right:5px * $i; } .MB#{$i * 5} { margin-bottom:5px * $i; } .ML#{$i * 5} { margin-left:5px * $i; } .PT#{$i * 5} { padding-top:5px * $i; } .PR#{$i * 5} { padding-right:5px * $i; } .PB#{$i * 5} { padding-bottom:5px * $i; } .PL#{$i * 5} { padding-left:5px * $i; } .P#{$i * 5} { padding:5px * $i; } }
|