compass-pug 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    NGU1ZTQzMDNjMTAxYzc5ZGI1NGJmODE2N2E5Y2QyMWZhMjRhN2Y3MQ==
+  data.tar.gz: !binary |-
+    NmU2NDNhNjY1YjI0Y2ExN2ZhYjFlN2IyNjBhOGY1ODk5NWQwOGNhMA==
+SHA512:
+  metadata.gz: !binary |-
+    ZDJjYjE1ZDUyNmQxZDhjNDBlZTM3YjRjOTdhYjc2MzI1MjFmYzU2ZTM2NDBk
+    ZjMzMjRhMGEwODU1YWJiZjNlZDBhM2Q4YTg3MjRlMzk4ZDQyMmM0MjE4ZTZj
+    ZmU1NTYzODYxNjE3OGVlNzM0NjA0OGY5ZWNhNzdmYWVmN2ZiNjQ=
+  data.tar.gz: !binary |-
+    NmVkMjhhMTZhYjcxMmYzYzI3MWEzZDU2Y2I4YzY4MGQxMDY3MmExMzQwNzM0
+    MjRlNzQxYWVkZjUxZjYzMDYyZjliMmVlNjIyMTNmOGRlYTRjMjM4ZWJhOTll
+    MzQ5MGU2NzFjNmUzNGM0NGYwMjQ3MGY5MWQ2MjViY2IzNmQ1Mjk=

data/README.md

@@ -0,0 +1 @@
+# Pug for Compass

data/lib/compass-pug.rb

