sassquatch 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 551e69812972f19b7b17f7bb17c44eddbd5765e0
+  data.tar.gz: 3ea0682c96cac7da53fdc7bea1b28466e1d2c67b
+SHA512:
+  metadata.gz: d8997f87dc7bca584f43078d9be3dcac7b4bb35fe6c98d25cc420c1624998e2f61030ac52f68bfd744820bcac0182f2526c8f2cbb8353a75d6c6a0e533f4381d
+  data.tar.gz: ea6c1d36503fa26422af32357bd1c4eee54194bde3dc059f77cd5266daf90179553a8c0ccc4192d1ba90cf571c363bca4e03e6536017956d8dc1d4b00149b291

data/.gitignore

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

data/Gemfile

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

data/README.md

@@ -0,0 +1,25 @@
+# Sassquatch
+
+Some SCSS mixins I've written/collected since I started using it.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem "sassquatch"
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install sassquatch
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/app/assets/stylesheets/sassquatch.scss

@@ -0,0 +1,23 @@
+$rails: true !default;
+
+@import "sassquatch/background_image";
+@import "sassquatch/centered";
+@import "sassquatch/clearfix";
+@import "sassquatch/display";
+@import "sassquatch/effects";
+@import "sassquatch/em";
+@import "sassquatch/flat_list";
+@import "sassquatch/floated_items";
+@import "sassquatch/fonts";
+@import "sassquatch/grid";
+@import "sassquatch/image_replace";
+@import "sassquatch/mute";
+@import "sassquatch/no_border";
+@import "sassquatch/no_list_style";
+@import "sassquatch/no_margin";
+@import "sassquatch/no_padding";
+@import "sassquatch/position";
+@import "sassquatch/rails";
+@import "sassquatch/reset_box";
+@import "sassquatch/reset_last_child";
+@import "sassquatch/text_decoration";

data/app/assets/stylesheets/sassquatch/_background_image.scss

@@ -0,0 +1,4 @@
+@mixin background-image($path) {
+  @include rails { background-image: image-url($path); }
+  @include no-rails { background-image: url($path); }
+}

data/app/assets/stylesheets/sassquatch/_centered.scss

@@ -0,0 +1,6 @@
+%centered {
+  margin: {
+    left: auto;
+    right: auto;
+  };
+}

data/app/assets/stylesheets/sassquatch/_clearfix.scss

@@ -0,0 +1,16 @@
+// Let the clearfix hack begin.
+@mixin clearfix {
+  zoom: 1;
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+
+  &:after { clear: both; }
+}
+
+%clearfix {
+  @include clearfix;
+}

data/app/assets/stylesheets/sassquatch/_display.scss

@@ -0,0 +1,11 @@
+%inline-block {
+  display: inline-block;
+}
+
+%block {
+  display: block;
+}
+
+%inline {
+  display: inline;
+}

data/app/assets/stylesheets/sassquatch/_effects.scss

