/ 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    line-height: 40px;
13    text-align: center;
14    text-transform: uppercase;
15    font-weight: 600;
16    font-size: 17px;
17    border-bottom: 1px solid #f7f7f7;
18  }
19  
20  a {
21    color: $link-color;
22  }
23  
24  .frame {
25    font-size: 14px;
26    margin: 14px 16px;
27  
28    .frameTitle {
29      line-height: 22px;
30      color: #939ba1;
31      font-size: 15px;
32      margin-bottom: 2px;
33    }
34  
35    ol {
36      line-height: 24px;
37      list-style: none;
38      counter-reset: item;
39      padding: 0;
40      margin: 0;
41    }
42  
43    ol li {
44      position: relative;
45      padding-left: 24px;
46    }
47  
48    ol li:before {
49      content: counter(item) '. ';
50      counter-increment: item;
51      position: absolute;
52      left: 0;
53      top: 0;
54      color: #939ba1;
55    }
56  
57    p {
58      line-height: 24px;
59      text-indent: 32px;
60      margin: 0;
61    }
62  }
63  
64  .frame.withBorder {
65    border: 1px solid #eef2f5;
66    border-radius: 16px;
67    padding: 12px 16px;
68  }
69  
70  .footerActions {
71    height: 64px;
72    display: flex;
73    align-items: center;
74    justify-content: center;
75    border-top: 1px solid #f7f7f7;
76  
77    .submitButton {
78      background: $link-color;
79      border-radius: 8px;
80      color: #fff;
81      border: none;
82      font-family: $font;
83      padding: calculateRem(11) calculateRem(38);
84      font-size: calculateRem(15);
85      cursor: pointer;
86    }
87  }