_breakpoints.scss
1 month ago
_event-form-variables.scss
1 month ago
_variables-fonts.scss
1 month ago
_event-form-variables.scss
53 lines
| 1 | :root { |
| 2 | // Colors |
| 3 | // shortcuts |
| 4 | // -c- color |
| 5 | // -bgr- background |
| 6 | // -prim- primary |
| 7 | // -sec- secondary |
| 8 | // primitive colors |
| 9 | --am-c-primary: #{$blue-1000}; |
| 10 | --am-c-success: #{$green-1000}; |
| 11 | --am-c-error: #{$red-900}; |
| 12 | --am-c-warning: #{$yellow-1000}; |
| 13 | |
| 14 | // main container colors - right part of the form |
| 15 | --am-c-main-bgr: #{$am-white}; |
| 16 | --am-c-main-heading-text: #{$shade-800}; |
| 17 | --am-c-main-text: #{$shade-900}; |
| 18 | |
| 19 | // sidebar container colors - left part of the form |
| 20 | --am-c-sb-bgr: #17295a; |
| 21 | --am-c-sb-text: #{$am-white}; |
| 22 | |
| 23 | // input global colors - usage input, textarea, checkbox, radio button, select input, adv select input |
| 24 | --am-c-inp-bgr: #{$am-white}; |
| 25 | --am-c-inp-border: #{$shade-250}; |
| 26 | --am-c-inp-text: #{$shade-900}; |
| 27 | --am-c-inp-placeholder: #{$shade-500}; |
| 28 | |
| 29 | // dropdown global colors - usage select dropdown, adv select dropdown |
| 30 | --am-c-drop-bgr: #{$am-white}; |
| 31 | --am-c-drop-text: #{$shade-1000}; |
| 32 | |
| 33 | // button global colors |
| 34 | --am-c-btn-prim: #{$blue-900}; |
| 35 | --am-c-btn-prim-text: #{$am-white}; |
| 36 | --am-c-btn-sec: #{$am-white}; |
| 37 | --am-c-btn-sec-text: #{$shade-900}; |
| 38 | |
| 39 | // Properties |
| 40 | // shortcuts |
| 41 | // -h- height |
| 42 | // -fs- font size |
| 43 | // -rad- border radius |
| 44 | --am-h-inp: 40px; |
| 45 | --am-fs-inp: 15px; |
| 46 | --am-rad-inp: 6px; |
| 47 | --am-fs-label: 15px; |
| 48 | --am-fs-btn: 15px; |
| 49 | |
| 50 | // Font |
| 51 | --am-font-family: 'Amelia Roboto', sans-serif; |
| 52 | } |
| 53 |