dropcloth 0.1.3 → 0.1.4

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    Y2QxNTQyZDQ4ZmJiMDUzZWU5YTE1NzE1MDQ1ZTZlZWRkODFjNGQ5Zg==
+    Njg2MDAzZjE2OTk2YjBkZTFmMDE2ODJiZDM0OGE4MDI2MzNkYzUyMA==
   data.tar.gz: !binary |-
-    MWViYmJlMmI3OTdhZDMwNDM1OGIxYmY1YzE3YzkxZTdlMGM3M2NhZQ==
+    YTY1OWZjNGQ3ZWY4ZjAxNGYwZjM4NGFhZjJlMjJhNDU4MDlmYmIyNw==
 SHA512:
   metadata.gz: !binary |-
-    YTQ3MWExZWM0NDkxNWFlZjkxMGRhNDViOTU0NjNiMTJhMDkxYTg1NGFlNTVh
-    MTZiNTA0OTU3Mjg4OGFlNGE4NWEzNTExNDA1MTU3MjY0NzVkMTkzOTc5MGMx
-    YmQ0MzY2ZDI5N2IzNDZmODJlZWRlYzA5NzAzODI2YmJlY2UxYWU=
+    MmNhOGUyZDUyMTk3ZWNhOTU3YmE2OWE3NTIxM2ZiNWQ1M2EzNGY5NTc2NDJm
+    YjRlMmRjYTM3MTVkZTk1NWM2OTcyNzU0YjkyOTk4MzgzYjYzM2QxODRkYjBk
+    ZTcyYjk4NDhlY2JiNTM5MjA0YTcwNTMxMTZmMzk2NWFhYWI1NTI=
   data.tar.gz: !binary |-
-    YTVlYjllYWU1ZjcxZmZhMDk1Y2MyNDYyMmE0M2M2YWFjNTc4MmM3MjA1Mzhi
-    ZWRlOTUwNTFkNmJkNDU2NDA2MTY4MzExMzk1MmZiOWEwMzBhMmYwNGFhNjQ2
-    MGU1ZDRiMDIwNTIyOWVmNTlhYjk5ZDk5M2VmYmEyYTE0ZTdmMWY=
+    NmNhNGU5NjBhOWRmZTgzZmZlYTBlODhjNzc1NWZiZDc5NWQ3MmU5OTkxYWFk
+    ZTA4M2M2NGMwMzQwZTA5NjE1MmFkMzc1ZDhmZTNjOWFjMDUzMmQwNmY4NDNm
+    NWIwZTE2MDM0NmQ3NWJlNDI5NWQ3ZjFmOGU2YTRlYTNhM2FkMDg=

data/README.md

@@ -11,7 +11,7 @@ Install
 
 Dropcloth is distributed as a Ruby Gem. On your computer, simply run:
 
-  $ sudo gem install dropcloth
+    $ sudo gem install dropcloth
 
 
 Use
@@ -21,12 +21,78 @@ If you are using Compass (and you should!) then you can add it to an existing
 project by editing the project's configuration file, config.rb, and adding this
 line:
 
-  require 'dropcloth'
+    require "dropcloth"
 
 You can then start using Dropcloth in your theme. Just add this line to one
 of your .sass or .scss files and theme with confidence!
 
-  @import 'dropcloth';
+    @import "dropcloth";
+
+
+Sass Mixins & Placeholders
+--------------------------
+
+### @include onhover{ @content; }
+
+* Enables hover effects. Includes .hover helper class as well as :focus for accessibility.
+
+
+### @include placeholder($opacity: 1) { @content; }
+
+* Styles HTML5 placeholder attributes with .placeholder class support for legacy support.
+
+* *@param (float) $opacity* -- A floating decimal to be passed as the element's opacity (default: 1).
+
+* *@see* https://github.com/mathiasbynens/jquery-placeholder
+
+
+### @include selection{ @content; }
+
+* Cross-browser selection styling.
+
+
+### @include linkify($rev: false);
+
+* Styles all <a> element children as a revlink or stdlink (see placeholders below)
+
+* *@param (bool) $rev* -- Whether the link should be reversed or not (default: false).
+
+
+### @extend %no-title;
+
+* Hides Drupal .block-title elements.
+
+
+### @extend %stdlink;
+
+* Standard Link. Removes underline text-decoration on hover.
+
+
+### @extend %revlink;
+
+* Reverse Link. Removes underline text-decoration, but displays it on hover.
+
+
+### @extend %grayscale;
+
+* A more x-browser friendly grayscale filter.
+
+* *@requires* compass/css3
+
+
+### @extend %element-invisible;
+
+* Hides an element the way Drupal does a la .element-invisble.
+
+
+### @extend %element-invisible-off;
+
+* Reverses effects of element-invisible.
+
+
+### @extend %element-focusable;
+
+* Hides an element using element-invisible, but allows it to be displayed on focus.
 
 
 Requirements

