concisecss 0.0.3 → 0.0.4

data/app/assets/stylesheets/generic/_normalize.scss

@@ -1,191 +1,191 @@
 @if $use-normalize == true {
-    //------------------------------------//
-    //  $NORMALIZE  
-    //------------------------------------// 
-    html {
-        font-size: 100%;
-        @include vendor(text-size-adjust, 100%);
-    }
-
-    article,
-    aside,
-    details,
-    figcaption,
-    figure,
-    footer,
-    header,
-    hgroup,
-    main,
-    nav,
-    section,
-    summary { display: block; }
-
-    audio, 
-    canvas, 
-    progress, 
-    video {
-        display: inline-block;
-        vertical-align: baseline;
-    }
-
-    audio:not([controls]) {
-        display: none;
-        height: 0;
-    }
-
-    [hidden], 
-    template { display: none; }
-
-    a {
-        background: transparent;
-        
-        &:focus { outline: thin dotted; }
-        
-        &:active, 
-        &:hover { outline: 0; }
-    }
-
-    abbr[title] { border-bottom: 1px dotted; }
-
-    b, 
-    strong { font-weight: bold; }
-
-    dfn { font-style: italic; }
-
-    mark {
-        background: #ff0;
-        color: #000;
-    }
-
-    sub,
-    sup {
-        font-size: 75%;
-        line-height: 0;
-        position: relative;
-        vertical-align: baseline;
-    }
-
-    sup { top: -0.5em; }
-
-    sub { bottom: -0.25em; }
-
-    img { 
-        border: 0; 
-        -ms-interpolation-mode: bicubic;
-    }
-
-    svg:not(:root) { overflow: hidden; }
-
-    figure { margin: 1em 40px; }
-
-    hr {
-        border: solid #eee;
-        border-width: 1px 0 0;
-        clear: both;
-        height: 0;
-        
-        @include vendor(box-sizing, content-box);
-    }
-
-    pre {
-        white-space: pre;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-
-    code, 
-    kbd, 
-    pre, 
-    samp {
-        font-family: monospace, monospace;
-        @include font-size($base-font-size);
-    }
-
-    q {
-        quotes: none;
-        
-        &:before,
-        &:after {
-            content: '';
-            content: none;
-        }
-    }
-
-    form { margin: 0; }
-
-    button, 
-    input, 
-    optgroup, 
-    select, 
-    textarea {
-        color: inherit;
-        font: inherit;
-        margin: 0;
-        vertical-align: baseline;
-    }
-
-    button { overflow: visible; }
-
-    button,
-    select { text-transform: none; }
-
-    button,
-    html input[type="button"],
-    input[type="reset"],
-    input[type="submit"] {
-        -webkit-appearance: button;
-        cursor: pointer;
-    }
-
-    button[disabled], 
-    html input[disabled] { cursor: default; }
-
-    button::-moz-focus-inner,
-    input::-moz-focus-inner {
-        border: 0;
-        padding: 0;
-    }
-
-    input {
-        line-height: normal;
-        
-        &[type="checkbox"], 
-        &[type="radio"] {
-            box-sizing: border-box;
-            padding: 0;
-        }
-        
-        &[type="number"] {
-            &::-webkit-inner-spin-button, 
-            &::-webkit-outer-spin-button { height: auto; }
-        }
-        
-        &[type="search"] {
-            -webkit-appearance: textfield;        
-            @include vendor(box-sizing, content-box);
-            
-            &::-webkit-search-cancel-button, 
-            &::-webkit-search-decoration { -webkit-appearance: none; }
-        }
-    }
-
-    fieldset { margin: 0 2px; }
-
-    legend {
-        border: 0;
-        padding: 0;
-        white-space: normal;
-    }
-
-    textarea { overflow: auto; }
-
-    optgroup { font-weight: bold; }
-
-    table {
-        border-collapse: collapse;
-        border-spacing: 0;
-    }
-
-    td, 
-    th { padding: 0; }
+  //------------------------------------
+  //  NORMALIZE  
+  //------------------------------------ 
+  html {
+    font-size: 100%;
+    @include vendor(text-size-adjust, 100%);
+  }
+
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  main,
+  nav,
+  section,
+  summary { display: block; }
+
+  audio, 
+  canvas, 
+  progress, 
+  video {
+    display: inline-block;
+    vertical-align: baseline;
+  }
+
+  audio:not([controls]) {
+    display: none;
+    height: 0;
+  }
+
+  [hidden], 
+  template { display: none; }
+
+  a {
+    background: transparent;
+    
+    &:focus { outline: thin dotted; }
+    
+    &:active, 
+    &:hover { outline: 0; }
+  }
+
+  abbr[title] { border-bottom: 1px dotted; }
+
+  b, 
+  strong { font-weight: bold; }
+
+  dfn { font-style: italic; }
+
+  mark {
+    background: #ff0;
+    color: #000;
+  }
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sup { top: -0.5em; }
+
+  sub { bottom: -0.25em; }
+
+  img { 
+    border: 0; 
+    -ms-interpolation-mode: bicubic;
+  }
+
+  svg:not(:root) { overflow: hidden; }
+
+  figure { margin: 1em 40px; }
+
+  hr {
+    border: solid #eee;
+    border-width: 1px 0 0;
+    clear: both;
+    height: 0;
+    
+    @include vendor(box-sizing, content-box);
+  }
+
+  pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
+  code, 
+  kbd, 
+  pre, 
+  samp {
+    font-family: monospace, monospace;
+    @include font-size($base-font-size);
+  }
+
+  q {
+    quotes: none;
+    
+    &:before,
+    &:after {
+      content: '';
+      content: none;
+    }
+  }
+
+  form { margin: 0; }
+
+  button, 
+  input, 
+  optgroup, 
+  select, 
+  textarea {
+    color: inherit;
+    font: inherit;
+    margin: 0;
+    vertical-align: baseline;
+  }
+
+  button { overflow: visible; }
+
+  button,
+  select { text-transform: none; }
+
+  button,
+  html input[type="button"],
+  input[type="reset"],
+  input[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+  }
+
+  button[disabled], 
+  html input[disabled] { cursor: default; }
+
+  button::-moz-focus-inner,
+  input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+
+  input {
+    line-height: normal;
+    
+    &[type="checkbox"], 
+    &[type="radio"] {
+      box-sizing: border-box;
+      padding: 0;
+    }
+    
+    &[type="number"] {
+      &::-webkit-inner-spin-button, 
+      &::-webkit-outer-spin-button { height: auto; }
+    }
+    
+    &[type="search"] {
+      -webkit-appearance: textfield;    
+      @include vendor(box-sizing, content-box);
+      
+      &::-webkit-search-cancel-button, 
+      &::-webkit-search-decoration { -webkit-appearance: none; }
+    }
+  }
+
+  fieldset { margin: 0 2px; }
+
+  legend {
+    border: 0;
+    padding: 0;
+    white-space: normal;
+  }
+
+  textarea { overflow: auto; }
+
+  optgroup { font-weight: bold; }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  td, 
+  th { padding: 0; }
 }

data/app/assets/stylesheets/generic/_print.scss

@@ -1,109 +1,110 @@
 @if $use-print == true {
-    //------------------------------------//
-    //  $PRINT
-    //------------------------------------//
-    @media print {
-        @page { margin: 0.5cm; }
+  //------------------------------------
+  //  PRINT
+  //------------------------------------
+  @media print {
+    @page { margin: 0.5cm; }
 
-        * {
-            background: transparent !important;
-            color: black !important;
-            text-shadow: none !important;
-            
-            @include vendor(filter, none !important);
-            
-            &:before, &:after {
-                background: transparent !important;
-                color: black !important;
-                text-shadow: none !important;
-                
-                @include vendor(filter, none !important);
-            }
-        }
+    * {
+      background: transparent !important;
+      color: black !important;
+      text-shadow: none !important;
+      
+      @include vendor(filter, none !important);
+      
+      &:before, 
+      &:after {
+        background: transparent !important;
+        color: black !important;
+        text-shadow: none !important;
         
-        body {
-            background-color: #fff;
-            color: #000;
-            font: 0.57em / 1.3 Georgia, "Times New Roman", Times, serif;
-        }
-        
-        img { max-width: 100% !important; }
-        
-        .show-print {
-            display: block;
-            visibility: visible;
-        }
-        
-        .hide-print, 
-        video, 
-        audio, 
-        object, 
-        embed, 
-        nav, 
-        footer, 
-        a[href^="#"]:after {
-            display: none;
-            visibility: hidden;
-        }
-        
-        p, 
-        h2, 
-        h3 {
-            orphans: 3;
-            widows: 3;
-        }
-        
-        h2, 
-        h3 { page-break-after: avoid; }
-        
-        a {
-            color: #000;
-            text-decoration: underline;
-            word-wrap: break-word;
-            
-            &:visited {
-                color: #000;
-                text-decoration: underline;
-                word-wrap: break-word;
-            }
-            
-            &[href]:after {
-                content: " (" attr(href) ")";
-                font-size: smaller;
-            }
-        }
-        
-        q:after { content: " (Source: " attr(cite) ")"; }
-        
-        abbr[title]:after { content: " (" attr(title) ")"; }
-        
-        a {
-            &:after, 
-            &[href^="javascript:"]:after, 
-            &[href^="#"]:after { content: ""; }
-        }
-        
-        pre,
-        blockquote {
-            border: 1px solid #ededed;
-            page-break-inside: avoid;
-        }
-        
-        thead { display: table-header-group; }
-        
-        tr, 
-        img { page-break-inside: avoid; }
-        
-        ul {
-            list-style: none;
-            
-            li { content: "» "; }
-        }
-        
-        .label, 
-        .badge {
-            border: 1px solid #000;
-            color: #000;
-        }
+        @include vendor(filter, none !important);
+      }
+    }
+    
+    body {
+      background-color: #fff;
+      color: #000;
+      font: 0.57em / 1.3 Georgia, "Times New Roman", Times, serif;
+    }
+    
+    img { max-width: 100% !important; }
+    
+    .show-print {
+      display: block;
+      visibility: visible;
+    }
+    
+    .hide-print, 
+    video, 
+    audio, 
+    object, 
+    embed, 
+    nav, 
+    footer, 
+    a[href^="#"]:after {
+      display: none;
+      visibility: hidden;
+    }
+    
+    p, 
+    h2, 
+    h3 {
+      orphans: 3;
+      widows: 3;
+    }
+    
+    h2, 
+    h3 { page-break-after: avoid; }
+    
+    a {
+      color: #000;
+      text-decoration: underline;
+      word-wrap: break-word;
+      
+      &:visited {
+        color: #000;
+        text-decoration: underline;
+        word-wrap: break-word;
+      }
+      
+      &[href]:after {
+        content: " (" attr(href) ")";
+        font-size: smaller;
+      }
+    }
+    
+    q:after { content: " (Source: " attr(cite) ")"; }
+    
+    abbr[title]:after { content: " (" attr(title) ")"; }
+    
+    a {
+      &:after, 
+      &[href^="javascript:"]:after, 
+      &[href^="#"]:after { content: ""; }
+    }
+    
+    pre,
+    blockquote {
+      border: 1px solid #ededed;
+      page-break-inside: avoid;
+    }
+    
+    thead { display: table-header-group; }
+    
+    tr, 
+    img { page-break-inside: avoid; }
+    
+    ul {
+      list-style: none;
+      
+      li { content: "» "; }
+    }
+    
+    .label, 
+    .badge {
+      border: 1px solid #000;
+      color: #000;
     }
+  }
 }

data/app/assets/stylesheets/generic/_shared.scss

@@ -1,37 +1,41 @@
 @if $use-shared == true {
-    //------------------------------------//
-    //  $SHARED
-    //------------------------------------//
-    // Declare a common bottom margin for most elements 
-    // to maintain a consistent vertical rhythm.
-    h1, h2, h3, h4, h5, h6, 
-    .h1, .h2, .h3, .h4, .h5, .h6,
-    .giga, .mega, .kilo, 
-    hgroup,
-    ul, ol, dl,
-    blockquote, p, address,
-    table,
-    fieldset, figure,
-    pre,
-    .row,
-    .well {
-        margin-bottom: $base-spacing-unit;
-        margin-bottom: ($base-spacing-unit / $base-font-size) * 1rem;
-    }
+  //------------------------------------
+  //  SHARED
+  //------------------------------------
+  
+  // Thanks to inuitcss for some simple ways to help maintain
+  // vertical rhythm (https://github.com/csswizardry/inuit.css/edit/master/generic/_shared.scss)
+  
+  // Declare a common bottom margin for most elements 
+  // to maintain a consistent vertical rhythm.
+  h1, h2, h3, h4, h5, h6, 
+  .h1, .h2, .h3, .h4, .h5, .h6,
+  .giga, .mega, .kilo, 
+  hgroup,
+  ul, ol, dl,
+  blockquote, p, address,
+  table,
+  fieldset, figure,
+  pre,
+  .row,
+  .well {
+    margin-bottom: $base-spacing-unit;
+    margin-bottom: ($base-spacing-unit / $base-font-size) * 1rem;
+  }
 
 
-    // Spacing for <hr> tags
-    hr {
-        margin-bottom: $base-spacing-unit - 2px;
-        margin-bottom: (($base-spacing-unit - 2px) / $base-font-size) * 1rem;
-    }
+  // Spacing for <hr> tags
+  hr {
+    margin-bottom: $base-spacing-unit - 2px;
+    margin-bottom: (($base-spacing-unit - 2px) / $base-font-size) * 1rem;
+  }
 
 
-    // Left margin for lists
-    ul, 
-    ol, 
-    dd {
-        margin-left: 2 * $base-spacing-unit;
-        margin-left: (2 * $base-spacing-unit / $base-font-size) * 1rem;
-    }
-}
+  // Left margin for lists
+  ul, 
+  ol, 
+  dd {
+    margin-left: 2 * $base-spacing-unit;
+    margin-left: (2 * $base-spacing-unit / $base-font-size) * 1rem;
+  }
+}