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

Blame view

public/css/pages/searchResult/result.css 3.54 KB
edit raw normal view history
b80175387   Андрей Ларионов   Начальный проект ... 
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
135
 
  .result {
    padding-top: 16px;
  }
  
  .result-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .result-links {
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #ABB2BF;
  }
  .result-links__item--active {
    font-weight: 600;
  }
  .result-links > :not(:first-child) {
    margin-left: 8px;
  }
  
  .result-search {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .result-search__text {
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    color: #333B49;
  }
  .result-search__total {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #333B49;
  }
  
  .result-text-active {
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    color: #F5851A;
  }
  
  .total-active {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #F5851A;
  }
  
  .result-search-checkboxes {
    margin-top: 50px;
  }
  
  .result-sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-top: 40px;
  }
  .result-sorting__item {
    cursor: pointer;
  }
  .result-sorting__item--active {
    font-weight: 700;
    color: #F5851A;
  }
  
  .result-sorting-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 46px;
    font-size: 14px;
    line-height: 16px;
    color: #333B49;
  }
  .result-sorting-wrapper > :not(:last-child) {
    margin-right: 16px;
  }
  
  .result-sorting-icons {
    margin-right: 30px;
  }
  .result-sorting-icons__first {
    position: relative;
    margin-right: 38px;
  }
  .result-sorting-icons__first::after {
    position: absolute;
    content: "";
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_314_35946)'%3E%3Cpath d='M0 8V0H8V8H0ZM0 18V10H8V18H0ZM10 8V0H18V8H10ZM10 18V10H18V18H10ZM2 6H6V2H2V6ZM12 6H16V2H12V6ZM12 16H16V12H12V16ZM2 16H6V12H2V16Z' fill='%23636B78'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_314_35946'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
  }
  .result-sorting-icons__second {
    position: relative;
  }
  .result-sorting-icons__second::after {
    position: absolute;
    content: "";
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_314_35949)'%3E%3Crect width='2' height='2' fill='%23636B78'/%3E%3Crect y='8' width='2' height='2' fill='%23636B78'/%3E%3Crect y='16' width='2' height='2' fill='%23636B78'/%3E%3Crect x='4' width='14' height='2' fill='%23636B78'/%3E%3Crect x='4' y='8' width='14' height='2' fill='%23636B78'/%3E%3Crect x='4' y='16' width='14' height='2' fill='%23636B78'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_314_35949'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
  }