hy-checkbox
Version:
checkbox & radio ui components for react
91 lines (89 loc) • 2.38 kB
text/less
/*
* @Author: SiMeiyu
* @Date: 2017-07-04 10:05:47
*/
@import "../../app/variables.less";
.@{ult-prefix}-panel {
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
.@{ult-prefix}-row-flex-stretch & {
height: 100%;
display: flex;
flex-direction: column;
.@{ult-prefix}-panel-content {
flex-grow: 1;
}
}
&-heading {
padding: @base-space/2*3 0;
margin: 0 @base-space * 2;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid @panel-default-border;
&.@{ult-prefix}-border-collapse {
border-bottom-color: transparent;
}
}
&-collapse {
padding: @base-space / 4 @base-space / 2;
width: auto;
}
&-title {
line-height: @base-space * 3;
font-weight: normal;
color: @panel-default-title-color;
font-size: 16px;
}
&-content {
padding: @base-space * 3;
blockquote {
font-size: 14px;
margin: 0;
padding: 0;
padding-left: 16px;
line-height: @base-space * 3;
overflow: hidden;
}
}
&-footer {
padding: @base-space * 1.5 @base-space * 3 - 1px;
line-height: @base-space * 3;
font-size: 12px;
background-color: @panel-default-footer-bg;
border-top: 1px solid @panel-default-border;
color: @panel-default-footer-text;
}
&-primary {
.@{ult-prefix}-panel-heading {
border-bottom-color: @primary;
}
.@{ult-prefix}-panel-title {
color: @primary
}
}
&-success {
.@{ult-prefix}-panel-heading {
border-bottom-color: @success;
}
.@{ult-prefix}-panel-title {
color: @success
}
}
&-warning {
.@{ult-prefix}-panel-heading {
border-bottom-color: @warning;
}
.@{ult-prefix}-panel-title {
color: @warning
}
}
&-danger {
.@{ult-prefix}-panel-heading {
border-bottom-color: @danger;
}
.@{ult-prefix}-panel-title {
color: @danger
}
}
}