piecss 0.1.0.alpha.01

data/sass/piecss/settings.scss

@@ -0,0 +1,18 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+// ==========================================================================
+// Library Presets
+// ==========================================================================
+
+@import "settings/constants";
+@import "settings/fonts";
+@import "settings/base";
+
+// All below rely on setting in settings/base
+@import "settings/breakpoint";
+
+// Relies on setting in settings/breakpoint
+@import "settings/grid";
+@import "settings/form";
+@import "settings/list";

data/sass/piecss/settings/base.scss

@@ -0,0 +1,177 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+/**
+ * Compass has deprecated this value. Piecss is still using it.
+ *
+ * @since 0.1
+ *
+ * @type {Bool}
+ */
+
+$legacy-support-for-ie: false;
+
+/**
+ * Compass has deprecated this value. Piecss is still using it.
+ *
+ * @since 0.1
+ *
+ * @type {Bool}
+ */
+
+$legacy-support-for-mozilla: true;
+
+/**
+ * The unit to which to-unit() will convert px values. Used in various functions and mixins.
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$unit: 1em !default;
+
+/**
+ * If $unit is set to rem, the fallback will be implemented using this unit.
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$rem-fallback-unit: 1px !default;
+
+/**
+ * The unit line-heights will be expressed in.
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$line-height-unit: 1% !default;
+
+/**
+ * Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
+ * Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px. 
+ * 
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$base-font-size: 16px !default;
+
+/**
+ * The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$default-font-size: 16px !default;
+
+/**
+ * The default line-height for your project. This is translated to the final unit of output using the [$line-height-unit](./#line-height-unit) variable.
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$default-line-height: 24px !default;
+
+/**
+ * The default font for your project. It is set in a $font-type list, Piecss has a collection of pre-defined font-types that can be augmented.
+ * A font-type is a comma separated list of font-type, font-variant, font-weight and font-family.
+ *
+ * @todo the comma separated list will be changed to a space separated list, and a Map (both will apply)
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$default-font: $sans-serif-regular !default;
+
+/**
+ * The default color for the HTML background.
+ *
+ * @since 0.1
+ *
+ * @type {Color}
+ */
+
+$color-background: $white !default;
+
+/**
+ * The default color for text.
+ *
+ * @since 0.1
+ *
+ * @type {Color}
+ */
+
+$color-body: $darkslategray !default;
+
+/**
+ * The default color for anchors.
+ *
+ * @since 0.1
+ *
+ * @type {Color}
+ */
+
+$color-anchor: $blue !default;
+
+/**
+ * The default color for anchor hover state.
+ *
+ * @since 0.1
+ *
+ * @type {Color}
+ */
+
+$color-anchor--hover: darken($color-anchor, 20%) !default;
+
+/**
+ * The default color for anchor active state.
+ *
+ * @since 0.1
+ *
+ * @type {Color}
+ */
+
+$color-anchor--active: lighten($color-anchor, 15%) !default;
+
+/**
+ * The default color for anchor visited state.
+ *
+ * @since 0.1
+ *
+ * @type {Color}
+ */
+
+$color-anchor--visited: darken($color-anchor, 30%) !default;
+
+/**
+ * The default border-radius. Is used for example by the button and form modules for rounder corners.
+ * This ensures that the same border-radius is used accross your project.
+ *
+ * @since 0.1
+ *
+ * @type {Number}
+ */
+
+$corner-radius: 0 !default;
+
+/**
+ * If true, consistent quote types will be set.
+ *
+ * @since 0.1
+ *
+ * @type {Bool}
+ */
+
+$base-quote-quotes: true !default;

data/sass/piecss/settings/breakpoint.scss

@@ -0,0 +1,32 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+/**
+ * Breakpoint for smallest handheld devices (phones). Overwrite and augment breakpoint presets as you see fit.
+ *
+ * @since 0.1
+ *
+ * @type {String}
+ */
+
+$small_handheld: "(max-width: #{to-unit(480px,$unit,$default-font-size)})" !default;
+
+/**
+ * Breakpoint for medium handheld devices (tablets). Overwrite and augment breakpoint presets as you see fit.
+ *
+ * @since 0.1
+ *
+ * @type {String}
+ */
+
+$medium_handheld: "(min-width #{to-unit(481px,$unit,$default-font-size)}) and (max-width #{to-unit(1024px,$unit,$default-font-size)})" !default;
+
+/**
+ * Breakpoint for small desktop devices. Overwrite and augment breakpoint presets as you see fit.
+ *
+ * @since 0.1
+ *
+ * @type {String}
+ */
+
+$small_desktop: "(min-width: #{to-unit(1024px,$unit,$default-font-size)})" !default;

