discourse/plugins/discourse-details/assets/stylesheets/details.scss
2016-03-14 22:25:44 +01:00

72 lines
1 KiB
SCSS

details {
position: relative;
}
details > *,
details .lightbox-wrapper {
display: none;
}
details,
summary {
outline: none;
}
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 {
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;
}
}