mirror of
https://github.com/danog/sass-site.git
synced 2024-12-13 09:57:35 +01:00
a07743bbb4
* Moved CSS, JS, Images into an assets folder * Adjusted the file structure a bit for CSS, JS, Images. * Added a fonts folder * Cleaned up the config a bit so it's easier to read through * Added some KSS placeholders to tinker with a bit * Added zepto.js so we can be a bit more friendly on mobile devices/modern browsers * Added some basic responsive breakpoints * Added a scaffold.css and theme.css so we can separate out layout pieces from the theme. This will let us retheme the site easier, or have multiple themes if we're feeling frisky * Removed some HTML5 boilerplate pieces that we don't need * Added some basic structural css partials
62 lines
2.2 KiB
SCSS
62 lines
2.2 KiB
SCSS
// ----------------------------------------------------
|
|
// Variables
|
|
// Used for grayboxing. To update the theme you should
|
|
// TODO: convert this to a function to generate
|
|
// with color functions
|
|
// ----------------------------------------------------
|
|
$black: #000 !default;
|
|
$grayDarker: #222 !default;
|
|
$grayDark: #333 !default;
|
|
$gray: #555 !default;
|
|
$grayLight: #999 !default;
|
|
$grayLighter: #eee !default;
|
|
$white: #fff !default;
|
|
|
|
// --------------------------------------------------
|
|
// globals
|
|
// --------------------------------------------------
|
|
$sub-baseline : 6px;
|
|
$baseline : $sub-baseline * 3; // 18px
|
|
|
|
// --------------------------------------------------
|
|
// grid
|
|
// to be used with Susy
|
|
// magically converts pixels to % for a fluid grid
|
|
// --------------------------------------------------
|
|
$total-columns : 16;
|
|
$column-width : 3em;
|
|
$gutter-width : 1em;
|
|
$grid-padding : 2em;
|
|
$show-grid-backgrounds : true;
|
|
|
|
// --------------------------------------------------
|
|
// colors
|
|
// --------------------------------------------------
|
|
$color-body-background: #fff !default;
|
|
$color-text: #333 !default;
|
|
|
|
$color-link: #08c !default;
|
|
$color-link-hover: darken($color-link, 15%) !default;
|
|
|
|
|
|
// --------------------------------------------------
|
|
// typography
|
|
// --------------------------------------------------
|
|
$font-family-sans: Helvetica, Arial, sans-serif !default;
|
|
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
|
$font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace !default;
|
|
|
|
$font-size-base: 14px !default;
|
|
$line-height-base: $baseline !default;
|
|
|
|
$font-family-headers: $font-family-serif !default;
|
|
|
|
// --------------------------------------------------
|
|
// z-index
|
|
// --------------------------------------------------
|
|
$z-index-dropdown: 1000 !default;
|
|
$z-index-popover: 1010 !default;
|
|
$z-index-tooltip: 1020 !default;
|
|
$z-index-fixed: 1030 !default;
|
|
$z-index-modal-background: 1040 !default;
|
|
$z-index-modal: 1050 !default; |