@@ -0,0 +1 @@
+Compass::Frameworks.register("compass-pug", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_pug.scss

@@ -0,0 +1,18 @@
+/**
+ * Pug: Default configuration vars and imports.
+ */
+
+// Default values
+// ---------------------------------------------------------------------------
+$pug-tab-size: 2 !default;
+
+// Vars related to vertical-rhythm.
+$pug-vr-base-font-size: 16px !default;
+$pug-vr-vertical-unit: 24px !default;
+$pug-vr-preferred-division: 0.5 !default;
+$pug-vr-line-height-minimum-difference-proportion: 0.25 !default;
+
+// Import
+// ---------------------------------------------------------------------------
+@import "pug/functions"
+@import "pug/mixins"

data/stylesheets/pug/_functions.scss

@@ -0,0 +1,129 @@
+/* Pug - Core Functions */
+
+/**
+ * Calculate an appropriate line-height value that maintains vertical rhythm.
+ *
+ * Note that $font-size and $vertical-unit must use the same unit of measurement (px, rem, em, etc).
+ *
+ * @param string $font-size
+ *  Font-size to use for generating the line-height result. Must have same unit of measurement as $vertical-unit.
+ * @param string $vertical-unit
+ *
+ * @param number $division
+ *  Represents how $vertical-unit will be divided. Usually this should be 1, 0.5 or 0.25.
+ * @param number $minimum-difference-proportion
+ *  Minimum acceptable proportional diff.
+ */
+@function pug-calculate-line-height(
+		$font-size $pug-vr-base-font-size,
+		$vertical-unit: $pug-vr-vertical-unit,
+		$division: $pug-vr-division,
+		$minimum-difference-proportion: $pug-vr-line-height-minimum-difference-proportion
+	) {
+
+	// Make sure the font size and line height use the same unit of measurement.
+	@if pug-units-match($font-size, $vertical-unit) == false {
+		@warn "Incompatible font-size and vertical-unit arguments [#{$_font-size-unit} and #{$_vertical-unit-unit}]";
+		@return false;
+	}
+
+	// If the font size is less than the VU and the diff is greater than the $minimum-difference-proportion,
+	// just return the submitted VU.
+	@if $font-size < ($vertical-unit * $minimum-difference-proportion) {
+		@return $vertical-unit;
+	}
+	// Otherwise we'll need to calculate a proper value.
+	@else {
+		// Our minimum unit of height.
+		$m: $vertical-unit*$division;
+		// The line-height var we'll be calculating, starting with $vertical-unit as the min.
+		$lh: $vertical-unit;
+		// Add $m to it until we get a suitable value.
+		@while $font-size > $lh - ($lh*$minimum-difference-proportion) {
+			$lh: $lh+$m;
+		}
+		@return $lh;
+	}
+}
+
+/**
+ * Round a size up to the nearest factor of a vertical unit (or of a sub-unit of that vertical unit).
+ * Parameters must use the same unit of measurement (rem, px, etc).
+ *
+ * @param string $original-size
+ * @param string $vertical-unit
+ * @param number $division
+ *  If you want to allow factors of a division of $vertical-unit, use a decimal value here (like 0.5).
+ */
+@function pug-round-up-to-nearest-vertical-unit(
+		$original-size,
+		$vertical-unit: $pug-vr-vertical-unit,
+		$division: $pug-vr-preferred-division
+	) {
+	@if pug-units-match($original-size, $vertical-unit) == false {
+		@warn "Incompatible arguments passed to PROJECT-round-up-to-nearest-vertical-unit()";
+		@return false;
+	}
+	@else {
+		// If size is less than or equal to VU, return VU.
+		@if $original-size <= $vertical-unit {
+			@return $vertical-unit;
+		}
+		// Otherwise generate an appropriate value.
+		@else {
+			// Our minimum unit of height.
+			$m: $vertical-unit*$division;
+			// The line-height var we'll be calculating, starting with $vertical-unit as the min.
+			$new-height: $vertical-unit;
+			// Add $m to it until we get a suitable value.
+			@while $original-size > $new-height {
+				$new-height: $new-height+$m;
+			}
+			@return $new-height;
+		}
+	}
+}
+
+/**
+ * Strip unit of measurement from a numeric value.
+ * For example, "10px" becomes "10".
+ *
+ * From http://stackoverflow.com/a/12335841
+ *
+ * @param string $number
+ * @return number
+ */
+@function pug-strip-units($number) {
+	$new: $number / ($number * 0 + 1);
+	@return $new;
+}
+
+/**
+ * Determine whether two or more values use the same unit of measurement.
+ *
+ * Similar to the Sass comparable() function but requires exact match
+ * (such as mm and mm, but not cm and mm).
+ *
+ * @param string $v1 The first value to compare.
+ * @param [...] $others One or more additional values to compare.
+ * @return boolean
+ */
+@function pug-units-match($v1, $others...) {
+	/* Example usages:
+		@debug pug-units-match(1px, 4px);           // true
+		@debug pug-units-match(1px, 4rem);          // false
+		@debug pug-units-match(1px, 4px, 12px);     // true
+		@debug pug-units-match(1rem, 4rem, 1.2rem); // true
+		@debug pug-units-match(1rem, 4px, 1.2rem);  // false
+	*/
+	$v1-unit: unit($v1);
+	$return: true;
+	@for $i from 1 through length($others) {
+		$cur-unit: unit(nth($others, $i));
+		@if $cur-unit != $v1-unit {
+			$return: false;
+		}
+	}
+	@return $return;
+}
+

data/stylesheets/pug/_mixins.scss

@@ -0,0 +1,97 @@
+/* Pug - Core Mixins */
+
+/**
+ * Micro-clearfix.
+ *
+ * @see http://nicolasgallagher.com/micro-clearfix-hack/
+ */
+@mixin pug-micro-clearfix() {
+	&:before,
+	&:after {
+		content: " ";
+		display: table;
+	}
+	&:after {
+		clear: both;
+	}
+	*zoom: 1; // IE6/7:  Include this rule to trigger hasLayout and contain floats.
+}
+
+/**
+ * Cross-browser default placeholder text color.
+ *
+ * Don't use this within a selector. Just drop it in at the top level of your sass code.
+ *
+ * @param string $color
+ * @see http://css-tricks.com/snippets/css/style-placeholder-text/
+ */
+@mixin pug-placeholder-color($color) {
+	::-webkit-input-placeholder {
+		color: $color;
+	}
+	:-moz-placeholder { /* Firefox 18- */
+		color: $color;
+	}
+	::-moz-placeholder {  /* Firefox 19+ */
+		color: $color;
+	}
+	:-ms-input-placeholder {
+		color: $color;
+	}
+}
+
+
+/**
+ * Vendor-prefixed tab sizing. Use in elements such as pre.
+ *
+ * @param number $size
+ */
+@mixin pug-tab-size($size: $pug-tab-size) {
+	tab-size: $size;
+	-moz-tab-size: $size;
+	-o-tab-size: $size;
+	white-space: pre-wrap;
+}
+
+/**
+ * Apply to an element to make it accessible only to screen readers. (adapted from Bootstrap 3)
+ *
+ * @see sr-only-focusable()
+ * @see http://getbootstrap.com/css/#helper-classes-screen-readers
+ */
+@mixin sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0,0,0,0);
+	border: 0;
+}
+
+/**
+ * Applies sr-only and shows the element again when it's focused. (adapted from Bootstrap 3)
+ *
+ * @param boolean $include-sr-only
+ *  Whether to automatically the sr-only() mixin, which is required for this to work (you would
+ *  only set this to false if you had already applied sr-only() to an element receiving
+ *  sr-only-focusable).
+ *
+ * @see sr-only()
+ * @see http://getbootstrap.com/css/#helper-classes-screen-readers
+ */
+@mixin sr-only-focusable($include-sr-only: true) {
+	@if $include-sr-only == true {
+		@include sr-only;
+	}
+	&:active,
+	&:focus {
+		position: static;
+		width: auto;
+		height: auto;
+		margin: 0;
+		overflow: visible;
+		clip: auto;
+	}
+}

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification
+name: compass-pug
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Andrew Kamm
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-07-27 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha.21
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha.21
+description: a collection of mixins for compass
+email: ak@kamm.co
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/compass-pug.rb
+- stylesheets/_pug.scss
+- stylesheets/pug/_functions.scss
+- stylesheets/pug/_mixins.scss
+homepage: http://kamm.co/
+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: a collection of mixins for compass
+test_files: []