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.
77 lines
1.3 KiB
77 lines
1.3 KiB
/***************************************************************************************
|
|
* 유틸리티
|
|
****************************************************************************************/
|
|
.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;
|
|
}
|
|
}
|