From e182245d3205d929881f51da9b48d6c4ed97a682 Mon Sep 17 00:00:00 2001 From: HombreLaser Date: Thu, 8 Feb 2024 16:36:31 -0600 Subject: Commit inicial --- _sass/base/_variables.scss | 52 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 _sass/base/_variables.scss (limited to '_sass/base/_variables.scss') diff --git a/_sass/base/_variables.scss b/_sass/base/_variables.scss new file mode 100644 index 0000000..3d2b02f --- /dev/null +++ b/_sass/base/_variables.scss @@ -0,0 +1,52 @@ +// Google Fonts +@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300|Roboto:400,700,300|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300); + +// Typography +$base-font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; // $helvetica; +$heading-font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif; // $base-font-family; + +// Font Sizes +$base-font-size: $em-base; // 16px + +// Adjust modular scale ratio +$modular-scale-ratio: $minor-third; + +// Line height +$base-line-height: 1.8; +$heading-line-height: 1.8; + +// Other Sizes +$base-border-radius: 3px; +$base-spacing: $base-line-height * $em-base; +$small-spacing: $base-spacing / 2; +$base-z-index: 0; + +// Colors +$dark-gray: #333; +$medium-gray: #999; +$light-gray: #ddd; +$white: #fff; +// Flat UI Colors. For more, see http://flatuicolors.com/ +$turquoise: #1abc9c; // Turqoise +$green: #27ae60; // Nephritis +$blue: #2980b9; // Belize Hole +$purple: #8e44ad; // Wisteria +$orange: #d35400; // Pumpkin +$red: #c0392b; // Pomegranate +$gray: #7f8c8d; // Asbestos +// Even more colors +$bc-red: #bc0000; + +// Font Colors +$base-background-color: #fff; +$base-font-color: $dark-gray; +$action-color: $blue; +$highlight-color: tint($action-color, 33%); + +// Border +$base-border-color: $light-gray; +$base-border: 1px solid $base-border-color; + +// Forms +$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06); +$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3); -- cgit v1.2.3