Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / bbcode / spoiler.scss
CommitLineData
c947cf5f 1.redactor-layer woltlab-spoiler {
d155ee4d 2 background-color: $wcfContentBackground;
8a52619a 3 box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
a9b6cdfc
AE
4 border-radius: 2px;
5 display: block;
6 margin: 1em 0;
7 padding: 10px 20px;
8 position: relative;
8a52619a 9
adb94be6 10 &:not(.redactorCalcHeight)::before {
333f26a7 11 color: $wcfContentLink;
a9b6cdfc
AE
12 content: attr(data-title);
13 cursor: pointer;
14 display: block;
15 margin-bottom: 20px;
8a52619a 16
a9b6cdfc
AE
17 @include wcfFontHeadline;
18 }
19}
20
3772a18e 21.spoilerBox {
9e8632c0 22 clear: both;
0663e9fb 23 margin: 1em 0;
8a52619a 24
82456fe9 25 > .spoilerBoxContent {
3772a18e 26 background-color: $wcfContentBackground;
8a52619a 27 box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3772a18e
AE
28 padding: 10px 20px;
29 margin-top: 10px;
8a52619a 30
3772a18e
AE
31 > p:first-child {
32 margin-top: 0;
33 }
8a52619a 34
3772a18e
AE
35 > p:last-child {
36 margin-bottom: 0;
37 }
84c6e07c
AE
38 }
39}