summaryrefslogtreecommitdiff
path: root/sass/footer.sass
blob: 0c9faf1d94da217cc745e33af63320f9658a030c (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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
@import settings.sass
  
footer
  div.footer__inner
    
    div.footer__logo-society
      display: grid
      grid-template-columns: 60px 1fr 191px
      grid-gap: 25px
      align-items: center
      +resp(sm)
        display: none
      div.footer__hr
        align-self: center
        img
          margin-bottom: 10px
          width: 100%
          +resp(md)
            border-bottom: 1px solid #E0DFDF
      div.footer__socials
        display: flex
        justify-content: space-between
        align-items: center
        padding-left: 6px

    div.footer__links-trustpilot
      display: flex
      justify-content: space-between
      margin-top: 36px
      +resp(sm)
        display: none

      div.footer__links
        display: flex
        +resp(md)
          flex-wrap: wrap

        div.footer__column
          display: grid
          grid-template-rows: auto 1fr
          margin-right: 48px
          +resp(lg)
            margin-right: 28px
          +resp(md)
            margin: 0 0 30px
            grid-template-rows: 34px 1fr
          &:nth-child(1)
            +resp(lg)
              width: 16%
            +resp(md)
              width: 40%
          &:nth-child(2)
            +resp(lg)
              width: 18%
            +resp(md)
              width: 60%
          &:nth-child(3)
            +resp(lg)
              width: 20%
            +resp(md)
              width: 40%
          &:nth-child(4)
            margin-right: 0
            +resp(lg)
              width: 32%
            +resp(md)
              width: 60%

          h3
            font-weight: 600
            font-size: 18px
            padding: 0 0 17px 0
            color: $black

          ul
            padding-left: 0
            list-style: none
            li
              padding: 5px 0
              a
                list-style: none
                font-weight: normal
                font-size: 16px
                line-height: 1.7
                color: #747577
                text-decoration: none
                +resp(md)
                  font-size: 14px
                &:hover
                  color: $orange
                  text-decoration: underline

      div.footer__trustpilot
        justify-self: end
        border-left: 1px solid #E0DFDF
        padding-left: 33px
        +resp(lg)
          padding-left: 10px
        div#tp-widget-wrapper
          margin: 0

    div.footer__developer
      border-top: 1px solid #E0DFDF
      display: flex
      justify-content: space-between
      align-items: center
      padding: 40px 0
      margin-top: 37px
      +resp(sm)
        display: none
      div.footer__hosted
        display: flex
        align-items: center
        p
          font-weight: normal
          font-size: 13px
          line-height: 16px
          color: #ACACAD
          padding-right: 16px
          +resp(md)
            padding-right: 8px
            display: none

      div.footer__rights
        display: flex
        p, a
          font-weight: normal
          font-size: 15px
          line-height: 150%
          text-decoration: none
          color: #ACACAD
          padding-right: 30px
          +resp(md)
            font-size: 14px
            padding-right: 22px
        a:hover
          text-decoration: underline
          color: $orange

    div.footer__sm
      display: none
      +resp(sm)
        display: block
      
      div.footer__sm__contant
        border-top: 1px solid #ACACAD
        padding: 32px 0 23px
        div.footer__sm__logos
          display: flex
          justify-content: space-between
          align-items: center
        div.footer__sm__society
          max-width: 200px
          margin: 24px auto 17px
          display: flex
          justify-content: space-between
        div.footer__sm__developer
          p, a
            font-weight: normal
            font-size: 13px
            line-height: 16px
            color: #747577
            opacity: 0.5
          div.footer__sm__privacy-policy
            display: flex
            justify-content: center
            margin-bottom: 19px
            a
              text-decoration: none
              transition: 0.3s
              &:hover
                text-decoration: underline
              &:first-child
                margin-right: 20px
          div.footer__sm__rights
            text-align: center