lixin-web
Version:
vue and bootstrap
293 lines (276 loc) • 6.34 kB
CSS
@charset "UTF-8";
:root{
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
}
.el-radio{
color: rgb(31, 48, 61);
position: relative;
cursor: pointer;
display: inline-block;
white-space: nowrap;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.el-radio + .el-radio{
margin-left: 15px;
}
.el-radio__input{
white-space: nowrap;
cursor: pointer;
outline: none;
display: inline-block;
line-height: 1;
position: relative;
vertical-align: middle;
}
.el-radio__input.is-focus .el-radio__inner{
border-color: #2ba7e7;
}
.el-radio__input.is-checked .el-radio__inner{
border-color: #2ba7e7;
background: #2ba7e7
}
.el-radio__input.is-checked .el-radio__inner::after{
transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-disabled .el-radio__inner{
background-color: rgb(238, 242, 246);
border-color: rgb(209, 221, 229);
cursor: not-allowed
}
.el-radio__input.is-disabled .el-radio__inner::after{
cursor: not-allowed;
background-color: rgb(238, 242, 246);
}
.el-radio__input.is-disabled .el-radio__inner + .el-radio__label{
cursor: not-allowed;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner{
background-color: rgb(209, 221, 229);
border-color: rgb(209, 221, 229);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after{
background-color: #fff;
}
.el-radio__input.is-disabled + .el-radio__label{
color: #bbb;
cursor: not-allowed;
}
.el-radio__inner{
border: 1px solid #d5d5d5;
border-radius: 100%;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #fff;
position: relative;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
}
.el-radio__inner:hover{
border-color: #2ba7e7;
}
.el-radio__inner::after{
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
transition: transform .15s cubic-bezier(.71,-.46,.88,.6);
}
.el-radio__original{
opacity: 0;
outline: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.el-radio__label{
font-size: 14px;
padding-left: 5px;
}
:root{
/* Transition
-------------------------- */
/* Colors
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow
-------------------------- */
/* Fill
-------------------------- */
/* Font
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Message Box
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Steps
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
}