Spaces:
Sleeping
Sleeping
File size: 1,427 Bytes
77a34f0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
@mixin overflow-auto($direction: 'both') {
@if $direction == 'both' {
overflow: auto;
} @else {
overflow-#{$direction}: auto;
}
-webkit-overflow-scrolling: touch;
}
.benchmark {
padding: 10px;
@include overflow-auto(y);
li {
padding: 10px;
margin-bottom: 10px;
border: 1px solid var(--border);
.title {
font-size: 16px;
color: var(--accent);
padding-bottom: 10px;
border-bottom: 1px solid var(--border);
position: relative;
}
.title,
.result,
.btn {
margin: 10px;
}
.result-item {
margin: 10px 0;
}
.result-item-name {
display: inline-block;
color: var(--accent);
}
.result-number {
display: inline;
color: var(--accent);
}
.status {
background: var(--darker-background);
color: var(--foreground);
position: absolute;
right: 0;
padding: 2px;
font-size: 12px;
}
.btn {
background: var(--darker-background);
cursor: pointer;
transition: background-color 0.3s;
color: var(--foreground);
padding: 10px;
text-align: center;
&:active {
color: var(--select-foreground);
background: var(--highlight);
}
&.disabled {
cursor: default;
background: var(--highlight);
&:active {
background: var(--highlight);
}
}
}
}
}
|