aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.16/_common.scss
diff options
context:
space:
mode:
authorHorst31802015-07-14 22:47:28 +0200
committerHorst31802015-07-15 12:24:45 +0200
commit6ca46961b2975c5baaf098ed7dee7bd502e142c4 (patch)
tree57546cd30586ba1f9a283be103b7a70a6b645b8e /common/gtk-3.0/3.16/_common.scss
parentd67143b1b928ac4b8fd954288092eef1716aa053 (diff)
downloadsolarc-theme-6ca46961b2975c5baaf098ed7dee7bd502e142c4.tar.gz
solarc-theme-6ca46961b2975c5baaf098ed7dee7bd502e142c4.tar.xz
solarc-theme-6ca46961b2975c5baaf098ed7dee7bd502e142c4.zip
better tabs
Diffstat (limited to 'common/gtk-3.0/3.16/_common.scss')
-rw-r--r--common/gtk-3.0/3.16/_common.scss82
1 files changed, 59 insertions, 23 deletions
diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss
index b60279a..5a38722 100644
--- a/common/gtk-3.0/3.16/_common.scss
+++ b/common/gtk-3.0/3.16/_common.scss
@@ -1615,11 +1615,11 @@ column-header.button.dnd { // for treeview-like derive widgets
// ...
// Abandon all hope — Ye Who Enter Here
padding: 0;
- background-color: darken($base_color, 0.5%);
- -GtkNotebook-initial-gap: 10;
+ background-color: $base_color;
+ -GtkNotebook-initial-gap: 4;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
- -GtkNotebook-tab-overlap: -8;
+ -GtkNotebook-tab-overlap: 1;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
@@ -1636,18 +1636,18 @@ column-header.button.dnd { // for treeview-like derive widgets
&.header {
// FIXME: double borders in some case, can't fix it w/o a class tho
// FIXME: doesn't work on dark var
- background-color: mix($base_color, $bg_color, 50%);
+ background-color: $bg_color;
// this is the shading of the header behind the tabs
&.frame {
- border: 1px solid $borders_color;
+ border: 0px solid $borders_color;
&.top { border-bottom-width: 0; }
&.bottom { border-top-width: 0; }
&.right { border-left-width: 0; }
&.left { border-right-width: 0; }
}
- $_header_border: if($variant == 'light', lighten($borders_color, 5%), $borders_color);
+ $_header_border: $borders_color;
&.top {
box-shadow: inset 0 -1px $_header_border; // border
}
@@ -1670,17 +1670,14 @@ column-header.button.dnd { // for treeview-like derive widgets
outline-offset: 0;
- //vertical tab sizing
- $vt_vpadding: 5px;
- $vt_hpadding: 20px;
- // horizontal tab sizing
- $ht_vpadding: 5px;
- $ht_hpadding: 20px;
+ // tab sizing
+ $vpadding: 4px;
+ $hpadding: 15px;
//FIXME: we get double border in some cases, not considering the broken
//notebook content frame...
- &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; }
- &.left, &.right { padding: $ht_vpadding $ht_hpadding; }
+ &.top, &.bottom { padding: $vpadding $hpadding; }
+ &.left, &.right { padding: $vpadding $hpadding; }
&.reorderable-page {
&.top, &.bottom {
@@ -1696,19 +1693,58 @@ column-header.button.dnd { // for treeview-like derive widgets
}
@each $_tab in (top, bottom, right, left) {
&.reorderable-page.#{$_tab}, &.#{$_tab} {
+
+ @if $_tab==top or $_tab==bottom {
+ padding-#{$_tab}: $vpadding + 2;
+ }
+ @else if $_tab==left or $_tab==right {
+ padding-#{$_tab}: $hpadding + 2;
+ }
+
+ @if $_tab==top { border-radius: 3.5px 2px 0 0; }
+ @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; }
+ @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; }
+ @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; }
+
+ border-width: 0;
+ border-#{$_tab}-width: 2px;
border-color: transparent;
+ background-color: transparentize($base_color, 1);
+
&:hover, &.prelight-page {
- border-color: transparentize($borders_color, 0.5);
- border-width: 1px;
- border-#{$_tab}-width: 0;
- background-color: transparentize($bg_color,0.8);
+ background-color: transparentize($base_color, 0.5);
+ box-shadow: inset 0 1px $borders_color,
+ inset 0 -1px $borders_color,
+ inset 1px 0 $borders_color,
+ inset -1px 0 $borders_color;
}
&:active, &.active-page, &.active-page:hover {
- border-width: 1px;
- border-#{$_tab}-width: 0;
- border-color: $borders_color;
- background-color: if($variant == 'light', transparentize(black, 0.965), transparentize(black, 0.85));
- &:hover { background-color: if($variant == 'light', transparentize(black, 0.965), transparentize(black, 0.85)); }
+ background-color: $base_color;
+
+ @if $_tab==top {
+ box-shadow: inset 0 1px $borders_color,
+ inset 0 -1px $base_color,
+ inset 1px 0 $borders_color,
+ inset -1px 0 $borders_color;
+ }
+ @else if $_tab==bottom {
+ box-shadow: inset 0 -1px $base_color,
+ inset 0 -1px $borders_color,
+ inset 1px 0 $borders_color,
+ inset -1px 0 $borders_color;
+ }
+ @else if $_tab==left {
+ box-shadow: inset 0 1px $borders_color,
+ inset 0 -1px $borders_color,
+ inset 1px 0 $borders_color,
+ inset -1px 0 $base_color;
+ }
+ @else if $_tab==right {
+ box-shadow: inset 0 1px $borders_color,
+ inset 0 -1px $borders_color,
+ inset 1px 0 $base_color,
+ inset -1px 0 $borders_color;
+ }
}
}
}