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.
214 lines
3.2 KiB
214 lines
3.2 KiB
/**
|
|
*
|
|
*
|
|
*
|
|
*
|
|
*/
|
|
|
|
@mixin plain-ui__helpers__core()
|
|
{
|
|
/**
|
|
* borders
|
|
*
|
|
*
|
|
*/
|
|
|
|
.border {
|
|
border: $plain-ui__border !important;
|
|
}
|
|
|
|
.border-round {
|
|
border-radius: $plain-ui__border-radius !important;
|
|
}
|
|
|
|
.borderless {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.radiusless {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/**
|
|
*
|
|
*
|
|
*/
|
|
|
|
.round {
|
|
border-radius: 50% !important;
|
|
}
|
|
|
|
/**
|
|
* typography
|
|
*
|
|
*
|
|
*/
|
|
|
|
.left {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.right {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.center {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.justify {
|
|
text-align: justify !important;
|
|
}
|
|
|
|
.uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
|
|
.lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
|
|
.crossed {
|
|
text-decoration: line-through !important;
|
|
}
|
|
|
|
.underline {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
.capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
|
|
.italic {
|
|
font-style: italic !important;
|
|
}
|
|
|
|
.light {
|
|
font-weight: lighter !important;
|
|
}
|
|
|
|
.normal {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.medium {
|
|
font-weight: medium !important;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bolder !important;
|
|
}
|
|
|
|
@each $name, $font-size in $plain-ui__font-sizes {
|
|
.text-size-#{$name} {
|
|
font-size: $font-size !important;
|
|
//@include plain-ui__breakpoints-font-size($plain-ui__font-size-breakpoints, $font-size, getDefault($plain-ui__font-sizes), true);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* colors
|
|
*
|
|
*
|
|
*/
|
|
|
|
@each $name, $color in $plain-ui__colors {
|
|
.text-color-#{$name} {
|
|
color: $color !important;
|
|
}
|
|
}
|
|
|
|
@each $name, $color in $plain-ui__colors {
|
|
.fill-#{$name} {
|
|
fill: $color !important;
|
|
}
|
|
}
|
|
|
|
@each $name, $color in $plain-ui__colors {
|
|
.border-color-#{$name} {
|
|
border-color: $color !important;
|
|
}
|
|
}
|
|
|
|
@each $name, $color in $plain-ui__colors {
|
|
.background-color-#{$name} {
|
|
background-color: $color !important;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* floating
|
|
*
|
|
*
|
|
*/
|
|
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
|
|
.float-none {
|
|
float: none;
|
|
}
|
|
|
|
.centered {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.clearfix {
|
|
@include plain-ui__clearfix();
|
|
}
|
|
|
|
/**
|
|
* position
|
|
*
|
|
*
|
|
*/
|
|
|
|
.absolute {
|
|
position: absolute !important;
|
|
}
|
|
|
|
.fixed {
|
|
position: fixed !important;
|
|
}
|
|
|
|
.relative {
|
|
position: relative !important;
|
|
}
|
|
|
|
/**
|
|
*
|
|
*
|
|
*/
|
|
|
|
.vertical-align-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.vertical-align-top {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.vertical-align-baseline {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/**
|
|
*
|
|
*
|
|
*/
|
|
|
|
.overflow-x-hidden {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.overflow-y-hidden {
|
|
overflow-y: hidden;
|
|
}
|
|
} |