data/sass/piecss/settings/constants.scss

@@ -0,0 +1,147 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+$browser-default-font-size: 16px;
+
+
+$aliceblue: #f0f8ff;
+$antiquewhite: #faebd7;
+$aqua: #00ffff;
+$aquamarine: #7fffd4;
+$azure: #f0ffff;
+$becca: #639;
+$beige: #f5f5dc;
+$bisque: #ffe4c4;
+$black: #000000;
+$blanchedalmond: #ffebcd;
+$blue: #0000ff;
+$blueviolet: #8a2be2;
+$brown: #a52a2a;
+$burlywood: #deb887;
+$cadetblue: #5f9ea0;
+$chartreuse: #7fff00;
+$chocolate: #d2691e;
+$coral: #ff7f50;
+$cornflowerblue: #6495ed;
+$cornsilk: #fff8dc;
+$crimson: #dc143c;
+$cyan: #00ffff;
+$darkblue: #00008b;
+$darkcyan: #008b8b;
+$darkgoldenrod: #b8860b;
+$darkgray: #a9a9a9;
+$darkgreen: #006400;
+$darkkhaki: #bdb76b;
+$darkmagenta: #8b008b;
+$darkolivegreen: #556b2f;
+$darkorange: #ff8c00;
+$darkorchid: #9932cc;
+$darkred: #8b0000;
+$darksalmon: #e9967a;
+$darkseagreen: #8fbc8f;
+$darkslateblue: #483d8b;
+$darkslategray: #2f4f4f;
+$darkturquoise: #00ced1;
+$darkviolet: #9400d3;
+$deeppink: #ff1493;
+$deepskyblue: #00bfff;
+$dimgray: #696969;
+$dodgerblue: #1e90ff;
+$firebrick: #b22222;
+$floralwhite: #fffaf0;
+$forestgreen: #228b22;
+$fuchsia: #ff00ff;
+$gainsboro: #dcdcdc;
+$ghostwhite: #f8f8ff;
+$gold: #ffd700;
+$goldenrod: #daa520;
+$gray: #808080;
+$green: #008000;
+$greenyellow: #adff2f;
+$honeydew: #f0fff0;
+$hotpink: #ff69b4;
+$indianred : #cd5c5c;
+$indigo : #4b0082;
+$ivory: #fffff0;
+$khaki: #f0e68c;
+$lavender: #e6e6fa;
+$lavenderblush: #fff0f5;
+$lawngreen: #7cfc00;
+$lemonchiffon: #fffacd;
+$lightblue: #add8e6;
+$lightcoral: #f08080;
+$lightcyan: #e0ffff;
+$lightgoldenrodyellow: #fafad2;
+$lightgray: #d3d3d3;
+$lightgreen: #90ee90;
+$lightpink: #ffb6c1;
+$lightsalmon: #ffa07a;
+$lightseagreen: #20b2aa;
+$lightskyblue: #87cefa;
+$lightslategray: #778899;
+$lightsteelblue: #b0c4de;
+$lightyellow: #ffffe0;
+$lime: #00ff00;
+$limegreen: #32cd32;
+$linen: #faf0e6;
+$magenta: #ff00ff;
+$maroon: #800000;
+$mediumaquamarine: #66cdaa;
+$mediumblue: #0000cd;
+$mediumorchid: #ba55d3;
+$mediumpurple: #9370db;
+$mediumseagreen: #3cb371;
+$mediumslateblue: #7b68ee;
+$mediumspringgreen: #00fa9a;
+$mediumturquoise: #48d1cc;
+$mediumvioletred: #c71585;
+$midnightblue: #191970;
+$mintcream: #f5fffa;
+$mistyrose: #ffe4e1;
+$moccasin: #ffe4b5;
+$navajowhite: #ffdead;
+$navy: #000080;
+$oldlace: #fdf5e6;
+$olive: #808000;
+$olivedrab: #6b8e23;
+$orange: #ffa500;
+$orangered: #ff4500;
+$orchid: #da70d6;
+$palegoldenrod: #eee8aa;
+$palegreen: #98fb98;
+$paleturquoise: #afeeee;
+$palevioletred: #db7093;
+$papayawhip: #ffefd5;
+$peachpuff: #ffdab9;
+$peru: #cd853f;
+$pink: #ffc0cb;
+$plum: #dda0dd;
+$powderblue: #b0e0e6;
+$purple: #800080;
+$red: #ff0000;
+$rosybrown: #bc8f8f;
+$royalblue: #4169e1;
+$saddlebrown: #8b4513;
+$salmon: #fa8072;
+$sandybrown: #f4a460;
+$seagreen: #2e8b57;
+$seashell: #fff5ee;
+$sienna: #a0522d;
+$silver: #c0c0c0;
+$skyblue: #87ceeb;
+$slateblue: #6a5acd;
+$slategray: #708090;
+$snow: #fffafa;
+$springgreen: #00ff7f;
+$steelblue: #4682b4;
+$tan: #d2b48c;
+$teal: #008080;
+$thistle: #d8bfd8;
+$tomato: #ff6347;
+$turquoise: #40e0d0;
+$violet: #ee82ee;
+$wheat: #f5deb3;
+$white: #ffffff;
+$whitesmoke: #f5f5f5;
+$yellow: #ffff00;
+$yellowgreen: #9acd32;

