baseplate 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 59ba7a69abb412f477871bbad2d29801ef1f43a8
-  data.tar.gz: 1818c87570cea50bdf946b570d4b75b24090452c
+  metadata.gz: a695be71deb54a066530b7971fe19e0862d03884
+  data.tar.gz: 8cf2d805360ebd8a1b581122b93437ff21f1e7af
 SHA512:
-  metadata.gz: 284803c6a32291bad222a1e6a4c2b1ccb98c57cd3de4b28b8af58399ab92cece914efb39ebcf0287f4c85a4b91a83acf4158c9e47493dd6e04fbaf3333b3f43a
-  data.tar.gz: f405e5ea324a1f32eae11baa257da25052433d6f2bba4ad0ac9023db849c3e957eb95a6c74e736c90f4305fd24ac2c5f062839df5fe1f28a8b03739becea9ef8
+  metadata.gz: 79d5c42acc685a6ac82870e57c9e5f1c20cfdde9691fd054f863b7c3fc014803c991d9fdd4e25d8a44a3cbf5a8cd6b9071908c5bc3e087c16005032414dc6a21
+  data.tar.gz: 031049adeb5d045adc03b7522d78e0926c600eb744ebf00375d58a7ac72e3249e3b42f0a3fe31e3c5cb3878efe17c913b985af81aaf657a9a4b950399f980543

data/README.md

@@ -1,8 +1,6 @@
 # Baseplate
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/baseplate`. To experiment with that code, run `bin/console` for an interactive prompt.
-
-TODO: Delete this and the text above, and describe your gem
+Baseplate is my attempt as creating a simple and light CSS gem.
 
 ## Installation
 
@@ -12,6 +10,12 @@ Add this line to your application's Gemfile:
 gem 'baseplate'
 ```
 
+Add this line to application.css
+
+```ruby
+ *= require baseplate
+```
+
 And then execute:
 
     $ bundle
@@ -22,17 +26,12 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here
-
-## Development
-
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
-
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+TODO: Fix this section
+ADD: navbar and nav items, buttons, forms and inputs, and links
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/baseplate.
+Bug reports and pull requests are welcome on GitHub at https://github.com/monster52/baseplate.
 
 
 ## License

data/lib/baseplate/version.rb

@@ -1,5 +1,5 @@
 module Baseplate
 	module Rails
-  	VERSION = "0.2.0"
+  	VERSION = "0.3.0"
   end
 end

data/vendor/assets/stylesheets/baseplate.css

@@ -4,53 +4,103 @@
 @import url('https://fonts.googleapis.com/css?family=Roboto');
 
 html {
-    height: 100;
-    font-size: 100%;
+  height: 100;
+  font-size: 100%;
 }
 
 body {
-    font-family: 'Roboto', sans-serif;
-    min-height: 100%;
+  font-family: 'Roboto', sans-serif;
+  min-height: 100%;
 }
 
-*, *::before, *::after {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
+/******** NAVBAR ********/
+ .navbar {
+    display: flex;
+    justify-content: space-between;
+    padding: 0.5rem;
+    z-index: 1;
 }
 
-.container {
-    margin: 0 auto;
-    max-width: 64rem;
+.navbar .logo {
+    margin-top: auto;
+    margin-botton: auto;
+    left: 2rem;
+    color: black;
+    font-weight: 700;
+    font-size: 1.2rem;
+    cursor: pointer;
 }
 
-.container.narrow {
-    max-width: 56rem;
+.navbar .links-container {
+    margin-top: auto;
+    margin-bottom: auto;
+    display: table;
+    top: 0;
+    right: 0;
+    height: 100%;
+    color: white;
+    text-decoration: none;
 }
 
-.clearfix::before,
-.clearfix::after {
-    content: " ";
-    display: table;
+.links-container .navbar-link {
+    display: table-cell;
+    position: relative;
+    height: 100%;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    vertical-align: middle;
+    color: black;
+    font-size: 0.625rem;
+    letter-spacing: 0.05rem;
+    font-weight: 700;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.links-container .navbar-link:hover {
+    color: rgb(233,50,117);
+}   
+
+
+/******** LINKS    ********/
+a {
+  text-decoration: none;
 }
 
-.clearfix::after {
-    clear: both;
+/********    GRID    ********/
+.baseplate {
+  display: flex;
+}
+.baseplate .col {
+  flex: 1;
+}
+
+@media (max-width: 400px) {
+  .baseplate {
+    display: block;
+    .col {
+      width: 100%;
+      margin: 0 0 10px 0;
+    }
+  }
 }
 
+* {
+  box-sizing: border-box;
+}
+body {
+  padding: 20px;
+}
+.baseplate { 
+  margin: 0 0 20px 0;
+}
 .col {
-    float: left;
-    padding-left: 1rem;
-    padding-right: 1rem;
+  padding: 20px;
 }
 
-.col.full { width: 100%; }
-.col.two-thirds { width: 66.7; }
-.col.half { width: 50%; }
-.col.third { width: 33.3%; }
-.col.fourth { width: 25%; }
-.col.flow-opposite { float: right; }
+/******** UTILS ********/
 
+.text-center {text-align: center;}
 
 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: baseplate
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Ross Waguespack
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-14 00:00:00.000000000 Z
+date: 2017-07-15 00:00:00.000000000 Z
 dependencies: []
 description: Baseplate is a minimal css grid system.  We have included normalize for
   you.