pure-css-reset-rails 1.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 51b760d300c0aefbcefc126f2d675f8a1e543523
+  data.tar.gz: e2fef3c1b183ba984ff2f82d1c4051d7c84e81a2
+SHA512:
+  metadata.gz: 9a6fd614c91d279e5c4b5a28460dd6d6c7a38293383052ef727d403ba7185355ba92483eaab4ad3e7a484d310865cac7f0e11413b5fc364e36d02487a5f1f9da
+  data.tar.gz: bca03c7ed3cad9a9dea2f49e00c503c93789d65b743befb2504ac7d11bad005af4833c6d6d7d4aa18bde7cb4c55817192811db1752fee9e6ca683625a5494cac

data/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Grant Colegate
+
+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,31 @@
+# pure-css-rails-reset
+While Pure CSS is pretty unopinionated there's still a few things it could touch less.
+This CSS fixes some of those and adds some useful classes that pure lacks.
+
+http://purecss.io
+https://github.com/bkutil/pure-css-rails
+
+What it does:
+* adds a container for each media breakpoint
+* hidden classes for each breakpoint
+* show classes for each breakpoint
+* clear float class
+* reset some mobile input styles
+* better heading font sizes
+* error styles for control groups
+
+## Install
+
+1. Add this to your Gemfile
+
+    `gem "pure-css-rails-reset"`
+
+2. Run
+
+    `$ bundle`
+
+3. Add `pure_css_reset` to application.css after `//= require pure`
+
+    `//= require pure_css_reset`
+
+4. Profit!

data/lib/pure-css-reset-rails.rb

@@ -0,0 +1 @@
+require 'pure-css/reset/rails'

data/lib/pure-css/reset/rails.rb

@@ -0,0 +1,10 @@
+require "pure-css/reset/rails/version"
+
+module PureCSS
+  module Reset
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/pure-css/reset/rails/version.rb

@@ -0,0 +1,7 @@
+module PureCSS
+  module Reset
+    module Rails
+      VERSION = "1.0.1"
+    end
+  end
+end

data/vendor/assets/stylesheets/pure_css_reset.css

