1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

scale updates

This commit is contained in:
Horst3180 2016-03-07 22:50:11 +01:00
parent 0353810bd2
commit fd3221e4cd
7 changed files with 136 additions and 24 deletions

View File

@ -1921,18 +1921,34 @@ scale {
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale value {
color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px;
margin-top: 2px; }
scale marks.bottom {
margin-top: -2px;
margin-bottom: 2px; }
scale marks.top {
margin-right: -2px;
margin-left: 2px; }
scale marks.bottom {
margin-left: -2px;
margin-right: 2px; }
scale.fine-tune marks {
color: alpha(currentColor,0.4); }
scale.fine-tune marks.top {
margin-bottom: -4px; margin-bottom: -4px;
margin-top: 4px; } margin-top: 4px; }
scale marks.bottom { scale.fine-tune marks.bottom {
margin-top: -4px; margin-top: -4px;
margin-bottom: 4px; } margin-bottom: 4px; }
scale marks.left { scale.fine-tune marks.top {
margin-right: -4px; margin-right: -4px;
margin-left: 4px; } margin-left: 4px; }
scale marks.right { scale.fine-tune marks.bottom {
margin-left: -4px; margin-left: -4px;
margin-right: 4px; } margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {

View File

@ -1920,18 +1920,34 @@ scale {
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale value {
color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px;
margin-top: 2px; }
scale marks.bottom {
margin-top: -2px;
margin-bottom: 2px; }
scale marks.top {
margin-right: -2px;
margin-left: 2px; }
scale marks.bottom {
margin-left: -2px;
margin-right: 2px; }
scale.fine-tune marks {
color: alpha(currentColor,0.4); }
scale.fine-tune marks.top {
margin-bottom: -4px; margin-bottom: -4px;
margin-top: 4px; } margin-top: 4px; }
scale marks.bottom { scale.fine-tune marks.bottom {
margin-top: -4px; margin-top: -4px;
margin-bottom: 4px; } margin-bottom: 4px; }
scale marks.left { scale.fine-tune marks.top {
margin-right: -4px; margin-right: -4px;
margin-left: 4px; } margin-left: 4px; }
scale marks.right { scale.fine-tune marks.bottom {
margin-left: -4px; margin-left: -4px;
margin-right: 4px; } margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {

View File

@ -1921,18 +1921,34 @@ scale {
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale value {
color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px;
margin-top: 2px; }
scale marks.bottom {
margin-top: -2px;
margin-bottom: 2px; }
scale marks.top {
margin-right: -2px;
margin-left: 2px; }
scale marks.bottom {
margin-left: -2px;
margin-right: 2px; }
scale.fine-tune marks {
color: alpha(currentColor,0.4); }
scale.fine-tune marks.top {
margin-bottom: -4px; margin-bottom: -4px;
margin-top: 4px; } margin-top: 4px; }
scale marks.bottom { scale.fine-tune marks.bottom {
margin-top: -4px; margin-top: -4px;
margin-bottom: 4px; } margin-bottom: 4px; }
scale marks.left { scale.fine-tune marks.top {
margin-right: -4px; margin-right: -4px;
margin-left: 4px; } margin-left: 4px; }
scale marks.right { scale.fine-tune marks.bottom {
margin-left: -4px; margin-left: -4px;
margin-right: 4px; } margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {

View File

@ -1920,18 +1920,34 @@ scale {
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale value {
color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px;
margin-top: 2px; }
scale marks.bottom {
margin-top: -2px;
margin-bottom: 2px; }
scale marks.top {
margin-right: -2px;
margin-left: 2px; }
scale marks.bottom {
margin-left: -2px;
margin-right: 2px; }
scale.fine-tune marks {
color: alpha(currentColor,0.4); }
scale.fine-tune marks.top {
margin-bottom: -4px; margin-bottom: -4px;
margin-top: 4px; } margin-top: 4px; }
scale marks.bottom { scale.fine-tune marks.bottom {
margin-top: -4px; margin-top: -4px;
margin-bottom: 4px; } margin-bottom: 4px; }
scale marks.left { scale.fine-tune marks.top {
margin-right: -4px; margin-right: -4px;
margin-left: 4px; } margin-left: 4px; }
scale marks.right { scale.fine-tune marks.bottom {
margin-left: -4px; margin-left: -4px;
margin-right: 4px; } margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {

View File

@ -1924,18 +1924,34 @@ scale {
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale value {
color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px;
margin-top: 2px; }
scale marks.bottom {
margin-top: -2px;
margin-bottom: 2px; }
scale marks.top {
margin-right: -2px;
margin-left: 2px; }
scale marks.bottom {
margin-left: -2px;
margin-right: 2px; }
scale.fine-tune marks {
color: alpha(currentColor,0.4); }
scale.fine-tune marks.top {
margin-bottom: -4px; margin-bottom: -4px;
margin-top: 4px; } margin-top: 4px; }
scale marks.bottom { scale.fine-tune marks.bottom {
margin-top: -4px; margin-top: -4px;
margin-bottom: 4px; } margin-bottom: 4px; }
scale marks.left { scale.fine-tune marks.top {
margin-right: -4px; margin-right: -4px;
margin-left: 4px; } margin-left: 4px; }
scale marks.right { scale.fine-tune marks.bottom {
margin-left: -4px; margin-left: -4px;
margin-right: 4px; } margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {

View File

@ -1924,18 +1924,34 @@ scale {
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale value {
color: alpha(currentColor,0.4); }
scale marks { scale marks {
color: alpha(currentColor,0.4); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -2px;
margin-top: 2px; }
scale marks.bottom {
margin-top: -2px;
margin-bottom: 2px; }
scale marks.top {
margin-right: -2px;
margin-left: 2px; }
scale marks.bottom {
margin-left: -2px;
margin-right: 2px; }
scale.fine-tune marks {
color: alpha(currentColor,0.4); }
scale.fine-tune marks.top {
margin-bottom: -4px; margin-bottom: -4px;
margin-top: 4px; } margin-top: 4px; }
scale marks.bottom { scale.fine-tune marks.bottom {
margin-top: -4px; margin-top: -4px;
margin-bottom: 4px; } margin-bottom: 4px; }
scale marks.left { scale.fine-tune marks.top {
margin-right: -4px; margin-right: -4px;
margin-left: 4px; } margin-left: 4px; }
scale marks.right { scale.fine-tune marks.bottom {
margin-left: -4px; margin-left: -4px;
margin-right: 4px; } margin-right: 4px; }
scale.horizontal indicator { scale.horizontal indicator {

View File

@ -1966,26 +1966,42 @@ checkbutton check {
// //
scale { scale {
$_marks_length: 3px; $_marks_length: 3px;
$_marks_margin: -4px; $_marks_margin: -2px;
min-height: 9px; min-height: 9px;
min-width: 9px; min-width: 9px;
padding: 5px; padding: 5px;
value { color: gtkalpha(currentColor, 0.4); }
marks { marks {
color: gtkalpha(currentColor, 0.4); color: gtkalpha(currentColor, 0.4);
@each $marks_pos, $marks_margin in (top, bottom), @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
(bottom, top), (bottom, bottom, top),
(left, right), (top, left, right),
(right, left) { (bottom, right, left) {
&.#{$marks_pos} { &.#{$marks_class} {
margin-#{$marks_margin}: $_marks_margin; margin-#{$marks_margin}: $_marks_margin;
margin-#{$marks_pos}: -$_marks_margin; margin-#{$marks_pos}: -$_marks_margin;
} }
} }
} }
&.fine-tune marks {
color: gtkalpha(currentColor, 0.4);
@each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
(bottom, bottom, top),
(top, left, right),
(bottom, right, left) {
&.#{$marks_class} {
margin-#{$marks_margin}: $_marks_margin - 2px;
margin-#{$marks_pos}: -$_marks_margin + 2px;
}
}
}
&.horizontal indicator { &.horizontal indicator {
min-height: $_marks_length; min-height: $_marks_length;
min-width: 1px; min-width: 1px;