@@ -0,0 +1,8 @@
+@mixin emboss($opacity, $opacity2){
+  box-shadow: rgba(#fff, $opacity) 0 1px 0,
+              inset rgba(#000, $opacity2) 0 1px 0;
+}
+
+@mixin letterpress($opacity){
+  text-shadow: rgba(#fff, $opacity) 0 1px 0;
+}

data/app/assets/stylesheets/sassquatch/_em.scss

@@ -0,0 +1,18 @@
+$base-font: 16px !default;
+
+@function remove-unit($number) {
+  $unit: unit($number);
+  $one: 1;
+
+  @if $unit == "px" { $one: 1px; }
+  @if $unit == "em" { $one: 1em; }
+  @if $unit == "%"  { $one: 1%;  }
+
+  @return $number / $one;
+}
+
+@function em($target, $context: $base-font) {
+  $size: remove-unit($target) / remove-unit($context);
+
+  @return #{$size}em;
+}

data/app/assets/stylesheets/sassquatch/_flat_list.scss

@@ -0,0 +1,4 @@
+%flat-list {
+  @extend %no-list-style;
+  @extend %floated-items;
+}

data/app/assets/stylesheets/sassquatch/_floated_items.scss

@@ -0,0 +1,4 @@
+%floated-items {
+  @extend %clearfix;
+  > * { float: left; }
+}

data/app/assets/stylesheets/sassquatch/_font_face.scss

@@ -0,0 +1,13 @@
+//  @include font-face('Open Sans', OpenSansLightRegular, opensans-light, 300, normal);
+@mixin font-face($alias, $family, $filename, $weight: normal, $style: normal) {
+  @font-face {
+    font-family: "#{$alias}";
+    src: local("#{$family}"), url("fonts/#{$filename}-webfont.eot");
+    src: local("#{$family}"), url("fonts/#{$filename}-webfont.eot?#iefix") format("embedded-opentype"),
+         local("#{$family}"), url("fonts/#{$filename}-webfont.woff") format("woff"),
+         local("#{$family}"), url("fonts/#{$filename}-webfont.ttf") format("truetype");
+
+    font-weight: $weight;
+    font-style: $style;
+  }
+}

data/app/assets/stylesheets/sassquatch/_fonts.scss

@@ -0,0 +1,46 @@
+@mixin lucida-grande {
+  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+}
+
+@mixin myriad-pro {
+  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+}
+
+@mixin georgia {
+  font-family: Georgia, Times, "Times New Roman", serif;
+}
+
+@mixin helvetica-neue {
+  font-family: "Helvetica Neue", "HelveticaNeue", sans-serif;
+}
+
+@mixin alegreya {
+  font-family: Alegreya, Cambria, Georgia, serif;
+}
+
+@mixin monospace {
+  font-family: Menlo, Monaco, "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
+}
+
+@mixin verdana {
+  font-family: Verdana, Geneva, sans-serif;
+}
+
+@mixin minion-pro {
+  font-family: minion-pro, Georgia, serif;
+}
+
+@mixin bariol {
+  font-family: bariol, "arial rounded", sans-serif;
+  font-weight: normal;
+}
+
+@mixin bariol-bold {
+  font-family: "Bariol Bold", "Arial Rounded MT Bold", sans-serif;
+  font-weight: normal;
+}
+
+@mixin bariol-light {
+  font-family: "Bariol Light", "Arial Rounded MT Light", sans-serif;
+  font-weight: normal;
+}

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

@@ -0,0 +1,21 @@
+$column: 54px !default;
+$gutter: 30px !default;
+$grid-columns: 12 !default;
+$max-width: em($column * $grid-columns + ($grid-columns - 1) * $gutter) !default;
+
+@mixin shift-columns($columns, $font-size: $base-font) {
+  margin-left: em($columns * $column + $columns * $gutter, $font-size);
+}
+
+@mixin span-columns($columns, $font-size: $base-font) {
+  @include columns($columns, $font-size);
+  margin-right: em($gutter, $font-size);
+}
+
+@mixin columns($columns, $font-size: $base-font) {
+  width: em(($columns * $column) + (($columns - 1) * $gutter), $font-size);
+}
+
+@mixin all-columns($font-size: $base-font) {
+  @include span-columns($grid-columns, true, $font-size);
+}

data/app/assets/stylesheets/sassquatch/_hardware_accel.scss

@@ -0,0 +1,9 @@
+// CSS animations are much more efficient than JavaScript-based animation.
+// One nifty trick to take CSS animation performance to the next level is
+// forcing them into hardware acceleration.
+%hardware-accel {
+  -webkit-transform: translate3d(0, 0, 0);
+     -moz-transform: translate3d(0, 0, 0);
+      -ms-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}

data/app/assets/stylesheets/sassquatch/_image_replace.scss

@@ -0,0 +1,28 @@
+%image-replace {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
+
+// Apply SVG as background-image when possible.
+// If Rails support is enabled, use the image-url mixin.
+@mixin svg($path) {
+  @include background-image("#{$path}.svg");
+  .no-svg & { @include background-image("#{$path}.png"); }
+}
+
+@mixin image-replace($path, $width, $height) {
+  @extend %image-replace;
+  @include background-image($path);
+
+  height: $height;
+  width: $width;
+}
+
+@mixin svg-image-replace($path, $width, $height) {
+  @extend %image-replace;
+  @include svg($path);
+
+  height: $height;
+  width: $width;
+}

data/app/assets/stylesheets/sassquatch/_links.scss

@@ -0,0 +1,6 @@
+%text-decoration {
+  text-decoration: none;
+
+  &:hover,
+  &:focus { text-decoration: underline; }
+}

data/app/assets/stylesheets/sassquatch/_mute.scss

@@ -0,0 +1,5 @@
+$mute-color: #777 !default;
+
+%mute {
+  color: $mute-color;
+}

data/app/assets/stylesheets/sassquatch/_no_border.scss

@@ -0,0 +1,3 @@
+%no-border {
+  border: none;
+}

data/app/assets/stylesheets/sassquatch/_no_list_style.scss

@@ -0,0 +1,3 @@
+%no-list-style {
+  list-style: none;
+}

data/app/assets/stylesheets/sassquatch/_no_margin.scss

@@ -0,0 +1,3 @@
+%no-margin {
+  margin: 0;
+}

data/app/assets/stylesheets/sassquatch/_no_padding.scss

@@ -0,0 +1,3 @@
+%no-padding {
+  padding: 0;
+}

data/app/assets/stylesheets/sassquatch/_position.scss

@@ -0,0 +1,11 @@
+%absolute {
+  position: absolute;
+}
+
+%relative {
+  position: relative;
+}
+
+%fixed {
+  position: fixed;
+}

data/app/assets/stylesheets/sassquatch/_rails.scss

@@ -0,0 +1,7 @@
+@mixin rails {
+  @if $rails { @content; }
+}
+
+@mixin no-rails {
+  @if $rails != true { @content; }
+}

data/app/assets/stylesheets/sassquatch/_reset_box.scss

@@ -0,0 +1,4 @@
+%reset-box {
+  @extend %no-margin;
+  @extend %no-padding;
+}

data/app/assets/stylesheets/sassquatch/_reset_last_child.scss

@@ -0,0 +1,3 @@
+%reset-last-child > *:last-child {
+  margin-bottom: 0;
+}

data/lib/sassquatch.rb

@@ -0,0 +1,4 @@
+module Sassquatch
+  class Engine < Rails::Engine
+  end
+end

data/lib/sassquatch/version.rb

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

data/sassquatch.gemspec

@@ -0,0 +1,16 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path("../lib/sassquatch/version", __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Nando Vieira"]
+  gem.email         = ["fnando.vieira@gmail.com"]
+  gem.description   = "Some SCSS helpers"
+  gem.summary       = gem.description
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "sassquatch"
+  gem.require_paths = ["lib"]
+  gem.version       = Sassquatch::VERSION
+end

metadata

@@ -0,0 +1,74 @@
+--- !ruby/object:Gem::Specification
+name: sassquatch
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Nando Vieira
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-09-16 00:00:00.000000000 Z
+dependencies: []
+description: Some SCSS helpers
+email:
+- fnando.vieira@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- app/assets/stylesheets/sassquatch.scss
+- app/assets/stylesheets/sassquatch/_background_image.scss
+- app/assets/stylesheets/sassquatch/_centered.scss
+- app/assets/stylesheets/sassquatch/_clearfix.scss
+- app/assets/stylesheets/sassquatch/_display.scss
+- app/assets/stylesheets/sassquatch/_effects.scss
+- app/assets/stylesheets/sassquatch/_em.scss
+- app/assets/stylesheets/sassquatch/_flat_list.scss
+- app/assets/stylesheets/sassquatch/_floated_items.scss
+- app/assets/stylesheets/sassquatch/_font_face.scss
+- app/assets/stylesheets/sassquatch/_fonts.scss
+- app/assets/stylesheets/sassquatch/_grid.scss
+- app/assets/stylesheets/sassquatch/_hardware_accel.scss
+- app/assets/stylesheets/sassquatch/_image_replace.scss
+- app/assets/stylesheets/sassquatch/_links.scss
+- app/assets/stylesheets/sassquatch/_mute.scss
+- app/assets/stylesheets/sassquatch/_no_border.scss
+- app/assets/stylesheets/sassquatch/_no_list_style.scss
+- app/assets/stylesheets/sassquatch/_no_margin.scss
+- app/assets/stylesheets/sassquatch/_no_padding.scss
+- app/assets/stylesheets/sassquatch/_position.scss
+- app/assets/stylesheets/sassquatch/_rails.scss
+- app/assets/stylesheets/sassquatch/_reset_box.scss
+- app/assets/stylesheets/sassquatch/_reset_last_child.scss
+- lib/sassquatch.rb
+- lib/sassquatch/version.rb
+- sassquatch.gemspec
+homepage: 
+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.1.0
+signing_key: 
+specification_version: 4
+summary: Some SCSS helpers
+test_files: []