data/sass/piecss/settings/fonts.scss

@@ -0,0 +1,31 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+// ==========================================================================
+// System fonts
+// ==========================================================================
+
+@import "fonts/serif";
+@import "fonts/sans-serif";
+@import "fonts/monospace";
+@import "fonts/verdana";
+
+
+// ==========================================================================
+// Google fonts
+// ==========================================================================
+
+@import "fonts/bree-serif";
+@import "fonts/lato";
+@import "fonts/pt-sans";
+@import "fonts/raleway";
+@import "fonts/righteous";
+@import "fonts/roboto";
+@import "fonts/varela-round";
+
+
+// ==========================================================================
+// Fontspring fonts
+// ==========================================================================
+
+@import "fonts/sofia-pro";

data/sass/piecss/settings/fonts/_asap.scss

@@ -0,0 +1,44 @@
+// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
+
+
+	// Use this file as a template for creating additional font files
+	// Replace the variable names accordingly
+
+	// Weight reference:
+	// 100 ultra-light
+	// 200 light
+	// 300 book
+	// 400 regular, or normal
+	// 500 medium
+	// 600 semi-bold
+	// 700 bold
+	// 800 extra-bold
+	// 900 heavy, or ultra-bold
+
+
+	// Example
+    // Available styles on Google Fonts: 400,700,400italic,700italic
+
+	$asap-fontface 						: "Asap";
+	$asap-fallback						: sans-serif;
+	$asap-family						: ($asap-fontface, $asap-fallback);
+
+	// style, variant, weight, family
+	$asap-ultra-light 					: normal normal 400 $asap-family;
+	$asap-light 						: normal normal 400 $asap-family;
+	$asap-book 							: normal normal 400 $asap-family;
+	$asap-regular 						: normal normal 400 $asap-family;
+	$asap-medium						: normal normal 500 $asap-family;
+	$asap-semi-bold						: normal normal 700 $asap-family;
+	$asap-bold 							: normal normal 700 $asap-family;
+	$asap-extra-bold 					: normal normal 700 $asap-family;
+	$asap-heavy 						: normal normal 700 $asap-family;
+	$asap-ultra-light-italic 			: italic normal 400 $asap-family;
+	$asap-light-italic 					: italic normal 400 $asap-family;
+	$asap-book-italic 					: italic normal 400 $asap-family;
+	$asap-regular-italic 				: italic normal 400 $asap-family;
+	$asap-medium-italic					: italic normal 700 $asap-family;
+	$asap-semi-bold-italic				: italic normal 700 $asap-family;
+	$asap-bold-italic 					: italic normal 700 $asap-family;
+	$asap-extra-bold-italic 			: italic normal 700 $asap-family;
+	$asap-heavy-italic 					: italic normal 700 $asap-family;