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

73 lines
1.3 KiB
SCSS
Raw Normal View History

2016-03-08 23:03:05 +03:00
$zippy-success-color: #00aa13;
$zippy-success-bg-color: rgba($zippy-success-color, .08);
2015-11-23 23:57:10 +03:00
2016-03-08 23:03:05 +03:00
$zippy-error-color: #e53935;
$zippy-error-bg-color: rgba($zippy-error-color, .06);
2015-11-23 23:57:10 +03:00
2016-03-08 23:03:05 +03:00
$zippy-info-color: #0033a0;
$zippy-info-bg-color: rgba($zippy-info-color, .08);
2015-11-23 23:57:10 +03:00
2016-03-08 23:03:05 +03:00
$zippy-redirect-color: #263238;
$zippy-redirect-bg-color: rgba($zippy-redirect-color, .08);
2015-11-23 23:57:10 +03:00
.zippy-title {
padding: 10px;
2016-03-08 23:03:05 +03:00
border-radius: 2px;
2015-11-23 23:57:10 +03:00
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 {
2016-03-08 23:03:05 +03:00
font-size: 1.2em;
2015-11-29 21:04:21 +03:00
margin-right: 0.2em;
2016-03-08 23:03:05 +03:00
position: relative;
top: 0;
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 {
2016-02-07 17:52:59 +03:00
overflow: hidden;
2015-11-24 01:08:11 +03:00
visibility: hidden;
height: 0;
padding: 0;
}