wip #5496 @0.25

diff --git a/style/inc/page-dashboard.sass b/style/inc/page-dashboard.sass
new file mode 100644 (file)
index 0000000..82d1325
--- /dev/null
+++ b/style/inc/page-dashboard.sass
@@ -0,0 +1,69 @@
+main
+  section
+    &.indicators
+      article
+        height: 100px
+        text-align: right
+        color: $headings-color
+
+        &.map
+          height: auto
+          min-height: 600px
+          grid-column: 2 / 4
+          grid-row: 3 / 9
+
+        strong
+          font-weight: 900
+          font-size: 36px
+          margin-top: 10px
+          display: block
+
+        svg
+          position: absolute
+          top: 15px
+          left: 15px
+          height: 70px
+
+      &.charts
+        article
+          position: relative
+          padding: 20px
+
+          h4
+            margin: 5px
+
+          .chart
+            img
+              width: 100%
+              height: 100%
+              object-fit: contain
+              object-position: 50% 0
+
+          .chart-menu
+            position: absolute
+            top: 20px
+            right: 20px
+            color: $light-color
+
+            .dots
+              svg
+                height: 10px
+
+            .buttons
+              display: none
+
+              a
+                display: inline-block
+                margin: 0 1px
+                color: $light-color
+
+                svg
+                  height: 30px
+
+          &:hover
+            .chart-menu
+              .dots
+                display: none
+
+              .buttons
+                display: block
\ No newline at end of file

diff --git a/style/inc/page-table.sass b/style/inc/page-table.sass
new file mode 100644 (file)
index 0000000..1fcdfa2
--- /dev/null
+++ b/style/inc/page-table.sass
@@ -0,0 +1,34 @@
+main
+  section
+    &.table
+      @include white-block
+
+      header, footer
+        position: relative
+        height: 40px
+        margin: 0 0 20px 0
+
+        .actions
+          position: absolute
+          top: 0
+          right: 0
+
+          .button
+            margin-left: 15px
+
+        h3
+          color: $headings-color
+          text-align: center
+          font-size: 24px
+          font-weight: 900
+          line-height: 40px
+
+      footer
+        min-height: 40px
+        height: auto
+        margin: 20px 0 0 0
+
+        &.calculation
+          margin-top: 60px
+
+      @import "table"

diff --git a/style/style.sass b/style/style.sass
index 21a2376427eaa9283d8bf95b10d5b7086900cb06..0015f9fe26226780fd455520e5521a338bdd22e2 100644 (file)
--- a/style/style.sass
+++ b/style/style.sass
@@ -14,39 +14,6 @@ main
     &.nomargin
       margin-top: 0
 
-    &.table
-      @include white-block
-
-      header, footer
-        position: relative
-        height: 40px
-        margin: 0 0 20px 0
-
-        .actions
-          position: absolute
-          top: 0
-          right: 0
-
-          .button
-            margin-left: 15px
-
-        h3
-          color: $headings-color
-          text-align: center
-          font-size: 24px
-          font-weight: 900
-          line-height: 40px
-
-      footer
-        min-height: 40px
-        height: auto
-        margin: 20px 0 0 0
-
-        &.calculation
-          margin-top: 60px
-
-      @import "inc/table"
-
     h2
       color: $headings-color
       font-size: 24px
@@ -73,74 +40,9 @@ main
         font-size: 16px
         font-weight: 400
 
-    &.indicators
-      article
-        height: 100px
-        text-align: right
-        color: $headings-color
-
-        &.map
-          height: auto
-          min-height: 600px
-          grid-column: 2 / 4
-          grid-row: 3 / 9
-
-        strong
-          font-weight: 900
-          font-size: 36px
-          margin-top: 10px
-          display: block
-
-        svg
-          position: absolute
-          top: 15px
-          left: 15px
-          height: 70px
-
-    &.charts
-      article
-        position: relative
-        padding: 20px
-
-        h4
-          margin: 5px
-
-        .chart
-          img
-            width: 100%
-            height: 100%
-            object-fit: contain
-            object-position: 50% 0
-
-        .chart-menu
-          position: absolute
-          top: 20px
-          right: 20px
-          color: $light-color
-
-          .dots
-            svg
-              height: 10px
-
-          .buttons
-            display: none
-
-            a
-              display: inline-block
-              margin: 0 1px
-              color: $light-color
-
-              svg
-                height: 30px
-
-        &:hover
-          .chart-menu
-            .dots
-              display: none
-
-            .buttons
-              display: block
-
+@import "inc/page-dashboard"
+@import "inc/page-table"
+@import "inc/table"
 @import "inc/forms"
 @import "inc/menu"
 @import "inc/switch"