una

// ----
// libsass (v3.3.2)
// ----

// HELPER FUNCTIONS

// Map Deep Set by Hugo Giraudel
// link: http://www.sitepoint.com/extra-map-functions-sass/
@function map-deep-set($map, $keys.../*, $value */) {
  $map-list: ($map,);

una

// ----
// libsass (v3.3.2)
// ----

// initial map
$colors: (
  'red': (
    'base': #f00
  ),
  'yellow' : (

una

// ----
// libsass (v3.3.2)
// ----

// initial map
$colors: (
  'red': (
    'base': #f00
  ),
  'yellow' : (

una

una

<!-- @una made this -->

<ul class="color-list">
    <li class="color-box brick-red"></li>
    <li class="color-box strawberry"></li>
    <li class="color-box deep-orange"></li>
    <li class="color-box tangerine"></li>
    <li class="color-box gold"></li>
    <li class="color-box sunshine"></li>
    <li class="color-box grass-green"></li>

una

<ul class="color-list">
    <li class="color-box brick-red"></li>
    <li class="color-box strawberry"></li>
    <li class="color-box deep-orange"></li>
    <li class="color-box tangerine"></li>
    <li class="color-box gold"></li>
    <li class="color-box sunshine"></li>
    <li class="color-box grass-green"></li>
    <li class="color-box lime"></li>
    <li class="color-box funky-purple"></li>

una

<div class="square"></div>
<div class="circle"></div>
<div class="triangle"></div>
<div class="list-container">
    <ul class="the-list">
        <li class="one">One</li>
        <li class="two">Two</li>
        <li class="three">Three</li>
        <li class="four">Four</li>
    </ul>

una

Sass Buttons WIP

Easy button generation with color and size input -- considering text-to-background color contrast and size

A Pen by Una Kravets on CodePen.

License.

una

<snippet>
  <!-- Example: Hello, ${1:this} is a ${2:snippet}. -->
  <content><![CDATA[feColorMatrix in="${1:SourceGraphic}"
      type="matrix"
      values="1 0 0 0 0
              0 1 0 0 0
              0 0 1 0 0
              0 0 0 1 0" />]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>feColorMatrix</tabTrigger>

una

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

//////////////////////////////
// ATLAS PALETTE
//////////////////////////////

//------ IBM COLORS ------//