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 }