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

Blame view

public/css/pages/catalog/catalog-checkboxes.css 1.44 KB
edit raw normal view history
b80175387   Андрей Ларионов   Начальный проект ... 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
  @charset "UTF-8";
  .catalog-content-checkboxes__title {
    color: #333B49;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
  }
  
  .catalog-checkboxes-container {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-left: 23px;
2f5f2c1a4   Андрей Ларионов   Баг с версткой ка... 
18
 
    margin-right: 16px;
b80175387   Андрей Ларионов   Начальный проект ... 
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
 
    color: #636B78;
    margin-top: 16px;
    font-size: 14px;
  }
  
  .catalog-checkboxes-count {
    margin-left: 6px;
  }
  
  /* скрываем дефолтный флажок */
  .catalog-checkboxes-container .check-highload {
    position: absolute;
    opacity: 0;
  }
  
  .highload2 {
    position: absolute;
    top: 1px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #eee;
    background-color: #fff;
    border: 1px solid #ABB2BF;
    border-radius: 3px;
  }
  
  /* Когда отмечен, то красим */
  .catalog-checkboxes-container .check-highload:checked ~ .highload2 {
    background-color: #ABB2BF;
  }
  
  /* Создаем когда отмечено (не видно, когда не отмечено) */
  .highload2:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Показываем когда отмечен */
  .catalog-checkboxes-container .check-highload:checked ~ .highload2:after {
    display: block;
  }
  
  /* Стили индикатора */
  .catalog-checkboxes-container .highload2:after {
    width: 12px;
    height: 12px;
    border: 2px solid white;
    border-radius: 2px;
  }