#5350 Portal.view.learn.PageContainer: own scss file

Author: tobiu

resources/scss/src/apps/portal/learn/MainContainer.scss

@@ -4,43 +4,6 @@
     .main-content-splitter {
         margin: 0;
     }
-
-    .learn-content-container {
-        // align-items: center !important;
-        // padding: 0 3rem;
-        overflow: scroll;
-
-
-        .content-bottom-toolbar {
-            padding: 0 3rem;
-            gap: 8px;
-
-            button {
-                height: 75px;
-                flex: 1 !important;
-                justify-content: flex-start;
-
-                .neo-button-text, .neo-button-glyph {
-                    padding-top: 16px;
-                }
-            }
-
-            .content-bottom-toolbar-previous:before {
-                content         : 'Previous Page';
-                font-family     : var(--core-fontfamily-sans);
-                position        : absolute;
-                top             : var(--cmp-button-spacinghorizontal);
-                left            : var(--cmp-button-spacinghorizontal);
-            }
-            .content-bottom-toolbar-next:before {
-                content         : 'Next Page';
-                font-family     : var(--core-fontfamily-sans);
-                position        : absolute;
-                top             : var(--cmp-button-spacinghorizontal);
-                right            : var(--cmp-button-spacinghorizontal);
-            }
-        }
-    }
 }
 
 

resources/scss/src/apps/portal/learn/PageContainer.scss

@@ -0,0 +1,35 @@
+.learn-content-container {
+    // align-items: center !important;
+    // padding: 0 3rem;
+    overflow: scroll;
+
+    .content-bottom-toolbar {
+        gap    : 8px;
+        padding: 0 3rem;
+
+        .neo-button {
+            flex           : 1 !important;
+            height         : 75px;
+            justify-content: flex-start;
+
+            .neo-button-text, .neo-button-glyph {
+                padding-top: 16px;
+            }
+        }
+
+        .content-bottom-toolbar-previous:before {
+            content         : 'Previous Page';
+            font-family     : var(--core-fontfamily-sans);
+            position        : absolute;
+            top             : var(--cmp-button-spacinghorizontal);
+            left            : var(--cmp-button-spacinghorizontal);
+        }
+        .content-bottom-toolbar-next:before {
+            content         : 'Next Page';
+            font-family     : var(--core-fontfamily-sans);
+            position        : absolute;
+            top             : var(--cmp-button-spacinghorizontal);
+            right            : var(--cmp-button-spacinghorizontal);
+        }
+    }
+}