redoc/lib/common/components/Zippy/zippy.scss

71 lines
1.1 KiB
SCSS
Raw Normal View History

2015-11-23 23:57:10 +03:00
$zippy-success-bg-color: #E1F5E3;
$zippy-success-color: #09AC1C;
$zippy-error-bg-color: #FBE7E7;
$zippy-error-color: #E54541;
$zippy-info-bg-color: #E1EFF5;
$zippy-info-color: #096DAC;
$zippy-redirect-bg-color: #F5F0E1;
$zippy-redirect-color: #AC7C09;
.zippy-title {
padding: 10px;
margin: 2px 0;
2015-11-29 19:31:12 +03:00
line-height: 1.5em;
2015-11-23 23:57:10 +03:00
background-color: #f2f2f2;
cursor: pointer;
.zippy-success > & {
color: $zippy-success-color;
background-color: $zippy-success-bg-color;
}
.zippy-error > & {
color: $zippy-error-color;
background-color: $zippy-error-bg-color;
}
.zippy-redirect > & {
color: $zippy-redirect-color;
background-color: $zippy-redirect-bg-color;
}
.zippy-info > & {
color: $zippy-info-color;
background-color: $zippy-info-bg-color;
}
}
span.zippy-indicator {
2015-11-29 19:31:12 +03:00
font-size: 1.5em;
2015-11-29 21:04:21 +03:00
line-height: 1;
margin-right: 0.2em;
vertical-align: text-bottom;
2015-11-23 23:57:10 +03:00
}
.zippy-content {
padding: 15px 0;
}
.zippy-empty {
2015-11-24 01:08:11 +03:00
.zippy-title {
cursor: default;
}
2015-11-23 23:57:10 +03:00
.zippy-indicator {
display: none;
}
.zippy-content {
display: none;
}
}
2015-11-24 01:08:11 +03:00
.zippy-hidden {
visibility: hidden;
height: 0;
padding: 0;
}