107 lines
1.4 KiB
SCSS
107 lines
1.4 KiB
SCSS
//Margin
|
|
@for $i from -25 through 25 {
|
|
.m-l-#{$i * 5} {
|
|
margin-left: #{$i * 5}px;
|
|
}
|
|
|
|
.m-t-#{$i * 5} {
|
|
margin-top: #{$i * 5}px;
|
|
}
|
|
|
|
.m-r-#{$i * 5} {
|
|
margin-right: #{$i * 5}px;
|
|
}
|
|
|
|
.m-b-#{$i * 5} {
|
|
margin-bottom: #{$i * 5}px;
|
|
}
|
|
}
|
|
|
|
.margin-0 {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
@for $i from 0 through 25 {
|
|
.p-l-#{$i * 5} {
|
|
padding-left: #{$i * 5}px;
|
|
}
|
|
|
|
.p-t-#{$i * 5} {
|
|
padding-top: #{$i * 5}px;
|
|
}
|
|
|
|
.p-r-#{$i * 5} {
|
|
padding-right: #{$i * 5}px;
|
|
}
|
|
|
|
.p-b-#{$i * 5} {
|
|
padding-bottom: #{$i * 5}px;
|
|
}
|
|
}
|
|
|
|
.padding-0 {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
@for $i from 5 through 49 {
|
|
.font-#{$i + 1} {
|
|
font-size: #{$i + 1}px;
|
|
}
|
|
}
|
|
/* Helpers */
|
|
|
|
.bg-success {
|
|
background-color: $color-success;
|
|
}
|
|
|
|
.bg-warning {
|
|
background-color: $color-warning;
|
|
}
|
|
|
|
.bg-danger {
|
|
background-color: $color-danger;
|
|
}
|
|
|
|
.bg-info {
|
|
background-color: $color-info;
|
|
}
|
|
.align-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.align-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.align-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.align-justify {
|
|
text-align: justify;
|
|
}
|
|
|
|
.p-25 {
|
|
padding: 25px !important;
|
|
}
|
|
.font300{
|
|
font-weight: $font-weight-300;
|
|
}
|
|
.font600{
|
|
font-weight: $font-weight-600;
|
|
}
|
|
.font700{
|
|
font-weight: $font-weight-700;
|
|
}
|
|
.w40{
|
|
width: 40px;
|
|
}
|
|
.w45{
|
|
width: 45px;
|
|
}
|
|
.w60{
|
|
width: 60px;
|
|
}
|
|
.w80{
|
|
width: 80px;
|
|
} |