compass-pug 0.0.5 → 0.0.5.1

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    OThkM2ZhNjEzYjkzMTlmYjIyOTA2Y2ExZWRiYTg4NWMxZDAyNzM1MQ==
+    ZWVjODc1MWNhMDc5MWY1OTAyMmM4MjJiZTFhN2UxZDNlNzE2MmI0Ng==
   data.tar.gz: !binary |-
-    NWE2ZmJjMTcyMWRhOTI3YzMyNzFjOGE2ZGYxZGJlNDc4ZTQzMTdkNw==
+    NGQyOTc2OWYyNjI5ZmJhOGZmOWJkMGNjYWI1MWJmNDEzMjlmZjlmOQ==
 SHA512:
   metadata.gz: !binary |-
-    MDNlNDE5NDViNDk1MGZjNzI5ZTNmMWI2ZjMxNTk1MDEzNjkzMzI0NDVhNzZm
-    Nzk5ZmY0MGY2NDI3ZjA2YjBhMDJlMzJiYzEzYjU0ZjgxNWExNDM0MDU3N2Iw
-    ZDJjZWI3NDAyMDQzNmIzNzM4ZTUxNDZmMzY2NzVjY2YyOWFiZGU=
+    ODMzMThmNzBhZTMzMWYyMDQ1YzU2Nzc1MDJhZTlmMDhhZWJiMzlmM2I3NzNk
+    OGU1NTM1Njk4YTYyM2E2NWY5Y2Y5M2I0YzlmOWVjNTdjNTFkOGQ1OGY5NTBj
+    MDI3OGIyYTgxMWU3ZDg4ZTQ3MjEyMTA1NWY3OWI5MjVkYzgzZDg=
   data.tar.gz: !binary |-
-    ZTAzYjllZGVlNTBjMzZjZjEwOWJjZTI4ODM4YTE3OGYwNWE2ODY1NGNkNDAx
-    MzRiNDU2Y2YyMDcxODZkOGRmYzFkOGY2OWQwYTgxOTkyMWVjMmJhNWJmZjFj
-    YzYyYzhjY2E1NDUzYjEwZTMzZGVhMjE0MDQzNTczNWI4M2ZmN2M=
+    NmMzZDIzNDZhNzY0MzM2NjNhZTU3ZDc0Mzg2MDU2YmQyZjRkMDM2ZTEzY2Vj
+    MjU4MmYzODY5MzllNDU5MmE0NzM4ODA4N2Q5MWI4OTIzZWUwOWI2NGRlODIx
+    NTdiNDMxMzUxMDUwOWI1ZDgyMDBlMDUxZjJiZWYwZjQ1YjdiZjc=

data/README.md

@@ -1,10 +1,10 @@
 # Pug for Compass
 
-A collection of Sass functions and mixins for use in Compass projects. It currently requires Compass `>= 1.0.0.rc.1`.
+Pug is a collection of mixins and functions for use in Sass/Compass projects. It provides various helpers and utilities, some of which are adapted from CSS classes included in various HTML starter packages like Bootstrap and HTML5 Boilerplate. It aims to increase consistency and productivity in front-end development, as well as to help get non-semantic utility classes out of markup.
 
 ## Installation
 
-Pug is distributed as a Ruby gem called `compass-pug`. You can install it with the `gem` command:
+Pug is distributed as a Ruby gem called `compass-pug` and requires Compass `1.0+`. You can install it (and its dependencies) with the `gem` command:
 
     gem install compass-pug
 
@@ -26,7 +26,10 @@ For complete details, including function/mixin parameters, view the `stylesheets
 * `pug-alignleft()`: Sets `display:inline`, `float:left` and applies some right margin based on the configured horizontal unit.
 * `pug-alignright()`: Sets `display:inline`, `float:right` and applies some left margin based on the configured horizontal unit.
 * `pug-clearfix()`: Clearfix. Alias for `pug-micro-clearfix()`.
+* `pug-columns-3()`: Apply to items that should be displayed in a 3-column grid.
+* `pug-columns-4()`: Apply to items that should be displayed in a 4-column grid.
 * `pug-dark-bg-with-light-text()`: Quickly apply bg, text and link colors to a selector appropriate for a dark background with light text.
+* `pug-image-replacement()`: [Adapted from HTML5 Boilerplate's](http://html5boilerplate.com/) `.ir` class.
 * `pug-light-bg-with-dark-text()`: Quickly apply bg, text and link colors to a selector appropriate for a light background with dark text.
 * `pug-micro-clearfix()`: [Provides Nicolas Gallagher's Micro Clearfix](http://nicolasgallagher.com/micro-clearfix-hack/).
 * `pug-placeholder-color()`: Generates cross-browser CSS (with selectors) for setting the color of input field placeholder text. Via [CSS Tricks](http://css-tricks.com/snippets/css/style-placeholder-text/).
@@ -45,6 +48,7 @@ For complete details, including function/mixin parameters, view the `stylesheets
 
 Below are the variables and their default values defined in `stylesheets/_pug.scss`. You can override any or all of these in your code by declaring them yourself *before* you import Pug (omit the `!default` flag shown on the definitions below if you do that).
 
