| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- @import "../common/abstracts/variable";
- @import "../common/abstracts/mixin";
- .wot-theme-dark {
- @include b(collapse) {
- background: $-dark-background2;
- @include e(content) {
- color: $-dark-color3;
- }
- }
- }
- @include b(collapse) {
- background: $-color-white;
- @include when(viewmore) {
- padding: $-collapse-side-padding;
- }
- @include e(content) {
- font-size: $-collapse-body-fs;
- color: $-collapse-body-color;
- @include when(retract) {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
- font-size: $-collapse-retract-fs;
- }
- }
- @include e(more) {
- display: inline-block;
- font-size: $-collapse-retract-fs;
- margin-top: 8px;
- color: $-collapse-more-color;
- user-select: none;
- }
- @include e(more-txt) {
- display: inline-block;
- vertical-align: middle;
- margin-right: 4px;
- }
- @include e(arrow) {
- display: inline-block;
- vertical-align: middle;
- transition: transform 0.1s;
- font-size: $-collapse-arrow-size;
- height: $-collapse-arrow-size;
- line-height: $-collapse-arrow-size;
- @include when(retract) {
- transform: rotate(-180deg);
- }
- }
- }
|