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

Blame view

public/scss/pages/product/viewed.scss 1.94 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
 
  @import "../../vars";
  @import "../../mixins";
  
  .viewed {
      padding-top: 80px;
  }
  
      .viewed-container {
          color: $vmainGrey;
          position: relative;
  
          &__title {
              font-weight: 600;
              font-size: 36px;
              line-height: 42px;
          }
          
  
          .viewed__item {
              margin-top: 48px;
  
              &-info {
                  margin-left: 12px;
                  max-width: 291px;
                  width: 100%;
  
                  .viewed__item-title {
                      font-weight: 600;
                      font-size: 14.6087px;
                      line-height: 20px;
                      margin-top: 18px;
                      max-width: 176px;
                      width: 100%;
                  }
  
                  .viewed__item-bottom {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      margin-top: 17px;
  
                      .viewed__item-price {
                          font-weight: 600;
                          font-size: 21.913px;
                          line-height: 26px;
                      }
  
                      .viewed__item-btn {
                          @include btn-orange;
                          width: 108px;
                          height: 34px;
  
                          &:hover {
                              @include btn-orange-hover;
                          }
  
                      }
                  }
              }
          }
  
          .swiper-button-next_viewed,
          .swiper-button-prev_viewed {
              position: absolute;
          }
  
          .swiper-button-next_viewed {
              top: 40px;
              right: 15px;
              width: 20px;
              height: 20px;
          }
  
          .swiper-button-prev_viewed {
              top: 40px;
              left: 1239px;
              width: 20px;
              height: 20px;
          }
     
  
      }
  .viewed-container [class^="swiper-button-"]::after {
      content: "";
  }