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

fix scales with marks

This commit is contained in:
Horst3180 2016-03-03 12:04:24 +01:00
parent 900af619c3
commit 58bf6bb81b
7 changed files with 83 additions and 51 deletions

View File

@ -1923,19 +1923,23 @@ scale {
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale marks { scale marks {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -4px; } margin-bottom: -4px;
margin-top: 4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -4px; } margin-top: -4px;
margin-bottom: 4px; }
scale marks.left { scale marks.left {
margin-right: -4px; } margin-right: -4px;
margin-left: 4px; }
scale marks.right { scale marks.right {
margin-left: -4px; } margin-left: -4px;
scale.horizontal mark indicator { margin-right: 4px; }
scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.vertical mark indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.fine-tune {

View File

@ -1922,19 +1922,23 @@ scale {
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale marks { scale marks {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -4px; } margin-bottom: -4px;
margin-top: 4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -4px; } margin-top: -4px;
margin-bottom: 4px; }
scale marks.left { scale marks.left {
margin-right: -4px; } margin-right: -4px;
margin-left: 4px; }
scale marks.right { scale marks.right {
margin-left: -4px; } margin-left: -4px;
scale.horizontal mark indicator { margin-right: 4px; }
scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.vertical mark indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.fine-tune {

View File

@ -1923,19 +1923,23 @@ scale {
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale marks { scale marks {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -4px; } margin-bottom: -4px;
margin-top: 4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -4px; } margin-top: -4px;
margin-bottom: 4px; }
scale marks.left { scale marks.left {
margin-right: -4px; } margin-right: -4px;
margin-left: 4px; }
scale marks.right { scale marks.right {
margin-left: -4px; } margin-left: -4px;
scale.horizontal mark indicator { margin-right: 4px; }
scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.vertical mark indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.fine-tune {

View File

@ -1922,19 +1922,23 @@ scale {
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale marks { scale marks {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -4px; } margin-bottom: -4px;
margin-top: 4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -4px; } margin-top: -4px;
margin-bottom: 4px; }
scale marks.left { scale marks.left {
margin-right: -4px; } margin-right: -4px;
margin-left: 4px; }
scale marks.right { scale marks.right {
margin-left: -4px; } margin-left: -4px;
scale.horizontal mark indicator { margin-right: 4px; }
scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.vertical mark indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.fine-tune {

View File

@ -1926,19 +1926,23 @@ scale {
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale marks { scale marks {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -4px; } margin-bottom: -4px;
margin-top: 4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -4px; } margin-top: -4px;
margin-bottom: 4px; }
scale marks.left { scale marks.left {
margin-right: -4px; } margin-right: -4px;
margin-left: 4px; }
scale marks.right { scale marks.right {
margin-left: -4px; } margin-left: -4px;
scale.horizontal mark indicator { margin-right: 4px; }
scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.vertical mark indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.fine-tune {

View File

@ -1926,19 +1926,23 @@ scale {
min-width: 9px; min-width: 9px;
padding: 5px; } padding: 5px; }
scale marks { scale marks {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.4); }
scale marks.top { scale marks.top {
margin-bottom: -4px; } margin-bottom: -4px;
margin-top: 4px; }
scale marks.bottom { scale marks.bottom {
margin-top: -4px; } margin-top: -4px;
margin-bottom: 4px; }
scale marks.left { scale marks.left {
margin-right: -4px; } margin-right: -4px;
margin-left: 4px; }
scale marks.right { scale marks.right {
margin-left: -4px; } margin-left: -4px;
scale.horizontal mark indicator { margin-right: 4px; }
scale.horizontal indicator {
min-height: 3px; min-height: 3px;
min-width: 1px; } min-width: 1px; }
scale.vertical mark indicator { scale.vertical indicator {
min-height: 1px; min-height: 1px;
min-width: 3px; } min-width: 3px; }
scale.fine-tune { scale.fine-tune {

View File

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