Contents

@charset "utf-8";

//variable defaults
$base-font: "Rubik" !default;
$base-font-size: 16px !default;
$base-font-line-height: 1.4 !default;
$base-font-weight: 400 !default;
$light-font-weight: 300 !default;
$bold-font-weight: 500 !default;

$title-font: "Zilla Slab";
$title-font-regular: 500;
$title-font-bold: 600;

$grid-breakpoints: ( //unceremoniously taken from bootstrap 4+ until I find ones I like better
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

$rebuild-blue: #0b1933;
$rebuild-blue-dark: darken($rebuild-blue, 8%);
$rebuild-blue-light: #daf5ff;
$rebuild-white: #f9f9f9;
$rebuild-baby: #dadafa;
$rebuild-grey: #dddddd;

$transition-timing: all 150ms ease;

//mixins
@mixin relative($ratio) {
  font-size: $base-font-size * $ratio;
}

@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
  $min: map-get($breakpoints, $name);
  @return if($min != 0, $min, null);
}

@mixin breakpoint-up($name, $breakpoints: $grid-breakpoints) { //pretty much media-breakpoint-up from bootstrap 4+
  $min: breakpoint-min($name, $breakpoints);
  @if $min {
    @media (min-width: $min) { //yeah, we mobile-first. sorry
      @content;
    }
  } @else {
    @content;
  }
}
// partials
@import
  "rebuild/base",
  "rebuild/layout",
  "rebuild/syntax-highlighting"
;

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
rebuild-theme-0.2.0	_sass/rebuild.scss