Blame view

ambshoes/css/_items.scss 1.83 KB
81add67c   alex   first
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
  .items-col {

  text-align: center;

    &:nth-child(4n+5) {

      clear: both;

    }

    

  }

  

  .items-img-wr {

    @include wfl;

    margin-top: 30px;

  }

  

  .items-img {

    width: 228px;

    max-width: 100%;

    display: inline-block;

    a {

      display: table-cell;

      width: 228px;

      height: 228px;

      max-width: 100%;

      vertical-align: middle;

      text-align: center;

      cursor: zoom-in;

    }

    img {

      max-width: 100%;

      vertical-align: middle;

    }

  }

  

  

  .items-title {

    margin-top: 11px;

    @include wfl;

    a, span {

      font-size: 16px;

    }

  }

  

  .items-price {

    margin-top: 5px;

    @include wfl;

    font-size: 18px;

    color: $violet-color;

    span {

      font-size: 16px;

    }

  }

  

  @media (max-width: 991px) {

    .items-col {

      &:nth-child(4n+5) {

        clear: none;

      }

      &:nth-child(3n+4) {

        clear: both;

      }

    }

  }

  

  @media (max-width: 790px) {

    .items-img {

      width: 220px;

      a {

        width: 220px;

        height: 220px;

      }

    }

  }

  @media (max-width: 767px) {

    .items-col {

      &:nth-child(3n+4) {

        clear: none;

      }

      &:nth-child(2n+3) {

        clear: both;

      }

    }

    .contacts-footer-wr, .contacts-footer-col {

      height: 240px !important;

  

    }

  

  }

  

  @media (max-width: 450px) {

    .items-img {

      width: 190px;

      a {

        width: 190px;

        height: 190px;

      }

    }

  }

  

  @media (max-width: 400px) {

    .items-img {

      width: 160px;

      a {

        width: 160px;

        height: 160px;

  

      }

    }

  }

  

  @media (max-width: 380px) {

    .items-img {

      width: 150px;

      a {

        width: 150px;

        height: 150px;

  

      }

    }

  }

  

  @media (max-width: 360px) {

    .c-f-adress {

      font-size: 16px !important;

    }

  }

  @media (max-width: 350px) {

    .items-img {

      width: 130px;

      a {

        width: 130px;

        height: 130px;

  

      }

    }

  }