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 }