mirror of
https://github.com/jekyll/jekyll.git
synced 2026-02-12 07:35:13 -05:00
aa44c7f53d
Helvetica Neue (1983) features multiple improvements over the original Helvetica font (1957), 'neue' means 'new' in German
53 lines
1.0 KiB
SCSS
Executable File
53 lines
1.0 KiB
SCSS
Executable File
---
|
|
# Only the main Sass file needs front matter (the dashes are enough)
|
|
---
|
|
@charset "utf-8";
|
|
|
|
|
|
|
|
// Our variables
|
|
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
$base-font-size: 16px;
|
|
$small-font-size: $base-font-size * 0.875;
|
|
$base-line-height: 1.5;
|
|
|
|
$spacing-unit: 30px;
|
|
|
|
$text-color: #111;
|
|
$background-color: #fdfdfd;
|
|
$brand-color: #2a7ae2;
|
|
|
|
$grey-color: #828282;
|
|
$grey-color-light: lighten($grey-color, 40%);
|
|
$grey-color-dark: darken($grey-color, 25%);
|
|
|
|
// Width of the content area
|
|
$content-width: 800px;
|
|
|
|
$on-palm: 600px;
|
|
$on-laptop: 800px;
|
|
|
|
|
|
|
|
// Using media queries with like this:
|
|
// @include media-query($on-palm) {
|
|
// .wrapper {
|
|
// padding-right: $spacing-unit / 2;
|
|
// padding-left: $spacing-unit / 2;
|
|
// }
|
|
// }
|
|
@mixin media-query($device) {
|
|
@media screen and (max-width: $device) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// Import partials from `sass_dir` (defaults to `_sass`)
|
|
@import
|
|
"base",
|
|
"layout",
|
|
"syntax-highlighting"
|
|
;
|