discourse/plugins/discourse-details/assets/stylesheets/details.scss

74 lines
1.2 KiB
SCSS
Raw Normal View History

2015-11-30 05:32:01 -05:00
details {
position: relative;
}
details > *,
details .lightbox-wrapper {
display: none;
}
details,
summary {
outline: none;
}
2015-11-30 05:32:01 -05:00
summary:first-of-type {
cursor: pointer;
display: block;
}
summary:before {
content: '\25BA';
margin-right: .25em;
}
details[open] > summary:before,
details.open > summary:before {
content: '\25BC';
}
details[open] > summary:first-of-type ~ *,
details.open > summary:first-of-type ~ * {
display: block;
}
/* hide native indicator */
summary::-webkit-details-marker {
display: none;
}
/* FF: hide div generated by lazyYT plugin */
details .lazyYT-container {
display: none;
}
.elided {
color: dark-light-choose(scale-color($primary, $lightness: 65%), scale-color($secondary, $lightness: 35%));
summary:before {
content: '' !important;
}
summary {
@include unselectable;
box-sizing: border-box;
margin: 0;
padding: 0;
color: #aaa;
background: #f1f1f1;
border: 1px solid #ddd;
width: 20px;
display: flex;
text-align: center;
vertical-align: middle;
line-height: 12px;
}
summary:hover {
color: #222;
background: #d8d8d8;
border-color: #cdcdcd;
}
}