Просмотр исходного кода

Better mobile form styles

master
Dylan Baker 4 лет назад
Родитель
Сommit
3060aaa9e2
1 измененных файлов: 12 добавлений и 1 удалений
  1. 12
    1
      web/assets/styles/form.scss

+ 12
- 1
web/assets/styles/form.scss Просмотреть файл

20
 .filters__section {
20
 .filters__section {
21
   display: flex;
21
   display: flex;
22
   padding: .5em 0;
22
   padding: .5em 0;
23
+
24
+  @media(max-width: 768px) {
25
+    flex-direction: column;
26
+  }
23
 }
27
 }
24
 
28
 
25
 .filters__subsection--sort {
29
 .filters__subsection--sort {
32
 
36
 
33
 .filters__subsection {
37
 .filters__subsection {
34
   flex: 1;
38
   flex: 1;
35
-  padding: 0 1em;
36
 
39
 
37
   &.filters__subsection--static {
40
   &.filters__subsection--static {
38
     flex: 1;
41
     flex: 1;
39
   }
42
   }
43
+
44
+  &:nth-child(2) {
45
+    padding: 0 1em;
46
+
47
+    @media(max-width: 768px) {
48
+      padding: 0;
49
+    }
50
+  }
40
 }
51
 }
41
 
52
 
42
 .form__field {
53
 .form__field {

Загрузка…
Отмена
Сохранить