body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
div::-webkit-scrollbar {
width: 0;
}
label {
font-weight: 700;
}
html {
height: 100%;
box-sizing: border-box;
}
#app{
height: 100%;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.no-padding {
padding: 0px !important;
}
.padding-content {
padding: 4px 0;
}
a:focus,
a:active {
outline: none;
}
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
text-decoration: none;
}
div:focus{
outline: none;
}
.fr {
float: right;
}
.fl {
float: left;
}
.pr-5 {
padding-right: 5px;
}
.pl-5 {
padding-left: 5px;
}
.block {
display: block;
}
.pointer {
cursor: pointer;
}
.inlineBlock {
display: block;
}
.clearfix {
&:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
}
code {
background: #eef1f6;
padding: 15px 16px;
margin-bottom: 20px;
display: block;
line-height: 36px;
font-size: 15px;
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
a {
color: #337ab7;
cursor: pointer;
&:hover {
color: rgb(32, 160, 255);
}
}
}
.warn-content{
background: rgba(66,185,131,.1);
border-radius: 2px;
padding: 16px;
padding: 1rem;
line-height: 1.6rem;
word-spacing: .05rem;
a{
color: #42b983;
font-weight: 600;
}
}
//main-container全局样式
.main-container {
background: #f0f2f5;
}
.app-container {
padding: 20px;
}
// .dashboard-container {
// background: #f0f2f5;
// }
.components-container {
margin: 30px 50px;
position: relative;
}
.pagination-container {
margin-top: 30px;
}
.text-center {
text-align: center
}
.sub-navbar {
height: 50px;
line-height: 50px;
position: relative;
width: 100%;
text-align: right;
padding-right: 20px;
transition: 600ms ease position;
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
.subtitle {
font-size: 20px;
color: #fff;
}
&.draft {
background: #d0d0d0;
}
&.deleted {
background: #d0d0d0;
}
}
.link-type,
.link-type:focus {
color: #337ab7;
cursor: pointer;
&:hover {
color: rgb(32, 160, 255);
}
}
.filter-container {
padding-bottom: 10px;
.filter-item {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
}
//refine vue-multiselect plugin
.multiselect {
line-height: 16px;
}
.multiselect--active {
z-index: 1000 !important;
}
// el-table
.el-table th {
background-color: #fafafa;
}
.el-table th.is-leaf {
border-bottom: 2px solid #e8e8e8;
}
.icon{display: inline-block;width: 6px; height: 6px;border-radius: 3px;position: relative;}
.iconBlue{background: #1890ff;}
.iconBlue:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid #1890ff;
content: "";
animation: antStatusProcessing 1.2s infinite ease-in-out
}
.iconRed{background: #f5222d;}
.iconGreen{background: green;}
.el-dialog__header{
background: linear-gradient(to right, #1493fa, #01c6fa);
background: #409EFF;
border-radius:9px 9px 0 0;
.el-dialog__title{
color: #fff;
}
}
.el-dialog__headerbtn .el-dialog__close,.el-dialog__headerbtn .el-dialog__close:hover{
color: #fff;
}
.el-dialog{
border-radius: 10px;
}
@-webkit-keyframes antStatusProcessing {
0% {
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: .9
}
to {
-webkit-transform: scale(2.4);
transform: scale(2.4);
opacity: 0
}
}
@keyframes antStatusProcessing {
0% {
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: .9
}
to {
-webkit-transform: scale(2.4);
transform: scale(2.4);
opacity: 0
}
}
css 初始化样式pc端
最新推荐文章于 2023-04-14 08:35:45 发布