concisecss 0.0.5 → 2.0.0

data/app/assets/stylesheets/layout/_grid.scss

@@ -0,0 +1,71 @@
+@if $use-grid == true {
+  //------------------------------------
+  //  GRID
+  //------------------------------------
+  .row {
+    width: 100%;
+
+    &:after {
+      clear: both;
+      content: " ";
+      display: table;
+    }
+  }
+
+  [class*='#{$column-prefix}'] {
+    @include vendor(background-clip, padding-box !important, official);
+
+    &.right { float: right; }
+
+    img { max-width: 100%; }
+  }
+
+  @include breakpoint(small) {
+    [class*='#{$column-prefix}'] { float: left; }
+
+    .gutters [class*='#{$column-prefix}'] {
+      margin-left: $gutters;
+
+      &:first-child { margin-left: 0; }
+    }
+
+
+    // Row columns
+    @include grid-setup();
+
+
+    // Push
+
+    // Thanks to inuitcss (https://github.com/csswizardry/inuit.css) for the idea to
+    // abstract 'push' and 'pull' into their own mixins. This makes adding/removing
+    // them to projects absolutely painless.
+    @if $use-push == true {
+      [class*='push-'] { position: relative; }
+
+      @include push-pull-setup(push, $column-number);
+    }
+
+
+    // Pull
+    @if $use-pull == true {
+      [class*='pull-'] { position: relative; }
+
+      @include push-pull-setup(pull, $column-number);
+    }
+  }
+
+
+  // Non-responsive grid
+  .non-responsive {
+    [class*='#{$column-prefix}'] {
+      float: left;
+      width: auto !important;
+    }
+
+    .gutters [class*='#{$column-prefix}'],
+    &.gutters [class*='#{$column-prefix}'] { margin-left: $gutters; }
+
+    .gutters [class*='#{$column-prefix}']:first-child,
+    &.gutters [class*='#{$column-prefix}']:first-child { margin-left: 0; }
+  }
+}

data/app/assets/stylesheets/layout/_lists.scss

@@ -0,0 +1,88 @@
+@if $use-lists == true {
+  //------------------------------------
+  //  LISTS
+  //------------------------------------
+  ul,
+  ol {
+    margin-left: 20px;
+    padding-left: 0px;
+
+    li {
+      line-height: 1.75em;
+      position: relative;
+    }
+
+    ul {
+      list-style-type: circle;
+      margin-bottom: auto;
+
+      ul { list-style-type: square; }
+
+      ol { list-style-type: lower-roman; }
+
+      @include breakpoint(small) {
+        & { margin-left: 20px; }
+      }
+    }
+
+    ol {
+      list-style-type: lower-latin;
+      margin-bottom: auto;
+
+      ol { list-style-type: lower-roman; }
+
+      ul { list-style-type: square; }
+    }
+  }
+
+
+  @if $use-list-styles == true {
+    // Unstyled
+    .list-unstyled {
+      margin-left: 0px;
+      list-style: none;
+
+      ul {
+        list-style: none;
+
+        ul { list-style: none; }
+      }
+    }
+
+
+    // Inline
+    .list-inline {
+      margin-left: 0px;
+
+      li {
+        border-bottom: none;
+        display: inline;
+        margin-right: 15px;
+
+        &:last-child { margin-right: 0px; }
+
+        @include breakpoint(small) {
+          & {
+            margin-right: 15px;
+
+            &:last-child { margin-right: 0px; }
+          }
+        }
+
+        @include breakpoint(medium) {
+          & {
+            margin-right: 30px;
+
+            &:last-child { margin-right: 0px; }
+          }
+        }
+      }
+    }
+  }
+
+
+  // Definition Lists
+  dt { font-weight: bold; }
+
+  dd { margin-left: 0px; }
+}

data/app/assets/stylesheets/layout/tables.scss

@@ -0,0 +1,63 @@
+@if $use-tables == true {
+  //------------------------------------
+  //  TABLES
+  //------------------------------------
+
+  @if $use-table-styles == true {
+    table {
+      // Table styling
+      &.table {
+        empty-cells: show;
+        width: 100%;
+
+        caption {
+          color: #000;
+          font: italic 85%/1 arial, sans-serif;
+          padding: 1em 0;
+          text-align: center;
+        }
+
+        thead { border-bottom: 2px solid $object-ui-color; }
+
+        th,
+        td { padding: 12px 15px; }
+
+        td { border-top: 1px solid $object-ui-color; }
+
+        @include breakpoint(extra-small) {
+          & {
+            width: auto;
+
+            th,
+            td { padding: 10px 50px 10px 25px; }
+          }
+        }
+      }
+
+      &.table-full,
+      &.table.table-full { width: 100%; }
+    }
+  }
+
+
+  // Responsive tables
+  .table-responsive {
+    overflow: auto;
+    width: 100%;
+
+    table { margin-bottom: 0; }
+
+    &::-webkit-scrollbar {
+      height: 14px;
+      width: 14px;
+
+      -webkit-appearance: none;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: rgba(50, 50, 50, 0.2);
+      border: 3px solid #fff;
+      border-radius: 8px;
+    }
+  }
+}

data/lib/concisecss/concisecss_source.rb

@@ -12,56 +12,46 @@ class ConcisecssSource < Thor
     self.destination_root = "app/assets"
     remote = "https://github.com/ConciseCSS/concise.css"
     get "#{remote}/raw/#{tag}/scss/concise.scss", "stylesheets/concise.scss"
-    get "#{remote}/raw/#{tag}/scss/_defaults.scss", "stylesheets/_defaults.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_badges.scss", "stylesheets/objects/_badges.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_breadcrumbs.scss", "stylesheets/objects/_breadcrumbs.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_buttons.scss", "stylesheets/objects/_buttons.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_colors.scss", "stylesheets/objects/_colors.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_dropdowns.scss", "stylesheets/objects/_dropdowns.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_groups.scss", "stylesheets/objects/_groups.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_navigation.scss", "stylesheets/objects/_navigation.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_progress.scss", "stylesheets/objects/_progress.scss"
-    get "#{remote}/raw/#{tag}/scss/objects/_wells.scss", "stylesheets/objects/_wells.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_clearfix.scss", "stylesheets/generic/_clearfix.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_conditional.scss", "stylesheets/generic/_conditional.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_helper.scss", "stylesheets/generic/_helper.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_mixins.scss", "stylesheets/generic/_mixins.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_normalize.scss", "stylesheets/generic/_normalize.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_print.scss", "stylesheets/generic/_print.scss"
-    get "#{remote}/raw/#{tag}/scss/generic/_shared.scss", "stylesheets/generic/_shared.scss"
-    get "#{remote}/raw/#{tag}/scss/base/_blockquotes.scss", "stylesheets/base/_blockquotes.scss"
-    get "#{remote}/raw/#{tag}/scss/base/_container.scss", "stylesheets/base/_container.scss"
-    get "#{remote}/raw/#{tag}/scss/base/_forms.scss", "stylesheets/base/_forms.scss"
-    get "#{remote}/raw/#{tag}/scss/base/_grid.scss", "stylesheets/base/_grid.scss"
+    get "#{remote}/raw/#{tag}/scss/layout/_tables.scss", "stylesheets/layout/tables.scss"
+    get "#{remote}/raw/#{tag}/scss/layout/_lists.scss", "stylesheets/layout/_lists.scss"
+    get "#{remote}/raw/#{tag}/scss/layout/_grid.scss", "stylesheets/layout/_grid.scss"
+    get "#{remote}/raw/#{tag}/scss/layout/_forms.scss", "stylesheets/layout/_forms.scss"
+    get "#{remote}/raw/#{tag}/scss/layout/_container.scss", "stylesheets/layout/_container.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_clearfix.scss", "stylesheets/helpers/_clearfix.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_conditional.scss", "stylesheets/helpers/_conditional.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_functions.scss", "stylesheets/helpers/_functions.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_helpers.scss", "stylesheets/helpers/_helpers.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_mixins.scss", "stylesheets/helpers/_mixins.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_normalize.scss", "stylesheets/helpers/_normalize.scss"
+    get "#{remote}/raw/#{tag}/scss/helpers/_variables.scss", "stylesheets/helpers/_variables.scss"
+    get "#{remote}/raw/#{tag}/scss/components/_buttons.scss", "stylesheets/components/_buttons.scss"
+    get "#{remote}/raw/#{tag}/scss/components/_colors.scss", "stylesheets/components/_colors.scss"
+    get "#{remote}/raw/#{tag}/scss/components/_dropdowns.scss", "stylesheets/components/_dropdowns.scss"
+    get "#{remote}/raw/#{tag}/scss/components/_navigation.scss", "stylesheets/components/_navigation.scss"
     get "#{remote}/raw/#{tag}/scss/base/_headings.scss", "stylesheets/base/_headings.scss"
-    get "#{remote}/raw/#{tag}/scss/base/_lists.scss", "stylesheets/base/_lists.scss"
     get "#{remote}/raw/#{tag}/scss/base/_main.scss", "stylesheets/base/_main.scss"
+    get "#{remote}/raw/#{tag}/scss/base/_print.scss", "stylesheets/base/_print.scss"
     get "#{remote}/raw/#{tag}/scss/base/_selection.scss", "stylesheets/base/_selection.scss"
-    get "#{remote}/raw/#{tag}/scss/base/_tables.scss", "stylesheets/base/_tables.scss"
     get "#{remote}/raw/#{tag}/scss/base/_type.scss", "stylesheets/base/_type.scss"
+    get "#{remote}/raw/#{tag}/scss/base/_vertical-rhythm.scss", "stylesheets/base/_vertical-rhythm.scss"
     get "#{remote}/raw/#{tag}/js/non-responsive.js", "javascripts/concisecss/non-responsive.js"
     get "#{remote}/raw/#{tag}/js/navigation.js", "javascripts/concisecss/navigation.js"
     get "#{remote}/raw/#{tag}/js/naver.js", "javascripts/concisecss/naver.js"
     get "#{remote}/raw/#{tag}/js/dropdown.js", "javascripts/concisecss/dropdown.js"
-    get "#{remote}/raw/#{tag}/js/close.js", "javascripts/concisecss/close.js"
   end
 
   private
 
-  def fetch_tags
-    http = HTTPClient.new
-    response = JSON.parse(http.get("https://api.github.com/repos/ConciseCSS/concise.css/tags").body)
-    response.map{|tag| tag["name"]}.sort
-  end
-  def select msg, elements
-    elements.each_with_index do |element, index|
-      say(block_given? ? yield(element, index + 1) : ("#{index + 1}. #{element.to_s}"))
+    def fetch_tags
+      http = HTTPClient.new
+      response = JSON.parse(http.get("https://api.github.com/repos/ConciseCSS/concise.css/tags").body)
+      response.map{|tag| tag["name"]}.sort
     end
-    result = ask(msg).to_i
-    elements[result - 1]
-  end
-
-  # Thanks to Rogeriolol. For task approach.
-
-
-end
+    def select msg, elements
+      elements.each_with_index do |element, index|
+        say(block_given? ? yield(element, index + 1) : ("#{index + 1}. #{element.to_s}"))
+      end
+      result = ask(msg).to_i
+      elements[result - 1]
+    end
+end

data/lib/concisecss/version.rb

@@ -1,3 +1,3 @@
 module Concisecss
-  VERSION = "0.0.5"
+  VERSION = "2.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: concisecss
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 2.0.0
 platform: ruby
 authors:
 - Benjamin Sigidi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-09-24 00:00:00.000000000 Z
+date: 2014-11-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -94,7 +94,6 @@ files:
 - app/assets/javascripts/concisecss/naver.js
 - app/assets/javascripts/concisecss/navigation.js
 - app/assets/javascripts/concisecss/non-responsive.js
-- app/assets/stylesheets/_defaults.scss
 - app/assets/stylesheets/base/_blockquotes.scss
 - app/assets/stylesheets/base/_container.scss
 - app/assets/stylesheets/base/_forms.scss
@@ -102,26 +101,28 @@ files:
 - app/assets/stylesheets/base/_headings.scss
 - app/assets/stylesheets/base/_lists.scss
 - app/assets/stylesheets/base/_main.scss
+- app/assets/stylesheets/base/_print.scss
 - app/assets/stylesheets/base/_selection.scss
 - app/assets/stylesheets/base/_tables.scss
 - app/assets/stylesheets/base/_type.scss
+- app/assets/stylesheets/base/_vertical-rhythm.scss
+- app/assets/stylesheets/components/_buttons.scss
+- app/assets/stylesheets/components/_colors.scss
+- app/assets/stylesheets/components/_dropdowns.scss
+- app/assets/stylesheets/components/_navigation.scss
 - app/assets/stylesheets/concise.scss
-- app/assets/stylesheets/generic/_clearfix.scss
-- app/assets/stylesheets/generic/_conditional.scss
-- app/assets/stylesheets/generic/_helper.scss
-- app/assets/stylesheets/generic/_mixins.scss
-- app/assets/stylesheets/generic/_normalize.scss
-- app/assets/stylesheets/generic/_print.scss
-- app/assets/stylesheets/generic/_shared.scss
-- app/assets/stylesheets/objects/_badges.scss
-- app/assets/stylesheets/objects/_breadcrumbs.scss
-- app/assets/stylesheets/objects/_buttons.scss
-- app/assets/stylesheets/objects/_colors.scss
-- app/assets/stylesheets/objects/_dropdowns.scss
-- app/assets/stylesheets/objects/_groups.scss
-- app/assets/stylesheets/objects/_navigation.scss
-- app/assets/stylesheets/objects/_progress.scss
-- app/assets/stylesheets/objects/_wells.scss
+- app/assets/stylesheets/helpers/_clearfix.scss
+- app/assets/stylesheets/helpers/_conditional.scss
+- app/assets/stylesheets/helpers/_functions.scss
+- app/assets/stylesheets/helpers/_helpers.scss
+- app/assets/stylesheets/helpers/_mixins.scss
+- app/assets/stylesheets/helpers/_normalize.scss
+- app/assets/stylesheets/helpers/_variables.scss
+- app/assets/stylesheets/layout/_container.scss
+- app/assets/stylesheets/layout/_forms.scss
+- app/assets/stylesheets/layout/_grid.scss
+- app/assets/stylesheets/layout/_lists.scss
+- app/assets/stylesheets/layout/tables.scss
 - concisecss.gemspec
 - lib/concisecss.rb
 - lib/concisecss/concisecss_source.rb
@@ -147,7 +148,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.1
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Concise is built from the ground-up for mobile devices. This means it will

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

@@ -1,126 +0,0 @@
-@if $use-conditional == true {
-  //------------------------------------
-  //  CONDITIONAL
-  //------------------------------------
-  
-  // Thanks to Bootstrap for having a good method of 
-  // showing/hiding content via breakpoints
-  // (http://getbootstrap.com/css/#responsive-utilities)
-  .show-extra-small, 
-  .hide-small, 
-  .hide-medium, 
-  .hide-large, 
-  .hide-extra-large, 
-  .hide-print, 
-  .hide-hd {
-    display: block;
-    visibility: visible;
-  }
-  
-  .hide-extra-small,
-  .show-small,
-  .show-medium, 
-  .show-large, 
-  .show-extra-large, 
-  .show-print, 
-  .show-hd {
-    display: none;
-    visibility: hidden;
-  }
-
-  @include breakpoint(small) {
-    .show-small,
-    .hide-extra-small, 
-    .hide-medium,
-    .hide-large,
-    .hide-extra-large {
-      display: block;
-      visibility: visible;
-    }
-    
-    .hide-small,
-    .show-extra-small,
-    .show-medium,
-    .show-large, 
-    .show-extra-large {
-      display: none;
-      visibility: hidden;
-    }
-  }
-  
-  @include breakpoint(medium) {
-    .show-medium,
-    .hide-small,
-    .hide-extra-small, 
-    .hide-large,
-    .hide-extra-large {
-      display: block;
-      visibility: visible;
-    }
-    
-    .hide-medium,
-    .show-small,
-    .show-extra-small,
-    .show-large, 
-    .show-extra-large {
-      display: none;
-      visibility: hidden;
-    }
-  }
-
-  @include breakpoint(large) {
-    .show-large,
-    .hide-extra-small,
-    .hide-small, 
-    .hide-medium,
-    .hide-extra-large {
-      display: block;
-      visibility: visible;
-    }
-    
-    .hide-large,
-    .show-extra-small,
-    .show-small, 
-    .show-medium, 
-    .show-extra-large {
-      display: none;
-      visibility: hidden;
-    }
-  }
-  
-  @include breakpoint(extra-large) {
-    .show-extra-large,
-    .hide-extra-small,
-    .hide-small, 
-    .hide-medium,
-    .hide-large {
-      display: block;
-      visibility: visible;
-    }
-    
-    .hide-extra-large,
-    .show-extra-small,
-    .show-small, 
-    .show-medium, 
-    .show-large {
-      display: none;
-      visibility: hidden;
-    }
-  }
-
-  // HiDPI and retina 
-  @media only screen and (-moz-min-device-pixel-ratio: 1.5), 
-       only screen and (-o-min-device-pixel-ratio: 3 / 2), 
-       only screen and (-webkit-min-device-pixel-ratio: 1.5), 
-       only screen and (min-device-pixel-ratio: 1.5) {
-    .show-hd {
-      display: block;
-      visibility: visible;
-    }
-    
-    .hide-hd {
-      display: none;
-      visibility: hidden;
-    }
-  }
-}