This repository has been archived on 2022-02-28. You can view files and clone it, but cannot push or open issues or pull requests.
frontend-styles/src/scss/_variables.scss

49 lines
1.5 KiB
SCSS

// colours
$darkgray: #000000;
$white: #fff !default;
$blue: #4fbad5 !default;
$orange: #ff8f23 !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$dark-gray: #1c1b22 !default;
$light-blue: lighten($blue, 20%);
$black: #000 !default;
$bg-color: $dark-gray;
$body-color: $gray-300;
$border-radius: 12px;
$headings-color:$gray-300;
// fonts
$font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-size-base: 1rem * 1.25 !default;
$headings-font-family: $font-family-sans-serif;
$headings-margin-bottom: 5px;
$headings-font-weight: 900;
$headings-line-height: 1.4em;
$h1-font-size: $font-size-base * 2.5 !default;
$h2-font-size: $font-size-base * 2 !default;
$h3-font-size: $font-size-base * 1.75 !default;
$h4-font-size: $font-size-base * 1.5 !default;
$h5-font-size: $font-size-base * 1.25 !default;
$h6-font-size: $font-size-base !default;
$lead-font-size: $font-size-base * 1.25 !default;
$lead-font-weight: 300 !default;
$paragraph-margin-bottom: 1rem !default;