summaryrefslogtreecommitdiff
path: root/sass/nightly-builds-page/banner.sass
blob: 36c2f7a62cd9d433456af45f122c46f2b02eefa0 (plain)
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
@import ../settings

.nightly-builds-page

  .banner
    background-color: $white
    display: flex
    justify-content: center
    position: relative
    overflow: hidden
    +resolution(0, 575)
      height: 175px
      padding-top: 50px
    +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
      max-width: 945px
      +resolution(992)
        font-size: 18px
      +resolution(0, 991)
        font-size: 16px

      a
        color: $primary
        +resolution(0, 575)
          text-decoration: none

        &:hover
          text-decoration: none

    .containerCustom
      position: unset

      .banner-div
        width: 100%
        border-bottom: 1px solid $grey-light3
        text-align: center
        display: flex
        flex-direction: column
        align-items: 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