/ src / modules / HowToSubmit / HowToSubmit.module.scss
HowToSubmit.module.scss
 1  @import '../../common/styles/variables';
 2  
 3  .modalWindow {
 4    height: 100%;
 5  }
 6  
 7  .cnt {
 8    font-family: $font;
 9  }
10  
11  .title {
12    text-align: center;
13    letter-spacing: calculateRem(0.2);
14    text-transform: uppercase;
15    font-weight: 500;
16    font-size: calculateRem(16);
17    padding: calculateRem(10) 0;
18    position: sticky;
19    top: 0;
20    z-index: 99;
21    background: #ffffff;
22    border-bottom: 1px solid #f7f7f7;
23  }
24  
25  .title + .howto {
26    padding-top: calculateRem(1);
27  }
28  
29  a {
30    color: $link-color;
31  }
32  
33  .frame {
34    font-size: 14px;
35    margin: 14px 16px;
36  
37    .frameTitle {
38      line-height: 22px;
39      color: #939ba1;
40      font-size: 15px;
41      margin-bottom: 2px;
42    }
43  
44    ol {
45      line-height: 24px;
46      list-style: none;
47      counter-reset: item;
48      padding: 0;
49      margin: 0;
50    }
51  
52    ol li {
53      position: relative;
54      padding-left: 24px;
55    }
56  
57    ol li:before {
58      content: counter(item) '. ';
59      counter-increment: item;
60      position: absolute;
61      left: 0;
62      top: 0;
63      color: #939ba1;
64    }
65  
66    p {
67      line-height: 24px;
68      text-indent: 32px;
69      margin: 0;
70    }
71  }
72  
73  .frame.withBorder {
74    border: 1px solid #eef2f5;
75    border-radius: 16px;
76    padding: 12px 16px;
77  }
78  
79  .footerActions {
80    height: 64px;
81    display: flex;
82    align-items: center;
83    position: sticky;
84    bottom: 0;
85    background: #ffffff;
86    justify-content: center;
87    border-top: 1px solid #f7f7f7;
88  
89    .submitButton {
90      background: $link-color;
91      border-radius: 8px;
92      color: #fff;
93      border: none;
94      font-family: $font;
95      padding: calculateRem(11) calculateRem(38);
96      font-size: calculateRem(15);
97      cursor: pointer;
98    }
99  }