diff --git a/css/ebi-global-includes/_ebi_foundation_overides.scss b/css/ebi-global-includes/_ebi_foundation_overides.scss new file mode 100644 index 0000000000000000000000000000000000000000..1967c75324d98763f7a2506e901f6b4a8cc9ff6b --- /dev/null +++ b/css/ebi-global-includes/_ebi_foundation_overides.scss @@ -0,0 +1 @@ +// nothing as of yet diff --git a/css/ebi-global-includes/_ebi_theme_settings.scss b/css/ebi-global-includes/_ebi_theme_settings.scss new file mode 100644 index 0000000000000000000000000000000000000000..1f8fc2976f28806eeb8e70afe677f39f7d817949 --- /dev/null +++ b/css/ebi-global-includes/_ebi_theme_settings.scss @@ -0,0 +1,46 @@ +// EBI Colours +$ebi-colour-dark: #222; +$ebi-colour-light: #f8f8f8; +$ebi-colour-dark-grey: #666;; +$ebi-colour-light-grey: #f7f7f7; +$ebi-colour-light-green: rgb(109,171,73); +$ebi-colour-dark-green: rgb(2,100,105); +$ebi-colour-petrol: rgb(0,124,130); +$ebi-colour-gold: rgb(233,180,0); +$ebi-colour-orange: rgb(251,106,42); +$ebi-colour-blue: rgb(0,134,180); +$ebi-colour-white: rgb(255,255,255); + +$primary-color: $ebi-colour-petrol; +$secondary-color: $ebi-colour-dark-grey; + +$ebi-colour-main: $ebi-colour-petrol; +$ebi-colour-services: $ebi-colour-dark-green; +$ebi-colour-research: $ebi-colour-light-green; +$ebi-colour-training: $ebi-colour-gold; +$ebi-colour-industry: $ebi-colour-blue; +$ebi-colour-elixir: $ebi-colour-orange; + + +// Generic colours not attached to the EBI brand +$success-color: #3adb76; +$warning-color: #ffae00; +$alert-color: #ec5840; +$light-gray: #e6e6e6; +$medium-gray: #cacaca; +$dark-gray: #8a8a8a; + +$body-background: $ebi-colour-white; +$body-font-color: $ebi-colour-dark; +$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; +$body-font-family-serif: 'EB Garamond', 'georgia', serif; + +// These don't do anything yet... +$global-margin: 1rem; +$global-padding: 1rem; +$global-weight-normal: normal; +$global-weight-bold: 700; +$global-radius: 0; +$global-font-size: 100%; +$global-width: rem-calc(1200); +$global-lineheight: 1.5; diff --git a/css/ebi-global.scss b/css/ebi-global.scss index 7f6c37746665780a3e72c95874eb3b9e6ea69e7d..8c479f466dc2cb4f13d6afa3c3bc97cf08f5b7ab 100644 --- a/css/ebi-global.scss +++ b/css/ebi-global.scss @@ -1,57 +1,9 @@ - -// to be moved to _theme_settings.scss - - // EBI Colours - $ebi-colour-dark: #222; - $ebi-colour-light: #f8f8f8; - $ebi-colour-dark-grey: #666;; - $ebi-colour-light-grey: #f7f7f7; - $ebi-colour-light-green: rgb(109,171,73); - $ebi-colour-dark-green: rgb(2,100,105); - $ebi-colour-petrol: rgb(0,124,130); - $ebi-colour-gold: rgb(233,180,0); - $ebi-colour-orange: rgb(251,106,42); - $ebi-colour-blue: rgb(0,134,180); - $ebi-colour-white: rgb(255,255,255); - - $primary-color: $ebi-colour-petrol; - $secondary-color: $ebi-colour-dark-grey; - - $ebi-colour-main: $ebi-colour-petrol; - $ebi-colour-services: $ebi-colour-dark-green; - $ebi-colour-research: $ebi-colour-light-green; - $ebi-colour-training: $ebi-colour-gold; - $ebi-colour-industry: $ebi-colour-blue; - $ebi-colour-elixir: $ebi-colour-orange; - - - // Generic colours not attached to the EBI brand - $success-color: #3adb76; - $warning-color: #ffae00; - $alert-color: #ec5840; - $light-gray: #e6e6e6; - $medium-gray: #cacaca; - $dark-gray: #8a8a8a; - - $body-background: $ebi-colour-white; - $body-font-color: $ebi-colour-dark; - $body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; - $body-font-family-serif: 'EB Garamond', 'georgia', serif; - - // These don't do anything yet... - $global-margin: 1rem; - $global-padding: 1rem; - $global-weight-normal: normal; - $global-weight-bold: 700; - $global-radius: 0; - $global-font-size: 100%; - $global-width: rem-calc(1200); - $global-lineheight: 1.5; +// Various includes +@import 'ebi-global-includes/ebi_theme_settings'; // default EBI styling +// @import 'ebi-gloabl-includes/ebi_foundation_overides'; // This code is the EBI layer atop the Foundation base styling -//This is your _settings.scss file where you can override foundation variables. -//@import 'theme_settings'; /*