+    // Colors
     $pug-bg-color-light: #FFF !default;
     $pug-bg-color-dark: #202020 !default;
 
@@ -72,7 +76,6 @@ Below are the variables and their default values defined in `stylesheets/_pug.sc
     // Vars related to horizontal rhythm (gridding).
     $pug-hr-horizontal-unit: 10px !default;
 
-
 ## Development
 
 ### Generating a Release

data/stylesheets/pug/_mixins.scss

@@ -36,6 +36,34 @@
 	@include pug-micro-clearfix();
 }
 
+/**
+ * Apply to items that should be displayed in a 3-column grid.
+ */
+@mixin pug-columns-3 {
+	float: left;
+	margin-right: 1.83%;
+	max-width: 385px;
+	position: relative;
+	width: 32.08%;
+	&:nth-of-type(3n) {
+		margin-right: 0;
+	}
+}
+
+/**
+ * Apply to items that should be displayed in a 4-column grid.
+ */
+@mixin pug-columns-4 {
+	float: left;
+	margin-right: 1.08%;
+	max-width: 290px;
+	position: relative;
+	width: 24.16%;
+	&:nth-of-type(4n) {
+		margin-right: 0;
+	}
+}
+
 /**
  * Quickly apply appropriate styles to an element for having a dark background.
  *
@@ -46,6 +74,8 @@
  * @param string $link-default-color
  * @param string $link-visited-color
  * @param string $link-hover-color
+ *
+ * @see pug-dark-bg-with-dark-text
  */
 @mixin pug-dark-bg-with-light-text(
 		$bg-color: $pug-bg-color-dark,
@@ -69,6 +99,25 @@
 	}
 }
 
+/**
+ * Image replacement
+ *
+ * Adapted from HTML5 Boilerplate's .ir class.
+ */
+@mixin pug-image-replacement {
+	background-color: transparent;
+	border: 0;
+	overflow: hidden;
+	/* IE 6/7 fallback */
+	*text-indent: -9999px;
+	&:before {
+		content: "";
+		display: block;
+		height: 150%;
+		width: 0;
+	}
+}
+
 /**
  * Quickly apply appropriate styles to an element for having a light background.
  *
@@ -79,6 +128,8 @@
  * @param string $link-default-color
  * @param string $link-visited-color
  * @param string $link-hover-color
+ *
+ * @see pug-dark-bg-with-light-text
  */
 @mixin pug-light-bg-with-dark-text(
 		$bg-color: $pug-bg-color-light,

metadata

@@ -1,30 +1,34 @@
 --- !ruby/object:Gem::Specification
 name: compass-pug
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.5.1
 platform: ruby
 authors:
 - Andrew Kamm
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-06 00:00:00.000000000 Z
+date: 2014-08-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ~>
       - !ruby/object:Gem::Version
-        version: 1.0.0.rc.1
+        version: '1.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ~>
       - !ruby/object:Gem::Version
-        version: 1.0.0.rc.1
-description: a collection of mixins for compass
+        version: '1.0'
+description: Pug is a collection of mixins and functions for use in Sass/Compass projects.
+  It provides various helpers and utilities, some of which are adapted from CSS classes
+  included in various HTML starter packages like Bootstrap and HTML5 Boilerplate.
+  It aims to increase consistency and productivity in front-end development, as well
+  as to help get non-semantic utility classes out of markup.
 email: ak@kamm.co
 executables: []
 extensions: []
@@ -35,8 +39,9 @@ files:
 - stylesheets/_pug.scss
 - stylesheets/pug/_functions.scss
 - stylesheets/pug/_mixins.scss
-homepage: http://kamm.co/
-licenses: []
+homepage: https://github.com/fatleaf/compass-pug
+licenses:
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []
@@ -57,5 +62,5 @@ rubyforge_project:
 rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
-summary: a collection of mixins for compass
+summary: A collection of mixins and functions for use in Sass/Compass projects.
 test_files: []