.wrapper { | |
//white-space: pre-line; | |
:global { | |
& .sticker { | |
// Force dimensions to width/height even if the image is not loaded | |
display: inline-block; | |
} | |
.bloc-spoil-jv { | |
//margin-bottom: 0.9375rem; | |
margin-bottom: 0; | |
display: inline; | |
.open-spoil { | |
position: absolute; | |
left: -999rem; | |
} | |
.barre-head { | |
//height: 1.5rem; | |
//line-height: 1.5rem; | |
//cursor: pointer; | |
//position: relative; | |
//display: block; | |
height: auto; | |
line-height: inherit; | |
text-align: center; | |
cursor: pointer; | |
position: relative; | |
display: inline; | |
.txt-spoil { | |
//position: absolute; | |
//top: 0; | |
//left: 0; | |
//width: 4.6875rem; | |
//font-size: .9285em; | |
//text-align: center; | |
//color: #fff; | |
//text-transform: uppercase; | |
//background: #fd374e; | |
//font-weight: 700; | |
//display: block; | |
//border-radius: 0.25rem; | |
position: static; | |
display: inline; | |
padding: 0.125rem 1.25rem; | |
line-height: inherit; | |
top: 0; | |
left: 0; | |
width: 4.6875rem; | |
font-size: .9285em; | |
text-align: center; | |
color: #fff; | |
text-transform: uppercase; | |
background: #fd374e; | |
font-weight: 700; | |
//display: block; | |
border-radius: 0.25rem; | |
} | |
} | |
.contenu-spoil { | |
background: #f4d6da; | |
color: #212121; | |
padding: 0.625rem; | |
display: none; | |
//text-align: justify; | |
text-align: left; | |
overflow: hidden; | |
} | |
.open-spoil:checked ~ .contenu-spoil { | |
display: inline; | |
} | |
} | |
} | |
blockquote { | |
text-align: left; | |
//margin-bottom: 0.9375rem; | |
border-left: 0.3125rem solid rgba(0, 0, 0, .2); | |
color: var(--text-blockquote-color); | |
//margin-left: 0.9375rem; | |
padding: 0.625rem; | |
background: none; | |
font-style: normal; | |
font-size: inherit; | |
margin: 0 0 0.9375rem 1rem; | |
} | |
a { | |
color: var(--link-color); | |
text-decoration: none; | |
&:hover { | |
color: var(--text-hover-secondary); | |
text-decoration: none; | |
} | |
} | |
} | |
.img { | |
} |