78 lines
1.3 KiB
Plaintext
78 lines
1.3 KiB
Plaintext
div.panel {
|
|
@panel-border-color: #e8eaeb;
|
|
|
|
padding: 20px;
|
|
|
|
&.no-padding {
|
|
padding: 0;
|
|
}
|
|
|
|
&.no-padding-bottom {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
&.padding-top {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
&.padding-less {
|
|
padding: 15px;
|
|
}
|
|
|
|
&.transparent {
|
|
background: transparent;
|
|
}
|
|
|
|
&.border-left {
|
|
border-left: 1px solid @panel-border-color;
|
|
}
|
|
|
|
&.border-right {
|
|
border-right: 1px solid @panel-border-color;
|
|
}
|
|
|
|
&.border-bottom {
|
|
border-bottom: 1px solid @panel-border-color;
|
|
}
|
|
|
|
&.border-top {
|
|
border-top: 1px solid @panel-border-color;
|
|
}
|
|
|
|
&.triangle-down {
|
|
position: relative;
|
|
|
|
&:after {
|
|
.triangle(down, 15px, 8px, white);
|
|
position: absolute;
|
|
left: 15px;
|
|
bottom: -8px;
|
|
z-index: 101;
|
|
}
|
|
|
|
&:before {
|
|
.triangle(down, 17px, 9px, #e8eaeb);
|
|
position: absolute;
|
|
left: 14px;
|
|
bottom: -9px;
|
|
z-index: 100;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Panel sections
|
|
*/
|
|
|
|
h3.section, > label {
|
|
text-transform: uppercase;
|
|
color: #95a5a6;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
margin: 0 0 15px 0;
|
|
}
|
|
|
|
> label {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|