Андрей Ларионов / Vekprom_laravel

Blame view

public/css/pages/catalog/catalog-content.css 1.63 KB
edit raw normal view history
b80175387   Андрей Ларионов   Начальный проект ... 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
  .cat-check {
    -ms-flex-item-align: start;
        align-self: start;
  }
  
  .catalog-content-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
17
 
    width: 100%;
b80175387   Андрей Ларионов   Начальный проект ... 
18
 
  }
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
19
20
21
 
  .tabs-item-catalog {
    width: 100%;
  }
b80175387   Андрей Ларионов   Начальный проект ... 
22
 
  .tabs-item-catalog > :not(:nth-child(3n)) {
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
23
24
25
26
27
28
29
30
 
    margin-right: 0px;
  }
  @media (min-width: 1263px) {
    .tabs-item-catalog > :not(:nth-child(3n)) {
      margin-right: 13px;
    }
  }
  .tabs-item-catalog > *:nth-child(n) {
b80175387   Андрей Ларионов   Начальный проект ... 
31
32
 
    margin-right: 10px;
  }
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
33
34
35
36
37
 
  @media (min-width: 1263px) {
    .tabs-item-catalog > *:nth-child(n) {
      margin-right: 0px;
    }
  }
b80175387   Андрей Ларионов   Начальный проект ... 
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
 
  
  .catalog-sorting-wrapper {
    margin-top: 40px;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  
  .catalog-content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .catalog-content-btn {
    border: 1px solid #F2994A;
    background-color: #FFFFFF;
    color: #F2994A;
    border-radius: 9.375px;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    padding: 16px 40px;
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .catalog-content-btn:hover {
    background: #F5851A;
    border-radius: 9.375px;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    border: 1px solid #F5851A;
    cursor: pointer;
  }