diff options
Diffstat (limited to 'app/Resources/static/themes/material/css/media_queries.scss')
-rw-r--r-- | app/Resources/static/themes/material/css/media_queries.scss | 152 |
1 files changed, 152 insertions, 0 deletions
diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss new file mode 100644 index 00000000..36d79a45 --- /dev/null +++ b/app/Resources/static/themes/material/css/media_queries.scss | |||
@@ -0,0 +1,152 @@ | |||
1 | /* ========================================================================== | ||
2 | Media queries | ||
3 | ========================================================================== */ | ||
4 | |||
5 | @media only screen and (min-width: 992px) { | ||
6 | nav, | ||
7 | body:not(.entry):not(.login) main, | ||
8 | footer { | ||
9 | padding-left: 240px; | ||
10 | } | ||
11 | } | ||
12 | |||
13 | @media only screen and (max-width: 992px) { | ||
14 | header, | ||
15 | main, | ||
16 | footer, | ||
17 | nav { | ||
18 | padding-left: 0; | ||
19 | } | ||
20 | |||
21 | .pagination { | ||
22 | width: auto; | ||
23 | } | ||
24 | |||
25 | .nav-panels .action { | ||
26 | padding-right: 0.75rem; | ||
27 | } | ||
28 | |||
29 | .nav-panel-buttom { | ||
30 | justify-content: space-around; | ||
31 | } | ||
32 | |||
33 | #article { | ||
34 | max-width: 35em; | ||
35 | margin-left: auto; | ||
36 | margin-right: auto; | ||
37 | font-size: 18px; | ||
38 | |||
39 | > header > h1 { | ||
40 | font-size: 1.33em; | ||
41 | } | ||
42 | } | ||
43 | |||
44 | .reader-mode { | ||
45 | width: 240px !important; | ||
46 | |||
47 | span { | ||
48 | opacity: 1; | ||
49 | } | ||
50 | } | ||
51 | |||
52 | .tabs { | ||
53 | display: inline-block; | ||
54 | height: auto; | ||
55 | } | ||
56 | |||
57 | .tab { | ||
58 | min-width: 100%; | ||
59 | } | ||
60 | |||
61 | .indicator { | ||
62 | display: none; | ||
63 | } | ||
64 | |||
65 | .pagination li.prev, | ||
66 | .pagination li.next { | ||
67 | width: auto; | ||
68 | } | ||
69 | |||
70 | .drag-target + .drag-target { | ||
71 | height: 50%; | ||
72 | } | ||
73 | |||
74 | .drag-target + .drag-target + .drag-target { | ||
75 | top: 50%; | ||
76 | } | ||
77 | } | ||
78 | |||
79 | @media only screen and (min-width: 1200px) and (max-width: 1650px) { | ||
80 | .row .col.l3 { | ||
81 | width: 33.33333%; | ||
82 | margin-left: 0; | ||
83 | } | ||
84 | } | ||
85 | |||
86 | @media only screen and (min-width: 993px) and (max-width: 1200px) { | ||
87 | .row { | ||
88 | .col.l1 { | ||
89 | width: 25%; | ||
90 | margin-left: 0; | ||
91 | } | ||
92 | |||
93 | .col.l2 { | ||
94 | width: 33.33333%; | ||
95 | margin-left: 0; | ||
96 | } | ||
97 | |||
98 | .col.l3 { | ||
99 | width: 41.66667%; | ||
100 | margin-left: 0; | ||
101 | } | ||
102 | |||
103 | .col.l4 { | ||
104 | width: 50%; | ||
105 | margin-left: 0; | ||
106 | } | ||
107 | |||
108 | .col.l5 { | ||
109 | width: 58.33333%; | ||
110 | margin-left: 0; | ||
111 | } | ||
112 | |||
113 | .col.l6 { | ||
114 | width: 66.66667%; | ||
115 | margin-left: 0; | ||
116 | } | ||
117 | |||
118 | .col.l7 { | ||
119 | width: 75%; | ||
120 | margin-left: 0; | ||
121 | } | ||
122 | |||
123 | .col.l8 { | ||
124 | width: 83.33333%; | ||
125 | margin-left: 0; | ||
126 | } | ||
127 | |||
128 | .col.l9 { | ||
129 | width: 91.66667%; | ||
130 | margin-left: 0; | ||
131 | } | ||
132 | |||
133 | .col.l10 { | ||
134 | width: 100%; | ||
135 | margin-left: 0; | ||
136 | } | ||
137 | } | ||
138 | } | ||
139 | |||
140 | @media only screen and (max-width: 350px) { | ||
141 | .nb-results { | ||
142 | display: none; | ||
143 | } | ||
144 | |||
145 | main ul.row { | ||
146 | padding: 0; | ||
147 | } | ||
148 | |||
149 | .row .col { | ||
150 | padding: 0; | ||
151 | } | ||
152 | } | ||