hacks-guide-minimal-mistakes-theme/assets/_scss/_variables.scss

/* ==========================================================================
   Variables
   ========================================================================== */

/*
   Typography
   ========================================================================== */

$doc-font-size       : 16;
$doc-line-height     : 26;
$paragraph-indent    : false !default;
$indent-var          : 0rem + ($doc-line-height / $doc-font-size);

/* system typefaces */
$serif               : Georgia, Times, serif;
$sans-serif          : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
$monospace           : Monaco, Consolas, "Lucida Console", monospace;

/* sans serif typefaces */
$sans-serif-narrow   : $sans-serif;
$helvetica           : Helvetica, "Helvetica Neue", Arial, sans-serif;

/* serif typefaces */
$georgia             : Georgia, serif;
$times               : Times, serif;
$bodoni              : "Bodoni MT", serif;
$calisto             : "Calisto MT", serif;
$garamond            : Garamond, serif;


/*
   Colors
   ========================================================================== */

$gray                : #4c4c4c;
$dark-gray           : #191413;
$light-gray          : mix(#fff, $gray, 70%);
$lighter-gray        : mix(#fff, $gray, 90%);

$body-color          : #fff;
$background-color    : #fff;
$text-color          : #333332;
$border-color        : $lighter-gray;
$base-color          : #343434;
$comp-color          : spin($base-color, 180);
$accent-color        : #000;

/* buttons */
$primary-color       : #000;
$success-color       : #5cb85c;
$warning-color       : #dd8338;
$danger-color        : #C64537;
$info-color          : #308cbc;

/* brands */
$behance-color       : #1769FF;
$dribbble-color      : #ea4c89;
$facebook-color      : #3b5998;
$flickr-color        : #ff0084;
$foursquare-color    : #0072b1;
$github-color        : #171516;
$google-plus-color   : #dd4b39;
$instagram-color     : #517fa4;
$lastfm-color        : #d51007;
$linkedin-color      : #007bb6;
$pinterest-color     : #cb2027;
$rss-color           : #fa9b39;
$soundcloud-color    : #ff3300;
$stackoverflow-color : #fe7a15;
$tumblr-color        : #32506d;
$twitter-color       : #55acee;
$vimeo-color         : #1ab7ea;
$vine-color          : #00bf8f;
$youtube-color       : #bb0000;
$xing-color          : #006567;


/* links */
$link-color          : #343434;
$link-color-hover    : darken($link-color, 10);
$link-color-visited  : lighten($link-color-hover, 20);
$link-color-focus    : darken($link-color-visited, 10);

$border-radius       : 4px;


/*
   Breakpoints
   ========================================================================== */

@include breakpoint-set("to ems", true);

$small                        : 600px;
$medium                       : 768px;
$medium-wide                  : 900px;
$large                        : 1024px;
$x-large                      : 1280px;


/*
   Grid
   ========================================================================== */

$right-sidebar-width-narrow   : 200px;
$right-sidebar-width          : 300px;
$right-sidebar-width-wide     : 400px;

$susy: (
  columns: 12,
  // column-width: 90px,
  gutters: 1/4,
  math: fluid,
  output: float,
  gutter-position: after,
  container: $large,
  global-box-sizing: border-box,
  // debug: (
  //   image: show,
  //   color: blue,
  //   output: overlay,
  //   toggle: top right,
  // ),
);