summaryrefslogtreecommitdiff
path: root/_sass/base/_variables.scss
diff options
context:
space:
mode:
authorHombreLaser <sebastian-440@live.com>2024-02-08 16:36:31 -0600
committerHombreLaser <sebastian-440@live.com>2024-02-08 16:36:31 -0600
commite182245d3205d929881f51da9b48d6c4ed97a682 (patch)
treed390e8754dec70a9c9293afb801321b96f043c15 /_sass/base/_variables.scss
Commit inicialHEADmaster
Diffstat (limited to '_sass/base/_variables.scss')
-rw-r--r--_sass/base/_variables.scss52
1 files changed, 52 insertions, 0 deletions
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);