exampleSite/resources/_gen/assets/scss/sass/layout.scss_6fa2be902ef8caa56cd91727d4d085e0.content


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
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%; } }