@@ -0,0 +1,361 @@
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+body {
+  color: #555555;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #444444;
+}
+
+h1 {
+  font-size: 2.25em;
+  margin: 1.5em 0 0.7em 0;
+}
+
+h2 {
+  font-size: 1.85em;
+  margin: 1.5em 0 0.7em 0;
+}
+
+h3 {
+  font-size: 1.6em;
+  margin: 1.5em 0 0.7em 0;
+}
+
+h4 {
+  font-size: 1.2em;
+  margin: 1.7em 0 0.8em 0;
+}
+
+h5 {
+  font-size: 1em;
+  margin: 1.8em 0 0.8em 0;
+}
+
+h6 {
+  font-size: 0.9em;
+  margin: 2em 0 0.8em 0;
+}
+
+.cf:before, .cf:after {
+  content: " ";
+  display: table;
+}
+
+.cf:after {
+  clear: both;
+}
+
+.cf {
+  *zoom: 1;
+}
+
+.container {
+  width: 100%;
+}
+
+@media (min-width: 48em) {
+  .container {
+    width: 730px;
+    margin: 0 auto;
+  }
+}
+
+@media (min-width: 64em) {
+  .container {
+    width: 970px;
+  }
+}
+
+@media (min-width: 80em) {
+  .container {
+    width: 1170px;
+  }
+}
+
+.pure-button {
+  border-radius: 0;
+  border: 1px solid #cccccc;
+}
+
+.pure-button .fa {
+  margin-left: -3px;
+  margin-right: 3px;
+  position: relative;
+  top: -1px;
+}
+
+.pure-button:hover {
+  color: #555555;
+}
+
+a.pure-button-primary, .pure-button-primary {
+  background-color: #4a9fc8;
+  border-color: #3484ab;
+}
+
+a.pure-button-primary:hover, .pure-button-primary:hover {
+  color: #ffffff;
+}
+
+.pure-button-hover,
+.pure-button:hover,
+.pure-button:focus {
+  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
+  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
+  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
+  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
+}
+
+.pure-form {
+  width: 100%;
+  margin: 1em 0;
+}
+
+.pure-form legend {
+  margin-bottom: 1em;
+}
+
+.pure-form .pure-control-group {
+  margin-bottom: 1em;
+}
+
+.pure-form .hint, .pure-form .error {
+  display: block;
+  margin-top: 0.8em;
+  margin-bottom: 0.5em;
+  color: #999999;
+  font-style: italic;
+  font-size: 0.9em;
+  line-height: 1.2em;
+}
+
+.pure-form .error {
+  color: #b94a48;
+}
+
+.pure-form input[type="text"],
+.pure-form input[type="password"],
+.pure-form input[type="email"],
+.pure-form input[type="url"],
+.pure-form input[type="date"],
+.pure-form input[type="month"],
+.pure-form input[type="time"],
+.pure-form input[type="datetime"],
+.pure-form input[type="datetime-local"],
+.pure-form input[type="week"],
+.pure-form input[type="number"],
+.pure-form input[type="search"],
+.pure-form input[type="tel"],
+.pure-form input[type="color"],
+.pure-form textarea {
+  border-radius: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+}
+
+@media only screen and (max-width: 480px) {
+  .pure-form input[type="text"],
+  .pure-form input[type="password"],
+  .pure-form input[type="email"],
+  .pure-form input[type="url"],
+  .pure-form input[type="date"],
+  .pure-form input[type="month"],
+  .pure-form input[type="time"],
+  .pure-form input[type="datetime"],
+  .pure-form input[type="datetime-local"],
+  .pure-form input[type="week"],
+  .pure-form input[type="number"],
+  .pure-form input[type="search"],
+  .pure-form input[type="tel"],
+  .pure-form input[type="color"],
+  .pure-form textarea {
+    width: 100%;
+  }
+}
+
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
+.pure-form textarea:focus {
+  border-color: #4a9fc8;
+}
+
+.pure-form select {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+@media only screen and (max-width: 480px) {
+  .pure-form select {
+    width: 100%;
+  }
+}
+
+.pure-form select:focus {
+  border-color: #4a9fc8;
+}
+
+@media only screen and (max-width: 480px) {
+  .pure-form button[type="submit"] {
+    margin: 0;
+  }
+}
+
+.pure-form .pure-control-group.control-group-with-error input {
+  color: #b94a48;
+  border-color: #ee5f5b;
+}
+
+.pure-form .pure-group input:first-child {
+  border-radius: 0;
+}
+
+.pure-form .pure-group input:last-child {
+  border-radius: 0;
+}
+
+.pure-form .pure-group input:first-child:last-child {
+  border-radius: 0;
+}
+
+.pure-form-aligned .hint, .pure-form-aligned .error {
+  margin-left: 12.3em;
+}
+
+@media (max-width: 63.9em) {
+  .pure-form-aligned .hint, .pure-form-aligned .error {
+    margin-left: 9em;
+  }
+}
+
+@media (max-width: 480px) {
+  .pure-form-aligned .hint, .pure-form-aligned .error {
+    margin-left: 0;
+  }
+}
+
+.pure-form-aligned .pure-controls {
+  margin-top: 1em;
+  margin-left: 0;
+  padding-left: 11em;
+}
+
+@media screen and (max-width: 63.9em) {
+  .pure-form-aligned .pure-controls {
+    padding-left: 8em;
+  }
+}
+
+@media only screen and (max-width: 480px) {
+  .pure-form-aligned .pure-controls {
+    padding-left: 0;
+  }
+}
+
+@media only screen and (min-width: 480px) {
+  .pure-form-aligned .pure-control-group label {
+    float: left;
+    line-height: 2.3em;
+  }
+  .pure-form-aligned .pure-input-wrapper {
+    margin-left: 11em;
+  }
+}
+
+@media screen and (max-width: 63.9em) {
+  .pure-form-aligned .pure-control-group label {
+    width: 7em;
+  }
+  .pure-form-aligned .pure-input-wrapper {
+    margin-left: 8em;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .pure-form-aligned .pure-input-wrapper {
+    margin-left: 0;
+  }
+}
+
+@media screen and (max-width: 47.9em) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+
+@media screen and (max-width: 63.9em) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+
+@media screen and (max-width: 79.9em) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 48em) {
+  .show-sm {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 64em) {
+  .show-md {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 80em) {
+  .show-lg {
+    display: none !important;
+  }
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+::-webkit-input-placeholder {
+  color: #888888;
+}
+
+:-moz-placeholder {
+  /* Firefox 18- */
+  color: #888888;
+}
+
+::-moz-placeholder {
+  /* Firefox 19+ */
+  color: #888888;
+}
+
+:-ms-input-placeholder {
+  color: #888888;
+}

metadata

@@ -0,0 +1,51 @@
+--- !ruby/object:Gem::Specification
+name: pure-css-reset-rails
+version: !ruby/object:Gem::Version
+  version: 1.0.1
+platform: ruby
+authors:
+- Grant Colegate
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-12-10 00:00:00.000000000 Z
+dependencies: []
+description: pure-css-reset-rails resets some CSS and adds some useful classes that
+  Pure CSS lacks.
+email:
+- blaknite@thelanbox.com.au
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- lib/pure-css-reset-rails.rb
+- lib/pure-css/reset/rails.rb
+- lib/pure-css/reset/rails/version.rb
+- vendor/assets/stylesheets/pure_css_reset.css
+homepage: https://github.com/blaknite/pure-css-reset-rails
+licenses: []
+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.2.2
+signing_key: 
+specification_version: 4
+summary: Resets some CSS and adds some useful classes that Pure CSS lacks.
+test_files: []
+has_rdoc: