nickawalsh

@import compass

$icons: sprite-map("icons/*.png")
$icons-hd: sprite-map("icons-hd/*.png")

i
  background: $icons
  display: inline-block
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
    background: $icons-hd

nickawalsh

> git diff e26004dc 64bf7547

diff --git a/hello_world.rb b/hello_world.rb

index 01a178a..367d6a5 100644

--- a/hello_world.rb

+++ b/hello_world.rb

nickawalsh

> git blame hello_world.rb

7d7a2585 (Nick Walsh 2021-07-13 10:53:49 -0400 1) puts "Hello World!"

64bf7547 (Matt Schultz  2021-07-16 10:55:59 -0400 2) puts "Legacy Software isn't so bad!"

nickawalsh

%debug
  background-color: pink !important

nickawalsh

// -------------------------------------
//   Vars
// -------------------------------------

$c-base: #333
$c-action: #ff971c

$c-keys: $c-base, $c-action
$c-registry: ()

nickawalsh

//------------------------------------------------------
//  Grids
//
//  Based on the following:
//  * https://github.com/necolas/suit-grid
//  * https://github.com/csswizardry/csswizardry-grids
//------------------------------------------------------

$grid-columns: 12 !default
$grid-defaults: "lap" 480px, "desk" 800px !default

nickawalsh

=respond-to($val, $query: min-width, $media: screen)
  @media #{$media} and ($query: $val)
    @content

nickawalsh

=respond-to($value, $query: min-width, $ie: false)
  @media ($query: $value)
    @content
  @if $ie
    .ie &
      @content

nickawalsh

/* Sample usage: +caret(bottom, 8px, #000); */

=caret($side, $size, $color)
  $opposite: opposite-position($side)
  +stretch(50%,auto,auto,50%)
  border: $size solid transparent
  border-#{$opposite}: $size solid $color
  border-#{$side}: 0
  content: ''
  display: block