data/dropcloth.gemspec

@@ -6,10 +6,10 @@ Gem::Specification.new do |s|
   s.summary     = %q{A Compass plugin for Drupal.}
   s.description = %q{Dropcloth provides a set of base styles for Drupal theming.}
 
-  s.homepage    = 'http://awpny.com'
+  s.homepage    = 'https://github.com/kaidjohnson/dropcloth'
   s.rubyforge_project =
 
-  s.version     = '0.1.3'
+  s.version     = '0.1.4'
   s.date        = '2013-10-07'
   s.license     = 'GPL-2'
 

data/stylesheets/base/_mixins.scss

@@ -1,46 +1,19 @@
-// Hides block titles.
-@mixin no-title {
-  .block-title{
-    display: none;
-  }
-}
-
-// Hides an element from view, the Drupal way.
-@mixin element-invisible {
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-}
-
-// Turns off the element-invisible effect.
-@mixin element-invisible-off {
-  position: static !important;
-  clip: auto;
-  height: auto;
-  width: auto;
-  overflow: auto;
-}
-
-// Hides the element but makes it appear on focus. Improves accessibility.
-@mixin element-focusable {
-  @include element-invisible;
-  &:active,
-  &:focus {
-    @include element-invisible-off;
+// Hover shortcut
+@mixin onhover{
+  &.hover,
+  &:hover,
+  &:focus{
+    @content;
   }
 }
 
 // Style placeholders
-@mixin placeholder($o: 1) {
-  &.placeholder { @include opacity($o); @content; }
-  &:-ms-input-placeholder { @include opacity($o); @content; }
-  &:-moz-placeholder { @include opacity($o); @content; }
-  &::-moz-placeholder { @include opacity($o); @content; }
-  &::-webkit-input-placeholder { @include opacity($o); @content; }
+@mixin placeholder($opacity: 1) {
+  &.placeholder { @include opacity($opacity); @content; }
+  &:-ms-input-placeholder { @include opacity($opacity); @content; }
+  &:-moz-placeholder { @include opacity($opacity); @content; }
+  &::-moz-placeholder { @include opacity($opacity); @content; }
+  &::-webkit-input-placeholder { @include opacity($opacity); @content; }
 }
 
 // Style ::selection
@@ -49,12 +22,10 @@
   ::-moz-selection{ @content; }
 }
 
-// Hover shortcut
-@mixin onhover{
-  &.hover,
-  &:hover,
-  &:focus{
-    @content;
+// Hides block titles.
+%no-title {
+  .block-title{
+    display: none;
   }
 }
 
@@ -81,6 +52,34 @@
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
 }
 
+// Hides an element from view, the Drupal way.
+%element-invisible {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+// Turns off the element-invisible effect.
+%element-invisible-off {
+  position: static !important;
+  clip: auto;
+  height: auto;
+  width: auto;
+  overflow: auto;
+}
+
+// Hides the element but makes it appear on focus. Improves accessibility.
+%element-focusable {
+  @extend %element-invisible;
+  @include onhover{
+    @extend %element-invisible-off;
+  }
+}
+
 // Links within a container
 @mixin linkify($rev: false) {
   a{

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dropcloth
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Kai Johnson
@@ -56,7 +56,7 @@ files:
 - stylesheets/dropcloth.scss
 - templates/project/manifest.rb
 - dropcloth.gemspec
-homepage: http://awpny.com
+homepage: https://github.com/kaidjohnson/dropcloth
 licenses:
 - GPL-2
 metadata: {}
@@ -75,7 +75,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 0.1.3
+rubyforge_project: 0.1.4
 rubygems_version: 2.1.5
 signing_key: 
 specification_version: 4