202 lines
3.0 KiB
SCSS
202 lines
3.0 KiB
SCSS
// 阴影
|
|
.shadow-0 {
|
|
box-shadow: none!important;
|
|
}
|
|
.shadow {
|
|
box-shadow: $shadow!important;
|
|
}
|
|
.shadow-100 {
|
|
box-shadow: $shadow-100!important;
|
|
}
|
|
.shadow-200 {
|
|
box-shadow: $shadow-200!important;
|
|
}
|
|
|
|
// 文本大小
|
|
// small
|
|
.font-sm-1{
|
|
font-size: 0.7rem !important;
|
|
}
|
|
.font-sm-2{
|
|
font-size: 0.8rem !important;
|
|
}
|
|
.font-sm-3{
|
|
font-size: 0.9rem !important;
|
|
}
|
|
// medium
|
|
.font-md-1{
|
|
font-size: 1.1rem !important;
|
|
}
|
|
.font-md-2{
|
|
font-size: 1.2rem !important;
|
|
}
|
|
.font-md-3{
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.font-md-4{
|
|
font-size: 1.4rem !important;
|
|
}
|
|
.font-md-5{
|
|
font-size: 1.5rem !important;
|
|
}
|
|
//large
|
|
.font-lg-1{
|
|
font-size: 2rem !important;
|
|
}
|
|
.font-lg-2{
|
|
font-size: 3rem !important;
|
|
}
|
|
.font-lg-3{
|
|
font-size: 4rem !important;
|
|
}
|
|
.font-lg-4{
|
|
font-size: 5rem !important;
|
|
}
|
|
.font-lg-5{
|
|
font-size: 6rem !important;
|
|
}
|
|
|
|
// Font weights
|
|
|
|
.font-w-300 {
|
|
font-weight: 300;
|
|
}
|
|
.font-w-400 {
|
|
font-weight: 400;
|
|
}
|
|
.font-w-500 {
|
|
font-weight: 500;
|
|
}
|
|
.font-w-600 {
|
|
font-weight: 600;
|
|
}
|
|
.font-w-700 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
// margin 1.5 pading 1.5
|
|
.mt-1-5 {
|
|
margin-top: 1.5rem!important;
|
|
}
|
|
.mb-1-5 {
|
|
margin-bottom: 1.5rem!important;
|
|
}
|
|
.ml-1-5 {
|
|
margin-left: 1.5rem!important;
|
|
}
|
|
.mr-1-5 {
|
|
margin-right: 1.5rem!important;
|
|
}
|
|
|
|
.pt-1-5 {
|
|
padding-top: 1.5rem!important;
|
|
}
|
|
.pb-1-5 {
|
|
padding-bottom: 1.5rem!important;
|
|
}
|
|
.pl-1-5 {
|
|
padding-left: 1.5rem!important;
|
|
}
|
|
.pr-1-5 {
|
|
padding-right: 1.5rem!important;
|
|
}
|
|
|
|
// Font style
|
|
.text-italic {
|
|
font-style: italic;
|
|
}
|
|
.text-highlight {
|
|
padding: 4px 6px;
|
|
}
|
|
|
|
//
|
|
.pin, .pin-y {
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.pin {
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
// icon
|
|
.icon-bg-circle{
|
|
color: $white;
|
|
padding: 0.5rem;
|
|
border-radius: 50%;
|
|
}
|
|
.icon-left{
|
|
margin-right:0.5rem;
|
|
}
|
|
.icon-right{
|
|
margin-right:0.5rem;
|
|
}
|
|
.icon-spin {
|
|
display: inline-block;
|
|
animation: spin 1s infinite linear;
|
|
}
|
|
|
|
// spin
|
|
@-moz-keyframes spin {
|
|
from {
|
|
-moz-transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-moz-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes spin {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.round{@include border-radius(1.5rem);}
|
|
.square{@include border-radius($btn-border-radius-square);}
|
|
|
|
.icon-line-height{
|
|
line-height : 1.5rem !important;
|
|
}
|
|
|
|
// Spinner classes
|
|
.spinner {
|
|
display: inline-block;
|
|
-webkit-animation: spin 1s linear infinite;
|
|
-o-animation: spin 1s linear infinite;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
@keyframes spin {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
|
|
// Button focus outline
|
|
button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
.overflow-x-auto {
|
|
overflow-x: auto!important;
|
|
}
|
|
.overflow-y-auto {
|
|
overflow-y: auto!important;
|
|
}
|