Skip to content

Instantly share code, notes, and snippets.

@johnmichel

johnmichel/flatui.scss

Last active August 29, 2015 14:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save johnmichel/40ffb000c59304c99efc to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save johnmichel/40ffb000c59304c99efc to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. johnmichel renamed this gist Jun 19, 2014. 1 changed file with 22 additions and 22 deletions.
    44 changes: 22 additions & 22 deletions gistfile1.txt → flatui.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -39,38 +39,38 @@ $asbestos: #7F8C8D
    // Aliases make colors easier to remember.

    // Greens
    $green-1: $turquoise
    $green-2: $green-sea
    $green-3: $emerald
    $green-4: $nephritis
    $lightGreen: $turquoise
    $mutedGreen: $green-sea
    $brightGreen: $emerald
    $green: $nephritis

    // Blues
    $blue-1: $peter-river
    $blue-2: $belize-hole
    $blue-3: $wet-asphalt
    $blue-4: $midnight-blue
    $lightBlue: $peter-river
    $blue: $belize-hole
    $navyBlue: $wet-asphalt
    $darkBlue: $midnight-blue

    // Purples
    $purple-1: $amethyst
    $purple-2: $wisteria
    $lightPurple: $amethyst
    $purple: $wisteria

    // Yellows
    $yellow-1: $sunflower
    $yellow: $sunflower

    // Oranges
    $orange-1: $orange
    $orange-2: $carrot
    $orange-3: $pumpkin
    $lightOrange: $orange
    $mediumOrange: $carrot
    $darkOrange: $pumpkin

    // Refs
    $red-1: $alizarin
    $red-2: $pomegranate
    $lightRed: $alizarin
    $red: $pomegranate

    // Grays
    $gray-1: $clouds
    $gray-2: $silver
    $gray-3: $concrete
    $gray-4: $asbestos
    $lightGray: $silver
    $gray: $concrete
    $darkGray: $asbestos

    // White
    $white-1: #fff
    // Whites
    $white: #fff
    $offWhite: $clouds
  2. @aharris aharris created this gist Jun 19, 2014.
    76 changes: 76 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,76 @@
    //-------------------------------------------------------------------------
    // UI
    //-------------------------------------------------------------------------

    // Greens
    $turquoise: #1ABC9C
    $green-sea: #16A085
    $emerald: #2ECC71
    $nephritis: #27AE60

    // Blues
    $peter-river: #3498DB
    $belize-hole: #2980B9
    $wet-asphalt: #34495E
    $midnight-blue: #2C3E50

    // Purples
    $amethyst: #9B59B6
    $wisteria: #8E44AD

    // Yellows
    $sunflower: #F1C40F

    // Oranges
    $orange: #F39C12
    $carrot: #E67E22
    $pumpkin: #D35400

    // Reds
    $alizarin: #E74C3C
    $pomegranate: #C0392B

    // Grays
    $clouds: #ECF0F1
    $silver: #BDC3C7
    $concrete: #95A5A6
    $asbestos: #7F8C8D

    // Aliases make colors easier to remember.

    // Greens
    $green-1: $turquoise
    $green-2: $green-sea
    $green-3: $emerald
    $green-4: $nephritis

    // Blues
    $blue-1: $peter-river
    $blue-2: $belize-hole
    $blue-3: $wet-asphalt
    $blue-4: $midnight-blue

    // Purples
    $purple-1: $amethyst
    $purple-2: $wisteria

    // Yellows
    $yellow-1: $sunflower

    // Oranges
    $orange-1: $orange
    $orange-2: $carrot
    $orange-3: $pumpkin

    // Refs
    $red-1: $alizarin
    $red-2: $pomegranate

    // Grays
    $gray-1: $clouds
    $gray-2: $silver
    $gray-3: $concrete
    $gray-4: $asbestos

    // White
    $white-1: #fff