[libadwaita/wip/exalm/stylesheet2: 85/103] stylesheet: Split paned styles into a separate file
- From: Alexander Mikhaylenko <alexm src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [libadwaita/wip/exalm/stylesheet2: 85/103] stylesheet: Split paned styles into a separate file
- Date: Fri, 16 Apr 2021 22:38:46 +0000 (UTC)
commit 5385334b94541a64d8d31b407975c15ecf75f6d3
Author: Alexander Mikhaylenko <alexm gnome org>
Date: Fri Apr 9 13:48:45 2021 +0500
stylesheet: Split paned styles into a separate file
src/stylesheet/_common.scss | 63 --------------------------------------
src/stylesheet/_widgets.scss | 1 +
src/stylesheet/meson.build | 1 +
src/stylesheet/widgets/_paned.scss | 58 +++++++++++++++++++++++++++++++++++
4 files changed, 60 insertions(+), 63 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index f9393cf..23c808c 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -490,69 +490,6 @@ filechooser {
}
-/*********
- * Paned *
- *********/
-paned {
- > separator {
- min-width: 1px;
- min-height: 1px;
- -gtk-icon-source: none; // defeats the ugly default handle decoration
- border-style: none; // just to be sure
- background-color: transparent;
- // workaround, using background instead of a border since the border will get rendered twice (?)
- background-image: image($borders_color);
- background-size: 1px 1px;
-
- &:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
-
- &.wide {
- min-width: 5px;
- min-height: 5px;
- background-color: $bg_color;
- background-image: image($borders_color), image($borders_color);
- background-size: 1px 1px, 1px 1px;
- }
- }
-
- &.horizontal > separator {
- background-repeat: repeat-y;
-
- &:dir(ltr) {
- margin: 0 -8px 0 0;
- padding: 0 8px 0 0;
- background-position: left;
- }
- &:dir(rtl) {
- margin: 0 0 0 -8px;
- padding: 0 0 0 8px;
- background-position: right;
- }
-
- &.wide {
- margin: 0;
- padding: 0;
- background-repeat: repeat-y, repeat-y;
- background-position: left, right;
- }
- }
-
- &.vertical > separator {
- margin: 0 0 -8px 0;
- padding: 0 0 8px 0;
- background-repeat: repeat-x;
- background-position: top;
-
- &.wide {
- margin: 0;
- padding: 0;
- background-repeat: repeat-x, repeat-x;
- background-position: bottom, top;
- }
- }
-}
-
-
/**************
* GtkVideo *
**************/
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index 4081137..8b444ed 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -8,6 +8,7 @@
@import 'widgets/lists';
@import 'widgets/menus';
@import 'widgets/notebook';
+@import 'widgets/paned';
@import 'widgets/popovers';
@import 'widgets/progress-bar';
@import 'widgets/scale';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index b94599a..4301c18 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -30,6 +30,7 @@ if not fs.exists('Adwaita-light.css')
'widgets/_lists.scss',
'widgets/_menus.scss',
'widgets/_notebook.scss',
+ 'widgets/_paned.scss',
'widgets/_popovers.scss',
'widgets/_progress-bar.scss',
'widgets/_scale.scss',
diff --git a/src/stylesheet/widgets/_paned.scss b/src/stylesheet/widgets/_paned.scss
new file mode 100644
index 0000000..09f2681
--- /dev/null
+++ b/src/stylesheet/widgets/_paned.scss
@@ -0,0 +1,58 @@
+paned {
+ > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none; // defeats the ugly default handle decoration
+ border-style: none; // just to be sure
+ background-color: transparent;
+ // workaround, using background instead of a border since the border will get rendered twice (?)
+ background-image: image($borders_color);
+ background-size: 1px 1px;
+
+ &:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
+
+ &.wide {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: $bg_color;
+ background-image: image($borders_color), image($borders_color);
+ background-size: 1px 1px, 1px 1px;
+ }
+ }
+
+ &.horizontal > separator {
+ background-repeat: repeat-y;
+
+ &:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+ }
+ &:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+ }
+
+ &.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+ }
+ }
+
+ &.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+
+ &.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+ }
+ }
+}
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]