bigbuffet-rw/app/styles/components/spoiler-button.scss

47 lines
749 B
SCSS
Raw Normal View History

2020-06-02 19:11:01 -07:00
.spoiler-button {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
&--minified {
display: block;
left: 4px;
top: 4px;
width: auto;
height: auto;
}
&--hidden {
display: none;
}
&__overlay {
display: block;
background: transparent;
width: 100%;
height: 100%;
border: 0;
&__label {
display: inline-block;
2020-06-07 17:42:53 -07:00
background: var(--accent-color--faint);
2020-06-02 19:11:01 -07:00
border-radius: 8px;
padding: 8px 12px;
color: var(--primary-text-color);
font-weight: 500;
font-size: 14px;
}
&:hover,
&:focus,
&:active {
.spoiler-button__overlay__label {
2020-06-07 17:42:53 -07:00
background: var(--accent-color--med);
2020-06-02 19:11:01 -07:00
}
}
}
}