opoloo_assets 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 381e9cf1fee659ef6a78d6b202bcf144a85a6624
+  data.tar.gz: bb210d6eefa7e4d94fcbf96e21ed415b29521374
+SHA512:
+  metadata.gz: 546bf56a8de51079d0ccbe74ad640014d19d09a0834afbc238d48502a6747e2e431b55e1d86a2799574dafc4c04566730bdfa0b30b65d16cf2e254a1f3daf9af
+  data.tar.gz: 50908ea4f436c946206f2150e686af273c98f524fd30006a740c738ab6d4377c26b6bd71060aa5a54142414da072a7f5ccb945bd0fd0f1f7fee2e497a8518d67

data/.gitignore

@@ -0,0 +1,14 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Jochen Greif
+
+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,61 @@
+# Opoloo Assets
+
+A collection of our standard CSS files, containing normalization and a grid system
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'opoloo_assets'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install opoloo_assets
+
+## Usage
+
+Include the files inside your manifest (usually application.css):
+
+ 	//= require opoloo_assets
+
+### Grid
+
+*Example:*
+
+```html
+<div class="container">
+  <div class="row">
+
+    <div class="col span6">
+      Left columns nesting 3 other columns:
+      
+      <div class="row">
+        <div class="col span4">Col 1</div>
+        <div class="col span4">Col 2</div>
+        <div class="col span4">Col 3</div>
+      </div>
+      
+    </div>
+
+    <div class="col span6">
+      Right columns
+    </div>
+
+  </div>
+</div>
+
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/opoloo/opoloo_assets/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

data/Rakefile

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

data/lib/opoloo_assets/version.rb

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

data/lib/opoloo_assets.rb

@@ -0,0 +1,6 @@
+require "opoloo_assets/version"
+
+module OpolooAssets
+  class Engine < ::Rails::Engine
+  end
+end

data/opoloo_assets.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'opoloo_assets/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "opoloo_assets"
+  spec.version       = OpolooAssets::VERSION
+  spec.authors       = ["Jochen Greif"]
+  spec.email         = ["jochen@opoloo.de"]
+  spec.summary       = %q{Standard grid and normalize styles by Opoloo}
+  spec.description   = %q{Standard grid and normalize styles by Opoloo}
+  spec.homepage      = "http://www.opoloo.de"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "railties", ">= 3.1", "< 5"
+end

data/vendor/assets/stylesheets/media_queries.css.scss

@@ -0,0 +1,40 @@
+@mixin noTransition() {
+  -moz-transition: none;
+  -webkit-transition: none;
+  -o-transition: color 0 ease-in;
+  transition: none;
+} 
+
+/* phones */
+@media only screen and (max-width: 767px) {
+  .row {
+    .col {
+      width: 100%;
+      margin-left: 0px;
+      float: left;
+    }
+    .col + .col:last-child {
+      float: left;
+    }
+  }
+}
+
+@media screen and (max-width: 480px) {
+  * {     
+    font-size: 14px;
+  }
+}
+
+/* portrait phones */
+@media only screen and (max-width: 767px) and (orientation: portrait) {
+  .row {
+    .col {
+      width: 100%;
+      margin-left: 0px;
+      float: left;
+    }
+    .col + .col:last-child {
+      float: left;
+    }
+  }
+}

data/vendor/assets/stylesheets/opoloo.css.scss

@@ -0,0 +1,71 @@
+/* Opoloo Standard Style Sheet */
+/*******************************/
+
+@import "opoloo_reset.css.scss";
+@import "opoloo_grid.css.scss";
+
+
+* {
+  padding:0px;
+  margin:0px;
+}
+
+
+.clearfix {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+a {
+  text-decoration: none;
+}
+
+ul li, ol li {
+  list-style-type: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin:0px;
+}
+
+#loading-indicator {
+  text-align: center;
+  z-index: 100;
+  position: fixed;
+  left: 45%;
+  top: 50%;
+  width: 200px;
+  padding: 10px;
+  background: #000;
+  opacity: 0.8;
+  color: #FFF;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+}
+
+#form_errors {
+  text-align: center;
+  z-index: 100;
+  position: fixed;
+  left: 45%;
+  top: 50%;
+  width: 600px;
+  padding: 10px;
+  background: #000;
+  opacity: 0.8;
+  color: #FFF;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+}

data/vendor/assets/stylesheets/opoloo_assets.css.scss

@@ -0,0 +1,2 @@
+@import 'opoloo.css.scss';
+

data/vendor/assets/stylesheets/opoloo_config.css.scss

@@ -0,0 +1,5 @@
+$gridColumnCount      : 12;   // Total column count
+$gridGutterWidth      : 10;   // [in pixels] Abstand zwischen Spalten
+$gridColumnPadding    : 0;   // [in pixels] padding Innerhalb einer Spalte
+$gridMaxWidth         : 960; // [in pixels] Maximale Gesamtbreite
+$gridMargin           : 0;   // [in pixels] Space outside the grid

data/vendor/assets/stylesheets/opoloo_grid.css.scss

@@ -0,0 +1,93 @@
+@import "opoloo_config.css.scss";
+
+@function gridColumnWidth() {
+    @return $gridMaxWidth / $gridColumnCount;
+}
+// Grid calculations
+@function gridColumnWidthCalc($colNumber) {
+    // Is correct
+    @if $gridGutterWidth == 0 {
+        @return percentage($colNumber / $gridColumnCount);
+    }
+    // Is incorrect
+    @else {
+        @return percentage( (($colNumber / $gridColumnCount) - gutterCalc(false) ) );
+    }
+}
+
+// Accepts a number of columns that a block should span.
+// Returns a percentage width for that block.
+@mixin columns($columnSpan: 1) {
+    $number-of-blocks-in-container: $gridColumnCount / $columnSpan;
+    $total-width-of-all-gutters:    gutterCalc(false) * ($number-of-blocks-in-container - 1);
+    $total-width-of-all-blocks:     1 - $total-width-of-all-gutters;
+    $width-of-a-single-block:       $total-width-of-all-blocks / $number-of-blocks-in-container;
+
+    width:                          percentage( $width-of-a-single-block );
+}
+
+@function gutterCalc($showUnit: true) {
+    @if $showUnit == true {
+        @return percentage( $gridGutterWidth / $gridMaxWidth );
+    } @else {
+        @return $gridGutterWidth / ( $gridMaxWidth - ($gridMargin * 2) );
+    }
+}
+
+@mixin gridColumn() {
+    @if $gridGutterWidth > 0 {
+        margin-left: gutterCalc();
+    }
+    @if $gridColumnPadding > 0 {
+        padding: $gridColumnPadding + px;
+    }
+    float: left;
+    min-height: 30px;
+    position: relative;
+    clear: none;
+    &:first-child {
+        margin-left: 0;
+    }
+}
+@mixin clearfix {
+    *zoom: 1;
+
+    &:before,
+    &:after {
+        content: " ";
+        display: table;
+    }
+
+    &:after {
+        clear: both;
+    }
+}
+@for $i from 1 to $gridColumnCount + 1 {
+    .span#{$i}  { @include columns($i); }
+}
+
+
+
+* {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.container {
+    padding-left: $gridMargin + px;
+    padding-right: $gridMargin + px;
+    width: 100%;
+    max-width: $gridMaxWidth + px;
+    margin: 0 auto;
+}
+.row {
+    margin-bottom: 10px;
+    @include clearfix();
+}
+.col {
+    @include gridColumn();
+}
+.col + .col:last-child { float: right; }
+.col + .col.end { float: left; }

data/vendor/assets/stylesheets/opoloo_reset.css.scss

@@ -0,0 +1,207 @@
+//
+// Reset CSS
+// Adapted from http://github.com/necolas/normalize.css
+// --------------------------------------------------
+
+
+// Display in IE6-9 and FF3
+// -------------------------
+
+article,
+aside,
+main,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+
+// Display block in IE6-9 and FF3
+// -------------------------
+
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+// Prevents modern browsers from displaying 'audio' without controls
+// -------------------------
+
+audio:not([controls]) {
+    display: none;
+}
+
+// Base settings
+// -------------------------
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+// Hover & Active
+a:hover,
+a:active {
+  outline: 0;
+}
+
+// Prevents sub and sup affecting line-height in all browsers
+// -------------------------
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+
+// Img border in a's and image quality
+// -------------------------
+
+img {
+  /* Responsive images (ensure images don't scale beyond their parents) */
+  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
+  width: auto\9; /* IE7-8 need help adjusting responsive images */
+  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
+
+  vertical-align: middle;
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+
+// Prevent max-width from affecting Google Maps
+#map_canvas img,
+.google-maps img {
+  max-width: none;
+}
+
+// Forms
+// -------------------------
+
+// Font size in all browsers, margin changes, misc consistency
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+button,
+input {
+  *overflow: visible; // Inner spacing ie IE6/7
+  line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
+  padding: 0;
+  border: 0;
+}
+button,
+html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
+    cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+    cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
+input[type="search"] { // Appearance in Safari/Chrome
+  -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
+}
+textarea {
+  overflow: auto; // Remove vertical scrollbar in IE6-9
+  vertical-align: top; // Readability and alignment cross-browser
+}
+
+
+// Printing
+// -------------------------
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+
+@media print {
+
+  * {
+    text-shadow: none !important;
+    color: #000 !important; // Black prints faster: h5bp.com/s
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  a, a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+
+  // Don't show links for images, or javascript/internal links
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: "";
+  }
+
+  pre, blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+
+  thead {
+    display: table-header-group; // h5bp.com/t
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  @page {
+    margin: 0.5cm;
+  }
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2, h3 {
+    page-break-after: avoid;
+  }
+}

metadata

@@ -0,0 +1,106 @@
+--- !ruby/object:Gem::Specification
+name: opoloo_assets
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Jochen Greif
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-09-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5'
+description: Standard grid and normalize styles by Opoloo
+email:
+- jochen@opoloo.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/opoloo_assets.rb
+- lib/opoloo_assets/version.rb
+- opoloo_assets.gemspec
+- vendor/assets/stylesheets/media_queries.css.scss
+- vendor/assets/stylesheets/opoloo.css.scss
+- vendor/assets/stylesheets/opoloo_assets.css.scss
+- vendor/assets/stylesheets/opoloo_config.css.scss
+- vendor/assets/stylesheets/opoloo_grid.css.scss
+- vendor/assets/stylesheets/opoloo_reset.css.scss
+homepage: http://www.opoloo.de
+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.3.0
+signing_key: 
+specification_version: 4
+summary: Standard grid and normalize styles by Opoloo
+test_files: []