tier 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a6a2366f46657f5609fd5e59fdf8ebf207981096
+  data.tar.gz: efd6c204cc3baa82abf771987d516704325bbd8e
+SHA512:
+  metadata.gz: ddfda33209c2c9ed50bfed5fea71397949109f598f68b476991d5cd3d5f7b042215b942a1f7ccacc43416a62728dc93d0b7b7046ca08ee6cd597cd232a425ddf
+  data.tar.gz: a5febbf4adadb9399dcf18653649033df36b84ab57b2e065bbc97ee893141dfb27f29afc8f172fc702c1f8c1bae854d6c84abbf150d5fb024afa968a1f07f0bf

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in tier.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 TODO: Write your name
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,67 @@
+## Rails Tier
+
+A minimalistic and subtle frontend framework for faster and smooth Ruby on Rails development.
+
+The gem version of [Tier](https://github.com/hugw/tier).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```
+$ gem 'tier'
+```
+
+And then execute:
+
+```
+$ bundle
+```
+
+Or install it yourself as:
+
+```
+$ gem install tier
+```
+
+## Docs
+
+http://hugw.io/tier/
+
+## Releases
+
+### Version 0.0.1
+
+Initial version.
+
+## Contributing
+
+1. Fork it ( https://github.com/hugw/rails-tier/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+***
+
+The MIT License (MIT)
+
+Copyright (c) 2015 Hugo W. - hugo.wnt@gmail.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/app/assets/index.html

@@ -0,0 +1 @@
+<!-- Silence is a true friend who never betrays. — Confucius -->

data/app/assets/stylesheets/index.html

@@ -0,0 +1 @@
+<!-- Silence is a true friend who never betrays. — Confucius -->

data/app/assets/stylesheets/tier.scss

@@ -0,0 +1,18 @@
+/*!
+ * Tier
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+@import 'tier/vendor';
+@import 'tier/variables';
+@import 'tier/mixins';
+@import 'tier/normalize';
+@import 'tier/foundation';
+@import 'tier/typography';
+@import 'tier/tables';
+@import 'tier/buttons';
+@import 'tier/forms';
+@import 'tier/grid';

data/app/assets/stylesheets/tier/_buttons.scss

@@ -0,0 +1,47 @@
+/**
+ * Buttons
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+.button {
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
+  min-height: 1em;
+  height: 35px;
+  outline: none;
+  border: none;
+  background: $button-background;
+  color: $button-color;
+  margin: 0;
+  padding: 0 $base-padding;
+  line-height: 35px;
+  font-size: $button-font-size;
+  text-align: center;
+  text-decoration: none;
+  border-radius: $base-radius;
+  font-weight: 800;
+
+  &:hover {
+    background: $button-hover-background;
+    color: $button-hover-color;
+  }
+
+  &.button-icon {
+    padding: 0 $base-padding/1.5;
+  }
+
+  &.button-ghost {
+    background: none;
+    color: $button-ghost-color;
+    border: $button-ghost-border;
+
+    &:hover {
+      color: $button-ghost-hover-color;
+      border: $button-ghost-hover-border;
+    }
+  }
+}

data/app/assets/stylesheets/tier/_forms.scss

@@ -0,0 +1,176 @@
+/**
+ * Forms
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+form {
+  margin: 0 0 $base-margin 0;
+  line-height: $body-line-height;
+}
+
+textarea,
+select[multiple],
+select[multiple="multiple"] {
+  padding: $base-padding/4;
+  width: 100%;
+}
+
+label {
+  display: block;
+  margin: 0 0 $base-margin/4;
+  font-weight: bold;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="phone"],
+input[type="tel"],
+input[type="number"],
+input[type="datetime"],
+input[type="date"],
+input[type="month"],
+input[type="color"],
+input[type="time"],
+input[type="search"],
+input[type="datetime-local"] {
+  box-shadow: none;
+  padding: 0 $base-padding/2;
+  line-height: 35px;
+  height: 35px;
+  border-radius: 0;
+  outline: none;
+  width: 100%;
+
+  &::-moz-placeholder {
+    color: $form-input-placeholder;
+    opacity: 1;
+  }
+
+  &:-ms-input-placeholder {
+    color: $form-input-placeholder;
+  }
+
+  &::-webkit-input-placeholder {
+    color: $form-input-placeholder;
+  }
+}
+
+select[multiple],
+select[multiple="multiple"],
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="phone"],
+input[type="tel"],
+input[type="number"],
+input[type="datetime"],
+input[type="date"],
+input[type="month"],
+input[type="color"],
+input[type="time"],
+input[type="search"],
+input[type="datetime-local"] {
+  background: $form-input-background;
+  border: $form-input-border;
+  position: relative;
+  z-index: 2;
+  -webkit-appearance: none;
+  font-size: $form-input-font-size;
+  outline: none;
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="phone"],
+input[type="tel"],
+input[type="number"],
+input[type="datetime"],
+input[type="date"],
+input[type="month"],
+input[type="color"],
+input[type="time"],
+input[type="search"],
+input[type="datetime-local"] {
+  &[disabled] {
+    resize: none;
+    color: rgba(0, 0, 0, .5);
+  }
+}
+
+select,
+input[type="checkbox"],
+input[type="radio"] {
+  &[disabled] {
+    cursor: default;
+  }
+}
+
+input::-moz-focus-inner,
+button::-moz-focus-inner,
+textarea::-moz-focus-inner,
+select::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+input[type="range"] {
+  position: relative;
+  top: 3px;
+  width: 100%;
+  display: block;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 0 $base-margin/4 0 0;
+  line-height: normal;
+}
+
+fieldset {
+  padding: $base-padding;
+  margin-bottom: $base-margin;
+  border: $form-input-border;
+
+  form {
+    margin: 0;
+  }
+}
+
+legend {
+  font-weight: bold;
+  padding: 0 $base-padding;
+  margin-left: $base-margin;
+}
+
+span.form-radio,
+span.form-checkbox {
+  display: block;
+  margin: 0 0 $base-margin/4;
+}
+
+span.form-radio-inline,
+span.form-checkbox-inline {
+  display: inline-block;
+  margin: 0 $base-margin 0 0;
+}
+
+.form-required {
+  color: $form-required-color;
+}
+
+.form-description {
+  font-style: italic;
+  font-size: $form-description-font-size;
+  display: block;
+  margin: 5px 0 0 0;
+}

data/app/assets/stylesheets/tier/_foundation.scss

@@ -0,0 +1,45 @@
+/**
+ * Foundation
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(black,0);
+}
+
+body {
+  background:  $body-background-color;
+  font-family: $body-font-family;
+  color:       $body-text-color;
+  font-size:   $body-font-size;
+  line-height: $body-line-height;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+::-webkit-selection {
+  background-color: $selection-background-color !important;
+  color: $selection-color !important;
+}
+
+::-moz-selection {
+  background-color: $selection-background-color !important;
+  color: $selection-color !important;
+}
+
+::selection {
+  background-color: $selection-background-color !important;
+  color: $selection-color !important;
+}
+
+.clearfix {
+  @include clearfix;
+}

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

@@ -0,0 +1,58 @@
+/**
+ * Grid
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+.grid-foundation,
+.grid-row,
+.grid-container {
+  width:   100%;
+  @include clearfix;
+}
+
+.grid-row {
+  width:  auto;
+  margin: 0 -10px;
+}
+
+div[class^="grid-column"] {
+  position:   relative;
+  min-height: 1px;
+  padding:    0 10px;
+}
+
+.grid-container {
+  padding: 0 10px;
+  margin:  0 auto;
+  width:   $container-lg;
+
+  @media (#{$breakpoint-max-xs}) { width: $container-xs; }
+  @media (#{$breakpoint-min-sm}) { width: $container-sm; }
+  @media (#{$breakpoint-min-md}) { width: $container-md; }
+  @media (#{$breakpoint-min-lg}) { width: $container-lg; }
+  @media (#{$breakpoint-min-xl}) { width: $container-xl; }
+}
+
+@include grid(xs);
+@media (#{$breakpoint-min-sm}) { @include grid(sm); }
+@media (#{$breakpoint-min-md}) { @include grid(md); }
+@media (#{$breakpoint-min-lg}) { @include grid(lg); }
+@media (#{$breakpoint-min-xl}) { @include grid(xl); }
+
+
+
+
+/** Utils
+***********************/
+
+.hide { display: none !important; }
+.show { display: block !important; }
+
+@media (#{$breakpoint-max-xs}) { @include show_hide(xs); }
+@media (#{$breakpoint-min-sm}) and (#{$breakpoint-max-sm}) { @include show_hide(sm); }
+@media (#{$breakpoint-min-md}) and (#{$breakpoint-max-md}) { @include show_hide(md); }
+@media (#{$breakpoint-min-lg}) and (#{$breakpoint-max-lg}) { @include show_hide(lg); }
+@media (#{$breakpoint-min-xl}) { @include show_hide(xl); }