// Welcome to Gumby 2.0 Settings. // Happy Tinkering! // Grid Settings $row-max-width: 940px !default; // 940px $gutter-in-px: 20px !default; // 20px $cols: 12 !default; // 12 Column Default Grid $hybrid: 16 !default; // 16 Column Default Hybrid Grid // Responsiveness Settings $min-device-width: 320px; // iPhone Portrait $tablet-device-width: 768px; // iPad Portrait $document-width: $row-max-width; // Default Document $max-device-width: 2880px; // Max Document Size // Spacing $nav-distance: 0px; // Navigation distance from the top of the viewport // Typography $font-family: "Open Sans"; $font-content: "Merriweather"; $font-monospace: "Monaco", "Lucida Console", monospace; $font-style-italic: italic; $icons: entypo; $font-smoothing: antialiased; // Font Weights $font-weight-bold: 700; $font-weight-semibold: 600; $font-weight-medium: 400; $font-weight-regular: 400; $font-weight-light: 300; $font-weight-thin: 300; $header-font-weight: $font-weight-thin; $body-font-weight: $font-weight-regular; $type-font-weight: $font-weight-regular; $orange-font-weight: $font-weight-regular; $button-font-weight: $font-weight-semibold; $tabs-font-weight: $font-weight-semibold; // Vertical Rhythm Spacing $base-line-height: ms(1) !default; $rhythm-spacing: .168; $rhythm-height: .711; // Modular Scale Settings // http://www.modularscale.com by Tim Brown // https://github.com/scottkellum/modular-scale $ratio: golden(); // Ratio for Modular Scale $base-font-size: 16px !default; $importantNum: 78px !default; $base-size: $base-font-size $importantNum; // Gumby Default Scale Values: 16, 18, 26, 30, 42, 48, 68, 78, 110, 126; // Sizing $xsmall: ms(-1); $small: 13px; $norm: ms(0); // $base-font-size (16px == default) $med: ms(1); $large: ms(2); $larger: ms(3); $xlarge: ms(4); $xxlarge: ms(5); $xxxlarge: ms(6); $reallybig: ms(8); $tremendous: ms(9); $absurd: ms(10); // Solarized Color Palette by http://ethanschoonover.com/solarized $base03: #002b36; $base02: #073642; $base01: #586e75; $base00: #657b83; $base0: #839496; $base1: #93a1a1; $base2: #eee8d5; $base3: #fdf6e3; $yellow: #b58900; $orange: #cb4b16; $red: #dc322f; $magenta: #d33682; $violet: #6c71c4; $blue: #268bd2; $cyan: #2aa198; $green: #859900; $black: #000; $white: #fff; // Typography Colors $header-font-color: $base01 !default; $header-link-color: $base01 !default; $header-link-hover-color: $base1 !default; $body-font-color: $base01 !default; $body-link-color: $blue !default; $body-link-hover-color: $blue !default; $pre-bg-color: $base3; // User Interface Colors $global-bg-color: $white; $navbar-color: $base2; $navbar-link-color: $base01; $navbar-logo-color: $navbar-link-color; $nav-hover-color: $base3; $nav-contrast-color: $base3; $nav-border-color: $base0; $primary-color: $blue; $secondary-color: $cyan; $default-color: $base3; $info-color: $base03; $danger-color: $red; $warning-color: $yellow; $success-color: $green; $primary-hover-color: #58b2fa; $secondary-hover-color: #6dbb80; $default-hover-color: #ffffff; $info-hover-color: #868d92; $danger-hover-color: #f14f4f; $warning-hover-color: #fdd27f; $success-hover-color: #66d92f; $horizontal-rule-color: $base0 !default; // Borders $button-radius: 4px !default; $metro-radius: 0 !default; $bigger-radius: 8px; // Buttons // Font Sizing $xlarge-button-font-size: $larger; $large-button-font-size: $large; $medium-button-font-size: $norm; $small-button-font-size: $small; // Padding $default-button-padding: $med; // Height $default-button-height: 36px; // Form Elements $form-border-color: $base1; $form-text-input-stroke: $magenta; $form-text-input-background: $global-bg-color; $form-text-input-placeholder-color: $default-color; $form-text-input-color: $body-font-color; $form-select-stroke: #ccc; $form-select-background: $white; $form-select-color: #555; // Tabs $tab-height: 42px; // Navigation $nav-height: 50px; $navcontain-height: 55px; // makes space at the top of a document for when using a fixed nav // Drawers & Modals $modal-overlay-color: rgba(0, 0, 0, 0.8); $modal-window-color: $white; $drawer-background-color: #3e4144; $drawer-inner-shadow-x-offset: 0; $drawer-inner-shadow-y-offset: 2px; $drawer-inner-shadow-blur: 5px; $drawer-inner-shadow-color: #313436; // Tables $table-bgcolor: $global-bg-color; $table-thead-bgcolor: $global-bg-color; $table-head-color: $body-font-color; $table-row-first-cell-font-weight: $font-weight-regular; $table-border-size: 2px; $table-border-style: solid; $table-border-color: $base1; $table-cell-border-size: 1px; $table-cell-border-color: $base1; $table-cell-border-style: solid; // .rounded $table-border-radius: 4px; // for :hover color in dokuwiki $table-stripe-bgcolor: $base3; // Tooltips $tt-min-width: 130px; $tt-bgcolor: $primary-color; $tt-position: top; // position: top / bottom / left / right $tt-align: left; // text and caret alignment: left / right $tt-pretty: yes; // yes = pretty / no = flat // Floats $default-float: left; $switch-float: right;