sass/contributor-subs-page/banner.sass


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

@import ../settings

.contributor-subs-page

  .banner
    background-color: $white
    display: flex
    justify-content: center
    position: relative
    overflow: hidden
    +resolution(0, 575)
      height: 232px
      padding-top: 120px
    +resolution(576, 991)
      height: 248px
      padding-top: 128px
    +resolution(992)
      height: 275px
      padding-top: 128px
      align-items: center

    h1
      letter-spacing: $em
      +resolution(992)
        font-size: 48px
      +resolution(0, 991)
        font-size: 28px

    p
      letter-spacing: $px
      font-weight: 600
      color: $grey-dark
      margin-top: 16px
      +resolution(992)
        font-size: 18px
      +resolution(0, 991)
        font-size: 16px

    .containerCustom
      position: unset

      .banner-div
        width: 100%
        border-bottom: 1px solid $grey-light3
        text-align: center
        +resolution(0, 575)
          padding-bottom: 32px
        +resolution(576, 991)
          padding-bottom: 54px
        +resolution(992)
          padding-bottom: 74px

  .left-shape
    position: absolute
    +resolution(992)
      top: 0
      left: 0
    +resolution(576, 991)
      top: -100px
      left: -40px
    +resolution(0, 575)
      display: none

    img
      width: 280px
      height: 280px

  .right-shape
    position: absolute
    +resolution(992)
      top: 0
      right: 0
    +resolution(576, 991)
      top: -100px
      right: -60px
    +resolution(0, 575)
      top: -100px
      right: -60px

    img
      width: 385px
      height: 400px