yakstrap 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7b8bf45530873fbcf14f7e20084d8f63ce337303
+  data.tar.gz: 1b93ba1a3e97fbeb0f70157981f3ac0ef6ab6c09
+SHA512:
+  metadata.gz: 7c018f2dafc73e6d5c12d9b43d035fc34745d3b82093ed6930f3843acb2d74438f8fcffe069cee56305445be2750163fbc1728978dc2982214ab434f62c51f31
+  data.tar.gz: ab0355961382918fcda3222660e4fb5d8405cb144ddc55ae890c4df9390a277a2e4fd43299908a800806ae9fecc6a6e8671d9f3686d5aac1a5fa42058368b162

data/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 Yakrware
+
+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,59 @@
+# Yakstrap
+
+Yakstrap is a pure CSS framework that was written to be mostly compatible with bootstrap while not being bootstrap.
+It is missing a lot of bootstrap's more interactive elements and that's intentional, not requiring JS. Yakstrap was
+designed to be capable of being both responsive and flow by default, though some elements will not work on mobile systems.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'yakstrap'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install yakstrap
+
+## Usage
+
+### Rails
+
+In Rails application.css
+
+    /*= require yakstrap/yakstrap
+    
+### Override variables 
+
+To override variables or any file, in app/assets/stylesheets/yakstrap/yakstrap.css.scss
+
+    @import 'variables';
+    @import 'my_variables';
+    @import 'main';
+    @import 'tip';
+    @import "nav";
+    @import "container";
+    @import "button";
+    @import "form";
+    @import "modal";
+    @import "alert";
+    
+Then, in app/assets/stylesheets/yakstrap/my_variables.css.scss:
+
+    $primary: #C8B3A1;
+    $primary_font_color: $333;
+
+    $background: $285B21;
+    $background_font_color: #white;
+    
+
+## Contributing
+
+1. Fork it
+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 new Pull Request

data/app/assets/stylesheets/yakstrap/alert.css.scss

@@ -0,0 +1,20 @@
+.alert{
+  margin: 10px 15px;
+  border: darken($yellow, 20%) 1px solid;
+  border-radius: 4px;
+  background: $yellow;
+  color: $yellow_font_color;
+  padding: 5px 10px;
+  
+  &.notify{
+    background: $yellow;
+    border-color: darken($yellow, 50%);
+    color: $yellow_font_color;
+  }
+    
+  &.error, &.errors{
+    background: $red;
+    border-color: darken($red, 20%);
+    color: $red_font_color;
+  }
+}

data/app/assets/stylesheets/yakstrap/button.css.scss

@@ -0,0 +1,63 @@
+.btn, input[type='submit']{
+  display: inline-block;
+  background: $secondary;
+  padding: 5px 10px;
+  margin: 3px;
+  color: $secondary_font_color;
+  border: 1px darken($secondary, 20%) solid;
+  border-radius: 3px;
+  text-decoration: none;
+  cursor: pointer;
+  font-size: 14px;
+  outline: 0;
+  @include shadow(1px);
+  
+  &:hover{
+    color: lighten($secondary_font_color, 10%);
+    background: lighten($secondary, 10%);
+  }
+  
+  &:active{  
+    color: darken($secondary_font_color, 10%);
+    background: darken($secondary, 10%);
+    @include shadow(0px);
+  }
+  
+  &.btn-success{
+    background: $green;
+    color: $green_font_color;
+    &:hover{
+      color: lighten($green_font_color, 10%);
+      background: lighten($green, 10%);
+    }
+    &:active{  
+      color: darken($green_font_color, 10%);
+      background: darken($green, 10%);
+    }
+  }
+  
+  &.btn-danger{
+    background: $red;
+    color: $red_font_color;
+    &:hover{
+      color: lighten($red_font_color, 10%);
+      background: lighten($red, 10%);
+    }
+    &:active{  
+      color: darken($red_font_color, 10%);
+      background: darken($red, 10%);
+    }
+  }
+}
+
+input[type='submit']{
+  font-family: Roboto;
+  padding: 4px 9px;
+}
+
+.btn-group{
+  &>.btn{
+    float: left;
+  }
+  @include clearfix;
+}

data/app/assets/stylesheets/yakstrap/container.css.scss

@@ -0,0 +1,52 @@
+$gutter-width: 0.01;
+
+@mixin columns($column-span: 1) {
+    $columns:           12 / $column-span;
+    $total-gutter:      $gutter-width * (13);
+    $column-span-width: (1 - $total-gutter) / $columns + ($column-span - 1) * $gutter-width;
+
+    width:                          percentage( $column-span-width );
+}
+
+.container{
+  margin: 0px auto;
+  @include clearfix();
+  
+  @media (min-width: 480px){
+    max-width: 480px;
+  }
+  @media (min-width: 640px){    
+    max-width: 640px;
+  }
+  @media (min-width: 720px){
+    max-width: 720px;    
+  }
+  @media (min-width: 960px){
+    max-width: 960px;    
+  }
+  @media (min-width: 1080px){
+    max-width: 1080px;    
+  }
+  @media (min-width: 1260px){
+    max-width: 1260px;
+  }
+}
+
+// row is not required, but it includes clearfix to hopefully clear up some issues
+.row{
+  @include clearfix();
+}
+
+@for $i from 1 through 12{
+  .span#{$i}{
+    margin-left: percentage($gutter-width);
+    @media (max-width: 480px){
+      float: none;
+      display:block;
+    }
+    @media (min-width: 481px){
+      float: left;
+      @include columns($i);
+    }
+  }
+}

data/app/assets/stylesheets/yakstrap/form.css.scss

@@ -0,0 +1,82 @@
+@mixin inputBase(){
+  border: 1px solid lighten($secondary, 30%);
+  border-radius: 2px;
+  background: lighten($background, 10%);
+  color: $background_font_color;
+  padding: 3px 5px;
+  margin: 3px 2px;
+}
+
+@mixin inputWidth( $offset: 0px ){
+  @media (min-width: 480px){
+    width: 80px + $offset;
+  }
+  @media (min-width: 640px){    
+    width: 120px + $offset;
+  }
+  @media (min-width: 720px){
+    width: 160px + $offset;
+  }
+  @media (min-width: 960px){
+    width: 200px + $offset;
+  }
+  
+  &.tiny{
+    width: 80px + $offset;
+  }
+  &.small{
+    width: 160px + $offset;
+  }
+  &.normal{
+    width: 200px + $offset;
+  }
+  &.large{
+    width: 300px + $offset;
+  }
+  &.x-large{
+    width: 400px + $offset;
+  }
+}
+
+input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), textarea{
+  @include inputBase();
+  @include inputWidth();
+}
+
+label{
+  display: inline-block;
+  margin: 10px 0px 0px;
+  @media (min-width: 480px){
+    min-width: 60px;
+  }
+  @media (min-width: 640px){    
+    min-width: 80px;
+  }
+  @media (min-width: 720px){
+    min-width: 120px;
+  }
+  @media (min-width: 960px){
+    min-width: 160px;
+  }
+}
+
+select{
+  @include inputBase();
+  @include inputWidth(12px);
+}
+
+.error input:not([type="submit"]):not([type="button"]), .error select, input:not([type="submit"]):not([type="button"]).error, select.error{
+  border-color: $red;
+}
+
+.error label, label.error{  
+  text-decoration-line: underline;
+  text-decoration-style: wavy;
+  text-decoration-color: $red;
+  -moz-text-decoration-line: underline;
+  -moz-text-decoration-style: wavy;
+  -moz-text-decoration-color: $red;
+  -webkit-text-decoration-line: underline;
+  -webkit-text-decoration-style: wavy;
+  -webkit-text-decoration-color: $red;
+}

data/app/assets/stylesheets/yakstrap/main.css.scss

@@ -0,0 +1,78 @@
+
+@import url($font_include);
+
+@mixin clearfix{
+  &:before,
+  &:after {
+      content: "";
+      display: table;
+  }
+
+  &:after {
+      clear: both;
+  }
+}
+
+@mixin unstyled{
+  list-style: none;
+  margin: 0px;
+  padding: 0px;
+}
+
+@mixin shadow($offset: 1px){
+  box-shadow: $offset $offset 2px 0 #333333;
+}
+
+body{
+  margin: 0px;
+  color: $background_font_color;
+  background-color: #FFF;
+  font-size: 14px;
+  font-family: $body_font;
+  background: $background;
+}
+
+h1,h2,h3,h4,h5,h6{
+  font-family: $header_font;
+}
+
+.pull-right{
+  float: right;
+}
+
+.pull-left{
+  float: left;
+}
+
+.clearfix{
+  @include clearfix;
+}
+
+ul.unstyled{
+  @include unstyled
+}
+
+hr{
+  border: 0;
+  height: 1px;
+  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+  background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+}
+
+.table{
+  width: 100%;
+  border-spacing: 0px;
+  
+  th{
+    text-align: left;
+    padding-bottom: 5px;
+  }
+  
+  td{
+    border-top: 1px solid lighten($secondary, 20%);
+    padding: 5px 5px 5px 0px;
+  }
+}

data/app/assets/stylesheets/yakstrap/modal.css.scss

@@ -0,0 +1,61 @@
+.modal{
+  visibility: hidden;
+  opacity: 0;
+  position: fixed;
+  top: 15%;
+  width: 500px;
+  z-index: 100;
+  left: 50%;
+  margin-left: -250px;
+  background: $background;
+  border: 1px solid darken($secondary, 20%);
+  border-radius: 2px;
+  padding: 8px 8px 12px;
+  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
+  
+  .title{
+    padding: 5px;
+    position: relative;
+    background: lighten($primary, 15%);
+    border: 1px solid darken($primary, 15%);
+    color: $primary_font_color;
+    border-radius: 3px;
+    line-height: 30px;
+    
+    h1,h2,h3,h4,h5,h6{
+      margin: 0px;
+      font-size: 20px;
+    }
+    
+    .close:before{
+      cursor: pointer;
+      content: 'X';
+      color: $white;
+      background: $red;
+      border: 1px solid darken($red, 20%);
+      border-radius: 2px;
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      width: 16px;
+      line-height: 19px;
+      font-size: 15px;
+      font-weight: bold;
+      text-align: center;
+    }
+  }
+
+  @media( max-height: 500px ) {
+    top: 5%;
+  }
+  
+  @media( max-height: 300px ){
+    top: 20px;
+  }
+  
+  &.show{
+    visibility: visible;
+    opacity: 1;
+    transition-delay: 0s;
+  }
+}

data/app/assets/stylesheets/yakstrap/nav.css.scss

@@ -0,0 +1,177 @@
+
+// navbar
+.navbar{
+  background: $primary;
+  color: $primary_font_color;
+  line-height: 38px;
+  font-size: 14px;
+  @include shadow(1px);
+
+  &>a{
+    float: left;
+  }
+  
+  &>container{
+    &>a, &>ul{
+      float: left;
+    }
+  }
+  
+  a{
+    color: $primary_font_color;
+    text-decoration: none;
+    white-space: nowrap;
+    
+    &.brand{
+      font-size: 20px;
+      margin-left: 20px;
+    }
+    
+    &:focus{
+      outline: 0;
+    }
+  }
+  
+  ul{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    
+    li{
+      float: left;
+      &>a{
+        padding: 0px 15px;
+      }
+      &:hover{
+        background: lighten($primary, 5%);
+      }
+    }
+  }
+
+  &.fixed{
+    position: fixed;
+    left: 0px;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+    z-index: 99;
+        
+    &.top{
+      bottom: auto;
+      min-height: 40px;
+    }
+    &.bottom{
+      top: auto;
+      min-height: 40px;
+    }
+    &.left{
+      right: auto;
+    }
+    &.right{
+      left: auto;
+    }
+    
+    &.left, &.right{
+      min-width: 160px;
+      line-height: 25px;
+      padding-top: 80px;
+      &>ul{
+        &>li{
+          float: none;          
+          &>a{
+            display: block;
+          }
+        }
+      }   
+    }
+  }
+}
+
+.dropdown{  
+  position: relative;
+  ul{
+    position: absolute;
+    visibility: hidden;
+    min-width: 150px;
+    right: auto;
+    left: 0px;
+    z-index: 100;
+    margin-top: 6px;
+    border: 1px solid darken($primary, 20%);
+    background: $background;
+    background-clip: padding-box;
+    border-radius: 5px;
+    line-height: 25px;
+    opacity: 0;
+    transition: visibility 0s linear 0.3s, opacity 0.3s linear;
+    @include shadow(2px);
+        
+    &:after {
+      border-bottom: 6px darken($primary, 20%);
+      border-left: 6px solid transparent;
+      border-right: 6px solid transparent;
+      content: "";
+      display: inline-block;
+      left: 15px;
+      position: absolute;
+      top: -6px;
+    }
+    
+    li{
+      float: none;
+    }
+    
+    a{
+      color: $background_font_color;
+      display: block;
+      
+      &:hover{
+        color: $white;
+        background: lighten($primary, 20%);
+      }
+    }
+  }
+  
+  &:hover, &.open{    
+    &>a{
+      
+    }
+    ul{
+      visibility: visible;
+      opacity: 1;
+      transition-delay: 0s;
+    }
+  }
+}
+
+.pull-right .dropdown{
+  &>ul{
+    left: auto;
+    right: 0px;
+    
+    &:after {
+      right: 15px;
+      left: auto;
+    }
+  }
+}
+
+ul.breadcrumb{
+  @include unstyled;
+  margin: 15px 0px;
+  padding: 0px 15px;
+  
+  li{
+    float: left;
+    margin-right: 10px;
+    
+    &:not(:last-child):after{
+      content: '/';
+      margin-left: 10px;
+    }
+  }
+  
+  @include clearfix;
+}
+
+

data/app/assets/stylesheets/yakstrap/tip.css.scss

@@ -0,0 +1,171 @@
+@mixin positionTip($location: 'top'){
+  $alignment: 'bottom';
+  $offset: -3px;
+  $left: auto;
+  $top: auto;
+  @if $location == 'top' {
+    $alignment: 'bottom';
+    $left: $offset;
+  } @else if $location == 'bottom' {
+    $alignment: 'top';
+    $left: $offset;
+  } @else if $location == 'left' {
+    $alignment: 'right';
+    $top: $offset;
+  } @else if $location == 'right' {
+    $alignment: 'left';
+    $top: $offset;
+  }
+  
+  top: auto;
+  bottom: auto;
+  left: auto;
+  right: auto;
+  margin: auto;
+    
+  top: $top;
+  left: $left;
+  #{$alignment}: 10px;
+  margin-#{$alignment}: 100%;
+}
+
+@mixin positionArrow($location: 'top'){
+  $alignment: 'bottom';
+  $left: auto;
+  $top: auto;
+  @if $location == 'top' {
+    $alignment: 'bottom';
+    $left: 50%;
+  } @else if $location == 'bottom' {
+    $alignment: 'top';
+    $left: 50%;
+  } @else if $location == 'left' {
+    $alignment: 'right';
+    $top: 50%;
+  } @else if $location == 'right' {
+    $alignment: 'left';
+    $top: 50%;
+  }
+  
+  visibility: hidden;
+  transition: visibility 0s linear 0.2s, opacity 0.2s linear; 
+  position: absolute;
+  border: solid;
+  content: "";
+  z-index: 99;
+  border-color: transparent;
+  border-width: 6px;
+  opacity: 0;
+
+  top: auto;
+  bottom: auto;
+  left: auto;
+  right: auto;
+  margin: auto;
+  
+  top: $top;
+  left: $left;
+  
+  #{$alignment}: 4px;
+  margin-#{$alignment}: 100%;
+  border-#{$location}-color: rgba(darken($primary, 30%),.8);;
+  border-#{$alignment}: 0px;
+}
+
+[data-title]{
+  cursor: pointer;
+  position: relative;
+  
+  &:after{
+    font-family: $body_font;
+    background: darken($primary, 30%);
+    opacity: 0;
+    color: $white;
+    border-radius: 3px;
+    
+    position: absolute;
+    @include positionTip('top');
+    
+    content: attr(data-title);
+    white-space: pre-wrap;
+    padding: 5px 15px;
+    z-index: 98;
+    
+    min-width: 250px;
+    max-width: 400px;
+    visibility: hidden;
+    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
+    
+    @include shadow(2px);  
+  }
+  
+  &:not(i[class^=icon]):before{
+    @include positionArrow('top');
+  }
+  
+  &:before(2){
+    @include positionArrow('top');
+  }
+  
+  &[data-placement="bottom"]{
+    &:after{
+      @include positionTip('bottom');
+    }
+    
+    &:not(i[class^=icon]):before{
+      @include positionArrow('bottom');
+    }
+    
+    &:before(2){
+      @include positionArrow('bottom');
+    }
+  }
+  
+  &[data-placement="left"]{
+    &:after{
+      @include positionTip('left');
+    }
+    
+    &:not(i[class^=icon]):before{
+      @include positionArrow('left');
+    }
+    
+    &:before(2){
+      @include positionArrow('left');
+    }
+  }
+  
+  &[data-placement="right"]{
+    &:after{
+      @include positionTip('right');
+    }
+    
+    &:not(i[class^=icon]):before{
+      @include positionArrow('right');
+    }
+    
+    &:before(2){
+      @include positionArrow('right');
+    }
+  }
+  
+  &:hover{
+    &:after{
+      opacity: 0.9;
+      visibility: visible;
+      transition-delay: 0s;
+    }
+    
+    &:not(i[class^=icon]):before{
+      opacity: 0.9;
+      visibility: visible;
+      transition-delay: 0s;
+    }
+    
+    &:before(2){
+      opacity: 0.9;
+      visibility: visible;
+      transition-delay: 0s;
+    }    
+  }
+}

data/app/assets/stylesheets/yakstrap/variables.css.scss

@@ -0,0 +1,33 @@
+
+// Fonts
+$font_include: 'http://fonts.googleapis.com/css?family=Ubuntu|Roboto';
+$body_font: 'Roboto';
+$header_font: 'Ubuntu';
+ 
+
+// Colors
+$white: #FDFDFD;
+
+// http://colorschemedesigner.com/
+$primary: #2E3E46;
+$primary_font_color: $white;
+
+$secondary: #544D3D;
+$secondary_font_color: $white;
+
+$tertiary: #C5EDB2;
+$tertiary_font_color: #333;
+
+// Red tone, used for alerts
+$red: #A82117;
+$red_font_color: $white;
+
+// Green tone for successes
+$green: #395939; // mid
+$green_font_color: $white;
+
+$yellow: #FEFEDE;
+$yellow_font_color: #333;
+
+$background: $white;
+$background_font_color: #333;

data/app/assets/stylesheets/yakstrap/yakstrap.css.scss

@@ -0,0 +1,9 @@
+@import 'variables.css.scss';
+@import 'main.css.scss';
+@import 'tip.css.scss';
+@import "nav.css.scss";
+@import "container.css.scss";
+@import "button.css.scss";
+@import "form.css.scss";
+@import "modal.css.scss";
+@import "alert.css.scss";

data/app/assets/stylesheets/yakstrap/yakstrap.css.scss~

@@ -0,0 +1,9 @@
+@import 'variables.css.scss';
+@import 'main';
+@import 'tip';
+@import "nav";
+@import "container";
+@import "button";
+@import "form";
+@import "modal";
+@import "alert";

data/lib/yakstrap/version.rb

@@ -0,0 +1,3 @@
+module Yakstrap
+  VERSION = "0.0.1"
+end

data/lib/yakstrap.rb

@@ -0,0 +1,8 @@
+require "yakstrap/version"
+
+module Yakstrap
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/yakstrap.rb~

@@ -0,0 +1,5 @@
+require "yakstrap/version"
+
+module Yakstrap
+  # Your code goes here...
+end

metadata

@@ -0,0 +1,120 @@
+--- !ruby/object:Gem::Specification
+name: yakstrap
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Charles DuBose
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-08-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>'
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>'
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>'
+      - !ruby/object:Gem::Version
+        version: 3.2.3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>'
+      - !ruby/object:Gem::Version
+        version: 3.2.3
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Yakstrap is a pure CSS framework that was written to be mostly compatible
+  with bootstrap 2.0 while not being bootstrap. It is missing a lot of bootstrap's
+  more interactive elements and that's intentional, not requiring JS. Yakstrap was
+  designed to be capable of being both responsive and flow by default, though some
+  elements will not work on mobile systems.
+email:
+- kayakyakr@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/yakstrap.rb~
+- lib/yakstrap.rb
+- lib/yakstrap/version.rb
+- app/assets/stylesheets/yakstrap/yakstrap.css.scss~
+- app/assets/stylesheets/yakstrap/alert.css.scss
+- app/assets/stylesheets/yakstrap/variables.css.scss
+- app/assets/stylesheets/yakstrap/main.css.scss
+- app/assets/stylesheets/yakstrap/yakstrap.css.scss
+- app/assets/stylesheets/yakstrap/button.css.scss
+- app/assets/stylesheets/yakstrap/container.css.scss
+- app/assets/stylesheets/yakstrap/form.css.scss
+- app/assets/stylesheets/yakstrap/tip.css.scss
+- app/assets/stylesheets/yakstrap/nav.css.scss
+- app/assets/stylesheets/yakstrap/modal.css.scss
+- LICENSE
+- README.md
+homepage: http://github.com/Yakrware/yakstrap
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Yakstrap is a pure CSS framework mostly compatible with bootstrap 2.0
+test_files: []