Skip to content

Instantly share code, notes, and snippets.

@shazow
Last active January 25, 2016 01:52
Show Gist options
  • Save shazow/9bb7ea827d6910fae370 to your computer and use it in GitHub Desktop.
Save shazow/9bb7ea827d6910fae370 to your computer and use it in GitHub Desktop.
My bourbon base override
@import "normalize";
@import "bourbon/bourbon";
@import "neat/neat";
$margin-small: 10px;
$margin: $margin-small * 2;
$span: 45px;
$font-size: 15px;
$color-text: #666666;
$color-link: rgb(243, 121, 52);
$color-header: #37b89a;
$color-emphasis: rgb(170, 170, 170);
$color-background: #f4faed;
$color-shadow: rgba(20, 20, 20, 0.6);
$color-border: darken(desaturate($color-background, 20%), 10%);
$border-width: 1px;
// Bitters configuration:
$mobile: new-breakpoint(max-width 40em 4);
$base-border-color: $color-border;
$base-border: $border-width solid $base-border-color;
$base-background-color: #fff;
$base-font-size: 1em;
$action-color: $color-link;
$base-font-color: $color-text;
$base-font-family: "Nunito", "Helvetica Neue", Arial, Helvetica, sans-serif !default;
$heading-font-family: $base-font-family;
$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);
$base-line-height: 1.5;
$heading-line-height: 1.2;
$base-border-radius: 3px;
$base-spacing: $base-line-height * 1em;
$small-spacing: $base-spacing / 2;
$base-z-index: 0;
$base-duration: 150ms;
$base-timing: ease;
@import "bitters/typography";
all: scss
CSS_OUT = ../static/css/screen.css
SCSS_LIBS = ./lib/
$(CSS_OUT): **.scss $(SCSS_LIBS)
sassc --style nested $(addprefix -I ,$(SCSS_LIBS)) screen.scss $(CSS_OUT)
scss: $(CSS_OUT)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment