| .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 { | |
| } |