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; }
|
||||
|
||||
scale {
|
||||
min-height: 10px;
|
||||
min-width: 10px; }
|
||||
scale.horizontal {
|
||||
padding: 6px 0; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 7px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -7px; }
|
||||
scale.vertical {
|
||||
padding: 0 6px; }
|
||||
scale.vertical trough {
|
||||
padding: 7px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -7px 0; }
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 4px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -4px; }
|
||||
scale.vertical trough {
|
||||
padding: 4px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -4px 0; }
|
||||
scale slider {
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
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 {
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
|
@ -2045,32 +2045,21 @@ radio {
|
||||
margin: 0; }
|
||||
|
||||
scale {
|
||||
min-height: 10px;
|
||||
min-width: 10px; }
|
||||
scale.horizontal {
|
||||
padding: 6px 0; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 7px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -7px; }
|
||||
scale.vertical {
|
||||
padding: 0 6px; }
|
||||
scale.vertical trough {
|
||||
padding: 7px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -7px 0; }
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 4px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -4px; }
|
||||
scale.vertical trough {
|
||||
padding: 4px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -4px 0; }
|
||||
scale slider {
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
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 {
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
|
@ -2046,32 +2046,21 @@ radio {
|
||||
margin: 0; }
|
||||
|
||||
scale {
|
||||
min-height: 10px;
|
||||
min-width: 10px; }
|
||||
scale.horizontal {
|
||||
padding: 6px 0; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 7px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -7px; }
|
||||
scale.vertical {
|
||||
padding: 0 6px; }
|
||||
scale.vertical trough {
|
||||
padding: 7px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -7px 0; }
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 4px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -4px; }
|
||||
scale.vertical trough {
|
||||
padding: 4px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -4px 0; }
|
||||
scale slider {
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
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 {
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
|
@ -2045,32 +2045,21 @@ radio {
|
||||
margin: 0; }
|
||||
|
||||
scale {
|
||||
min-height: 10px;
|
||||
min-width: 10px; }
|
||||
scale.horizontal {
|
||||
padding: 6px 0; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 7px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -7px; }
|
||||
scale.vertical {
|
||||
padding: 0 6px; }
|
||||
scale.vertical trough {
|
||||
padding: 7px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -7px 0; }
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 4px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -4px; }
|
||||
scale.vertical trough {
|
||||
padding: 4px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -4px 0; }
|
||||
scale slider {
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
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 {
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
|
@ -2049,32 +2049,21 @@ radio {
|
||||
margin: 0; }
|
||||
|
||||
scale {
|
||||
min-height: 10px;
|
||||
min-width: 10px; }
|
||||
scale.horizontal {
|
||||
padding: 6px 0; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 7px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -7px; }
|
||||
scale.vertical {
|
||||
padding: 0 6px; }
|
||||
scale.vertical trough {
|
||||
padding: 7px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -7px 0; }
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 4px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -4px; }
|
||||
scale.vertical trough {
|
||||
padding: 4px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -4px 0; }
|
||||
scale slider {
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
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 {
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
|
@ -2049,32 +2049,21 @@ radio {
|
||||
margin: 0; }
|
||||
|
||||
scale {
|
||||
min-height: 10px;
|
||||
min-width: 10px; }
|
||||
scale.horizontal {
|
||||
padding: 6px 0; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 7px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -7px; }
|
||||
scale.vertical {
|
||||
padding: 0 6px; }
|
||||
scale.vertical trough {
|
||||
padding: 7px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -7px 0; }
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px; }
|
||||
scale.horizontal trough {
|
||||
padding: 0 4px; }
|
||||
scale.horizontal highlight, scale.horizontal fill {
|
||||
margin: 0 -4px; }
|
||||
scale.vertical trough {
|
||||
padding: 4px 0; }
|
||||
scale.vertical highlight, scale.vertical fill {
|
||||
margin: -4px 0; }
|
||||
scale slider {
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
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 {
|
||||
margin: -4px; }
|
||||
scale.fine-tune fill,
|
||||
|
@ -2053,20 +2053,18 @@ scale {
|
||||
$_marks_length: 3px;
|
||||
$_marks_distance: 1px;
|
||||
|
||||
min-height: 10px;
|
||||
min-width: 10px;
|
||||
min-height: 15px;
|
||||
min-width: 15px;
|
||||
padding: 3px;
|
||||
|
||||
&.horizontal {
|
||||
padding: 6px 0;
|
||||
|
||||
trough { padding: 0 7px; }
|
||||
highlight, fill { margin: 0 -7px; }
|
||||
trough { padding: 0 4px; }
|
||||
highlight, fill { margin: 0 -4px; }
|
||||
}
|
||||
&.vertical {
|
||||
padding: 0 6px;
|
||||
|
||||
trough { padding: 7px 0; }
|
||||
highlight, fill { margin: -7px 0; }
|
||||
&.vertical {
|
||||
trough { padding: 4px 0; }
|
||||
highlight, fill { margin: -4px 0; }
|
||||
}
|
||||
|
||||
// The slider is inside the trough, negative margin to make it bigger
|
||||
@ -2078,18 +2076,6 @@ scale {
|
||||
|
||||
// Click-and-hold the slider to activate
|
||||
&.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
|
||||
slider { margin: -4px; }
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user