0001-meyzieu-2018-add-responsive-support-to-carrousel-240.patch
static/meyzieu-2018/_custom.scss | ||
---|---|---|
105 | 105 |
#content { |
106 | 106 |
#columns { |
107 | 107 |
margin-top: 2ex; |
108 |
img { |
|
109 |
width: 100%; |
|
110 |
} |
|
108 | 111 |
div.menucell.navigation { |
109 | 112 |
li { |
110 | 113 |
&.selected { |
... | ... | |
129 | 132 |
@include flexbox(); |
130 | 133 |
@include flex(0 0 calc(#{$width} - #{$sidebar-width})); |
131 | 134 |
@media screen and (max-width: $mobile-limit) { |
132 |
display: none; |
|
135 |
@include flex-direction(column); |
|
136 |
@include flex(0); |
|
133 | 137 |
} |
134 | 138 |
div.menu { |
135 | 139 |
@include flexbox(); |
136 | 140 |
align-items: center; |
137 | 141 |
width: 25%; |
142 |
@media screen and (max-width: $mobile-limit) { |
|
143 |
width: 100%; |
|
144 |
margin: 0 auto; |
|
145 |
display: block; |
|
146 |
} |
|
138 | 147 |
a { |
139 | 148 |
text-align: center; |
149 |
@media screen and (max-width: $mobile-limit) { |
|
150 |
text-align: justify; |
|
151 |
} |
|
140 | 152 |
} |
141 | 153 |
ul { |
142 | 154 |
border-right: 1px solid #000; |
155 |
@media screen and (max-width: $mobile-limit) { |
|
156 |
border: 0; |
|
157 |
} |
|
143 | 158 |
li { |
144 | 159 |
margin: 10px 0; |
145 | 160 |
&.selected { |
146 |
- |