Spaces:
Sleeping
Sleeping
@mixin overflow-auto($direction: 'both') { | |
@if $direction == 'both' { | |
overflow: auto; | |
} @else { | |
overflow-#{$direction}: auto; | |
} | |
-webkit-overflow-scrolling: touch; | |
} | |
@mixin clear-float { | |
&:after { | |
content: ''; | |
display: block; | |
clear: both; | |
} | |
} | |
$font-size-s: 12px; | |
.features { | |
ul { | |
height: 100%; | |
@include overflow-auto(y); | |
@include clear-float(); | |
li { | |
width: 33.3%; | |
float: left; | |
padding: 5px; | |
.inner-wrapper { | |
@include overflow-auto(x); | |
font-size: $font-size-s; | |
text-decoration: underline; | |
display: block; | |
padding: 10px; | |
text-align: center; | |
color: var(--console-error-foreground); | |
background: var(--console-error-background); | |
border: 1px solid var(--console-error-border); | |
&.ok { | |
background: var(--darker-background); | |
border: 1px solid var(--border); | |
color: var(--foreground); | |
} | |
} | |
} | |
} | |
} | |