mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
simplify scale style
This commit is contained in:
parent
428f89c38c
commit
0573472a16
@ -2046,32 +2046,21 @@ radio {
|
|||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
scale {
|
scale {
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px; }
|
min-width: 15px;
|
||||||
scale.horizontal {
|
padding: 3px; }
|
||||||
padding: 6px 0; }
|
|
||||||
scale.horizontal trough {
|
scale.horizontal trough {
|
||||||
padding: 0 7px; }
|
padding: 0 4px; }
|
||||||
scale.horizontal highlight, scale.horizontal fill {
|
scale.horizontal highlight, scale.horizontal fill {
|
||||||
margin: 0 -7px; }
|
margin: 0 -4px; }
|
||||||
scale.vertical {
|
|
||||||
padding: 0 6px; }
|
|
||||||
scale.vertical trough {
|
scale.vertical trough {
|
||||||
padding: 7px 0; }
|
padding: 4px 0; }
|
||||||
scale.vertical highlight, scale.vertical fill {
|
scale.vertical highlight, scale.vertical fill {
|
||||||
margin: -7px 0; }
|
margin: -4px 0; }
|
||||||
scale slider {
|
scale slider {
|
||||||
min-height: 15px;
|
min-height: 15px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
margin: -6px; }
|
margin: -6px; }
|
||||||
scale.fine-tune.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px; }
|
|
||||||
scale.fine-tune.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px; }
|
|
||||||
scale.fine-tune slider {
|
scale.fine-tune slider {
|
||||||
margin: -4px; }
|
margin: -4px; }
|
||||||
scale.fine-tune fill,
|
scale.fine-tune fill,
|
||||||
|
@ -2045,32 +2045,21 @@ radio {
|
|||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
scale {
|
scale {
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px; }
|
min-width: 15px;
|
||||||
scale.horizontal {
|
padding: 3px; }
|
||||||
padding: 6px 0; }
|
|
||||||
scale.horizontal trough {
|
scale.horizontal trough {
|
||||||
padding: 0 7px; }
|
padding: 0 4px; }
|
||||||
scale.horizontal highlight, scale.horizontal fill {
|
scale.horizontal highlight, scale.horizontal fill {
|
||||||
margin: 0 -7px; }
|
margin: 0 -4px; }
|
||||||
scale.vertical {
|
|
||||||
padding: 0 6px; }
|
|
||||||
scale.vertical trough {
|
scale.vertical trough {
|
||||||
padding: 7px 0; }
|
padding: 4px 0; }
|
||||||
scale.vertical highlight, scale.vertical fill {
|
scale.vertical highlight, scale.vertical fill {
|
||||||
margin: -7px 0; }
|
margin: -4px 0; }
|
||||||
scale slider {
|
scale slider {
|
||||||
min-height: 15px;
|
min-height: 15px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
margin: -6px; }
|
margin: -6px; }
|
||||||
scale.fine-tune.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px; }
|
|
||||||
scale.fine-tune.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px; }
|
|
||||||
scale.fine-tune slider {
|
scale.fine-tune slider {
|
||||||
margin: -4px; }
|
margin: -4px; }
|
||||||
scale.fine-tune fill,
|
scale.fine-tune fill,
|
||||||
|
@ -2046,32 +2046,21 @@ radio {
|
|||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
scale {
|
scale {
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px; }
|
min-width: 15px;
|
||||||
scale.horizontal {
|
padding: 3px; }
|
||||||
padding: 6px 0; }
|
|
||||||
scale.horizontal trough {
|
scale.horizontal trough {
|
||||||
padding: 0 7px; }
|
padding: 0 4px; }
|
||||||
scale.horizontal highlight, scale.horizontal fill {
|
scale.horizontal highlight, scale.horizontal fill {
|
||||||
margin: 0 -7px; }
|
margin: 0 -4px; }
|
||||||
scale.vertical {
|
|
||||||
padding: 0 6px; }
|
|
||||||
scale.vertical trough {
|
scale.vertical trough {
|
||||||
padding: 7px 0; }
|
padding: 4px 0; }
|
||||||
scale.vertical highlight, scale.vertical fill {
|
scale.vertical highlight, scale.vertical fill {
|
||||||
margin: -7px 0; }
|
margin: -4px 0; }
|
||||||
scale slider {
|
scale slider {
|
||||||
min-height: 15px;
|
min-height: 15px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
margin: -6px; }
|
margin: -6px; }
|
||||||
scale.fine-tune.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px; }
|
|
||||||
scale.fine-tune.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px; }
|
|
||||||
scale.fine-tune slider {
|
scale.fine-tune slider {
|
||||||
margin: -4px; }
|
margin: -4px; }
|
||||||
scale.fine-tune fill,
|
scale.fine-tune fill,
|
||||||
|
@ -2045,32 +2045,21 @@ radio {
|
|||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
scale {
|
scale {
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px; }
|
min-width: 15px;
|
||||||
scale.horizontal {
|
padding: 3px; }
|
||||||
padding: 6px 0; }
|
|
||||||
scale.horizontal trough {
|
scale.horizontal trough {
|
||||||
padding: 0 7px; }
|
padding: 0 4px; }
|
||||||
scale.horizontal highlight, scale.horizontal fill {
|
scale.horizontal highlight, scale.horizontal fill {
|
||||||
margin: 0 -7px; }
|
margin: 0 -4px; }
|
||||||
scale.vertical {
|
|
||||||
padding: 0 6px; }
|
|
||||||
scale.vertical trough {
|
scale.vertical trough {
|
||||||
padding: 7px 0; }
|
padding: 4px 0; }
|
||||||
scale.vertical highlight, scale.vertical fill {
|
scale.vertical highlight, scale.vertical fill {
|
||||||
margin: -7px 0; }
|
margin: -4px 0; }
|
||||||
scale slider {
|
scale slider {
|
||||||
min-height: 15px;
|
min-height: 15px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
margin: -6px; }
|
margin: -6px; }
|
||||||
scale.fine-tune.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px; }
|
|
||||||
scale.fine-tune.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px; }
|
|
||||||
scale.fine-tune slider {
|
scale.fine-tune slider {
|
||||||
margin: -4px; }
|
margin: -4px; }
|
||||||
scale.fine-tune fill,
|
scale.fine-tune fill,
|
||||||
|
@ -2049,32 +2049,21 @@ radio {
|
|||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
scale {
|
scale {
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px; }
|
min-width: 15px;
|
||||||
scale.horizontal {
|
padding: 3px; }
|
||||||
padding: 6px 0; }
|
|
||||||
scale.horizontal trough {
|
scale.horizontal trough {
|
||||||
padding: 0 7px; }
|
padding: 0 4px; }
|
||||||
scale.horizontal highlight, scale.horizontal fill {
|
scale.horizontal highlight, scale.horizontal fill {
|
||||||
margin: 0 -7px; }
|
margin: 0 -4px; }
|
||||||
scale.vertical {
|
|
||||||
padding: 0 6px; }
|
|
||||||
scale.vertical trough {
|
scale.vertical trough {
|
||||||
padding: 7px 0; }
|
padding: 4px 0; }
|
||||||
scale.vertical highlight, scale.vertical fill {
|
scale.vertical highlight, scale.vertical fill {
|
||||||
margin: -7px 0; }
|
margin: -4px 0; }
|
||||||
scale slider {
|
scale slider {
|
||||||
min-height: 15px;
|
min-height: 15px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
margin: -6px; }
|
margin: -6px; }
|
||||||
scale.fine-tune.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px; }
|
|
||||||
scale.fine-tune.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px; }
|
|
||||||
scale.fine-tune slider {
|
scale.fine-tune slider {
|
||||||
margin: -4px; }
|
margin: -4px; }
|
||||||
scale.fine-tune fill,
|
scale.fine-tune fill,
|
||||||
|
@ -2049,32 +2049,21 @@ radio {
|
|||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
scale {
|
scale {
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px; }
|
min-width: 15px;
|
||||||
scale.horizontal {
|
padding: 3px; }
|
||||||
padding: 6px 0; }
|
|
||||||
scale.horizontal trough {
|
scale.horizontal trough {
|
||||||
padding: 0 7px; }
|
padding: 0 4px; }
|
||||||
scale.horizontal highlight, scale.horizontal fill {
|
scale.horizontal highlight, scale.horizontal fill {
|
||||||
margin: 0 -7px; }
|
margin: 0 -4px; }
|
||||||
scale.vertical {
|
|
||||||
padding: 0 6px; }
|
|
||||||
scale.vertical trough {
|
scale.vertical trough {
|
||||||
padding: 7px 0; }
|
padding: 4px 0; }
|
||||||
scale.vertical highlight, scale.vertical fill {
|
scale.vertical highlight, scale.vertical fill {
|
||||||
margin: -7px 0; }
|
margin: -4px 0; }
|
||||||
scale slider {
|
scale slider {
|
||||||
min-height: 15px;
|
min-height: 15px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
margin: -6px; }
|
margin: -6px; }
|
||||||
scale.fine-tune.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px; }
|
|
||||||
scale.fine-tune.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px; }
|
|
||||||
scale.fine-tune slider {
|
scale.fine-tune slider {
|
||||||
margin: -4px; }
|
margin: -4px; }
|
||||||
scale.fine-tune fill,
|
scale.fine-tune fill,
|
||||||
|
@ -2053,20 +2053,18 @@ scale {
|
|||||||
$_marks_length: 3px;
|
$_marks_length: 3px;
|
||||||
$_marks_distance: 1px;
|
$_marks_distance: 1px;
|
||||||
|
|
||||||
min-height: 10px;
|
min-height: 15px;
|
||||||
min-width: 10px;
|
min-width: 15px;
|
||||||
|
padding: 3px;
|
||||||
|
|
||||||
&.horizontal {
|
&.horizontal {
|
||||||
padding: 6px 0;
|
trough { padding: 0 4px; }
|
||||||
|
highlight, fill { margin: 0 -4px; }
|
||||||
trough { padding: 0 7px; }
|
|
||||||
highlight, fill { margin: 0 -7px; }
|
|
||||||
}
|
}
|
||||||
&.vertical {
|
|
||||||
padding: 0 6px;
|
|
||||||
|
|
||||||
trough { padding: 7px 0; }
|
&.vertical {
|
||||||
highlight, fill { margin: -7px 0; }
|
trough { padding: 4px 0; }
|
||||||
|
highlight, fill { margin: -4px 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
// The slider is inside the trough, negative margin to make it bigger
|
// The slider is inside the trough, negative margin to make it bigger
|
||||||
@ -2078,18 +2076,6 @@ scale {
|
|||||||
|
|
||||||
// Click-and-hold the slider to activate
|
// Click-and-hold the slider to activate
|
||||||
&.fine-tune {
|
&.fine-tune {
|
||||||
&.horizontal {
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
min-height: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.vertical {
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
min-width: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make the trough grow in fine-tune mode
|
// Make the trough grow in fine-tune mode
|
||||||
slider { margin: -4px; }
|
slider { margin: -4px; }
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user