1 files changed, 108 insertions, 0 deletions
diff --git a/exampleSite/resources/_gen/assets/scss/sass/layout.scss_6fa2be902ef8caa56cd91727d4d085e0.content b/exampleSite/resources/_gen/assets/scss/sass/layout.scss_6fa2be902ef8caa56cd91727d4d085e0.content
new file mode 100644
index 0000000..972ebd2
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/sass/layout.scss_6fa2be902ef8caa56cd91727d4d085e0.content
@@ -0,0 +1,108 @@
+body article aside {
+  transition: max-height .2s ease-out; }
+  body article aside.responsive {
+    display: block;
+    width: 100%;
+    max-width: 20em;
+    z-index: 100; }
+
+body {
+  margin: 0px; }
+  body header {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 3.5rem;
+    line-height: 3.5rem;
+    margin-bottom: .35rem;
+    padding: 0 2rem;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 1; }
+    body header div.burger {
+      display: none; }
+  body article {
+    padding-top: 3.5rem;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    width: 100%;
+    align-items: flex-start;
+    min-height: calc(100vh - 3.5rem); }
+    body article aside {
+      margin-top: 3.5rem;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      width: 20em;
+      overflow-y: auto;
+      overflow-x: hidden;
+      /*transition: transform .5s ease-out;*/ }
+      body article aside.full {
+        display: none; }
+    body article section.page {
+      padding-left: 1.5rem !important;
+      padding-right: 1.5rem !important;
+      margin-left: 20em;
+      width: calc(100% - 20em - 15em - 1.1em); }
+      body article section.page.simple {
+        width: calc(100% - 20em  - 1.1em); }
+      body article section.page.full {
+        width: 100%;
+        margin-left: 0em; }
+    body article section.right-menu {
+      position: fixed;
+      width: 15em;
+      top: 3.5rem;
+      right: 0px;
+      bottom: 0px;
+      overflow-y: auto;
+      overflow-x: hidden;
+      transition: transform .5s ease-in-out; }
+      body article section.right-menu.simple, body article section.right-menu.full {
+        display: none; }
+  body footer {
+    display: table-row;
+    position: relative;
+    overflow: auto;
+    display: block;
+    z-index: 100; }
+
+@media (max-width: 1200px) {
+  body header div.burger {
+    display: inline; }
+    body header div.burger.full {
+      display: none; }
+  body article aside {
+    /*transform: translate(100vw,0);*/
+    display: none; }
+  body article section.page {
+    margin-left: 0px;
+    width: calc(100% - 15em - 1.1em); }
+    body article section.page.simple {
+      width: 100%; } }
+
+@media (max-width: 930px) {
+  body header nav.shortcuts li {
+    display: none; }
+  body article aside {
+    /*transform: translate(-100vw,0);*/
+    display: none; }
+  body article section.page {
+    width: 100%;
+    margin-left: 0px; }
+  body article section.right-menu {
+    /*transform: translate(100vw,0);*/
+    display: none; } }
+
+@media (max-width: 600px) {
+  body article section.page {
+    width: 100%;
+    margin-left: 0px; }
+  body article aside.responsive {
+    width: 100%;
+    max-width: 100%; } }