Y-SLD/assets/playkit/global/scss/_partials/_utilities.scss

170 lines
2.4 KiB
SCSS

// Position
.pos-s {
position: static !important;
}
.pos-r {
position: relative !important;
}
.badge {
font-size: 10px;
font-weight: 600;
}
.badge-circle {
border-radius: 50%;
}
// border-radius
.border-radius-0 {
border-radius: 0 !important;
}
.border-radius-1 {
border-radius: $border-radius !important;
}
// Font Size
.fz-base {
font-size: $font-size-base !important;
}
.fz-lg {
font-size: $font-size-lg !important;
}
.fz-sm {
font-size: $font-size-sm !important;
}
.fz-xs {
font-size: $font-size-xs !important;
}
// line-height
.lh-2 {
line-height: 2 !important;
}
// font-weight property
.font-weight-200 {
font-weight: 200 !important;
}
.font-weight-light {
font-weight: 300 !important;
}
// Borders
.border-a-0 {
border: none !important;
}
.border-a-1 {
border: 1px solid $border-color-default !important;
}
.border-a-2 {
border: 2px solid $border-color-default !important;
}
.border-t-0 {
border-top: none !important;
}
.border-t-1 {
border-top: 1px solid $border-color-default !important;
}
.border-t-2 {
border-top: 2px solid $border-color-default !important;
}
.border-r-0 {
border-right: none !important;
}
.border-r-1 {
border-right: 1px solid $border-color-default !important;
}
.border-r-2 {
border-right: 2px solid $border-color-default !important;
}
.border-b-0 {
border-bottom: none !important;
}
.border-l-0 {
border-left: none !important;
}
.border-b-1 {
border-bottom: 1px solid $border-color-default !important;
}
.border-b-2 {
border-bottom: 2px solid $border-color-default !important;
}
.border-l-1 {
border-left: 1px solid $border-color-default !important;
}
.border-l-2 {
border-left: 2px solid $border-color-default !important;
}
.border-color-primary {
border-color: $brand-primary !important;
}
.border-color-success {
border-color: $brand-success !important;
}
.border-color-warning {
border-color: $brand-warning !important;
}
.border-color-danger {
border-color: $brand-danger !important;
}
// Display
.d-table {
display: table !important;
& > * {
display: table-cell !important;
}
}
// Images
.img-full {
width: 100% !important;
height: auto;
display: block;
}
// transformations
.flip-y {
transform: rotateY(180deg);
}
.rotate-90 {
transform: rotate(90deg);
}
// Modals
.modal-md {
@media(min-width: map-get($grid-breakpoints, md)) {
max-width: 700px;
}
}