piecss 0.4.0 → 0.5.0

data/sass/piecss/behavior/base/_settings.scss

@@ -2,14 +2,17 @@
 
 
 ///
-/// 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.
+/// 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)
+/// @todo the comma separated list will be changed to a space separated list,
+/// and a Map (both will apply)
 ///
 /// @since 0.1
 ///
-/// @type {Number}
+/// @type {Number} (normal normal 400 sans-serif)
 ///
 
 $default-font: $sans-serif-regular !default;
@@ -19,7 +22,7 @@ $default-font: $sans-serif-regular !default;
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#fff)
 ///
 
 $color-background: $white !default;
@@ -29,17 +32,17 @@ $color-background: $white !default;
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#000)
 ///
 
-$color-body: $darkslategray !default;
+$color-body: $black !default;
 
 ///
 /// The primary color for UI elements.
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#ff8c00)
 ///
 
 $color-primary: $orange !default;
@@ -49,7 +52,7 @@ $color-primary: $orange !default;
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#fa8072)
 ///
 
 $color-secondary: $salmon !default;
@@ -62,7 +65,7 @@ $color-secondary: $salmon !default;
 /// @example
 /// mix($color-shadow, $color-primary, 20%);
 ///
-/// @type {Color}
+/// @type {Color} (#000)
 ///
 
 $color-shadow: $black !default;
@@ -75,27 +78,27 @@ $color-shadow: $black !default;
 /// @example
 /// mix($color-highlight, $color-primary, 20%);
 ///
-/// @type {Color}
+/// @type {Color} (#fff)
 ///
 
-$color-highlight: $black !default;
+$color-highlight: $white !default;
 
 ///
 /// The default color for anchors.
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#fa8072)
 ///
 
-$color-anchor: $blue !default;
+$color-anchor: $salmon !default;
 
 ///
 /// The default color for anchor hover state.
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#f7270f)
 ///
 
 $color-anchor--hover: darken($color-anchor, 20%) !default;
@@ -105,7 +108,7 @@ $color-anchor--hover: darken($color-anchor, 20%) !default;
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#fdc3bc)
 ///
 
 $color-anchor--active: lighten($color-anchor, 15%) !default;
@@ -115,7 +118,7 @@ $color-anchor--active: lighten($color-anchor, 15%) !default;
 ///
 /// @since 0.1
 ///
-/// @type {Color}
+/// @type {Color} (#cc1b07)
 ///
 
 $color-anchor--visited: darken($color-anchor, 30%) !default;
@@ -125,21 +128,426 @@ $color-anchor--visited: darken($color-anchor, 30%) !default;
 ///
 /// @since 0.1
 ///
-/// @type {Bool}
+/// @type {Bool} (true)
 ///
 
-$base-quote-quotes: true !default;
+$normalize-quote-quotes: true !default;
 
 ///
-/// Based on an idea by [@csswizardry](https://twitter.com/csswizardry): apply a bottom margin of one rhythm height to any element in this comma separated list.
+/// 1. Apply a natural box layout model to all elements
+/// 2. Experimentally align all elements to bottom
 ///
-/// @since 0.1
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$reset-box-model: true !default;
+
+///
+/// When true:
+/// * Corrects `block` display not defined for any HTML5 element in IE 8/9.
+/// * Corrects `block` display not defined for `details` or `summary` in IE
+///   10/11 and Firefox.
+/// * Corrects `block` display not defined for `main` in IE 11.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-block-display: true !default;
+
+///
+/// When true, address margin not present in IE 8/9 and Safari.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-figure-margin: true !default;
+
+///
+/// When $normalize-figure-margin equals true, this margin is applied to the
+/// figure element.
+///
+/// @since 0.5
+///
+/// @type {List} (1em 40px)
+///
+
+$figure-margin: gutter() rhythm(5) !default;
+
+///
+/// When true, address differences between Firefox and other browsers.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-horizontal-rule: true !default;
+
+///
+/// When true, removes most spacing between table cells.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$reset-table: true !default;
+
+///
+/// When true, removes default vertical scrollbar in IE 8/9/10/11.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-textarea: true !default;
+
+///
+/// Prevent `sub` and `sup` affecting `line-height` in all browsers.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-sup-sub: true !default;
+
+///
+/// When $normalize-sup-sub equals true, sup top offset is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (-.5em)
+///
+
+$sup-offset-top: -.5em !default;
+
+///
+/// When $normalize-sup-sub equals true, sub bottom offset is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (-.25em)
+///
+
+$sub-offset-bottom: -.25em !default;
+
+///
+/// When $normalize-sup-sub equals true, sup and sub font-size is set to this
+/// value.
+///
+/// @since 0.5
+///
+/// @type {Number} (75%)
+///
+
+$sup-sub-font-size: 75% !default;
+
+///
+/// When true, removes border when inside `a` element in IE 8/9/10.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-img-border: true !important;
+
+///
+/// When true, corrects overflow not hidden in IE 9/10/11.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-svg: true !important;
+
+///
+/// When true, contains overflow of pre in all browsers.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-pre-overflow: true !important;
+
+///
+/// When true, addresses odd `em`-unit font size rendering in all browsers.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-monospace-elements: true !important;
+
+///
+/// When $normalize-monospace-elements equals true, font-size is set to this
+/// value.
+///
+/// @since 0.5
+///
+/// @type {Number} (1em)
+///
+
+$monospace-elements-font-size: 1em !default;
+
+///
+/// When true, presets the monospace font-size.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$reset-monospace-elements: true !important;
+
+///
+/// When $reset-monospace-elements equals true, font-family is set to this
+/// value. The font-family: monospace, monospace hack fixes the inheritance and
+/// scaling of font-size for preformatted text. The duplication of monospace is
+/// intentional.
+///
+/// @since 0.5
+///
+/// @type {String} (monospace, monospace)
+///
+
+$monospace-elements-font-family: #{$monospace-family}, #{$monospace-family} !default;
+
+///
+/// These elements font-weight will be set to bold
+///
+/// @since 0.5
+///
+/// @type {List} ("strong")
+///
+
+$reset-font-weight-to-bold: ("optgroup", "strong") !default;
+
+///
+/// These elements font-weight will be set to italic
+///
+/// @since 0.5
+///
+/// @type {List} ("em", "dfn")
+///
+
+$reset-font-weight-to-italic: ("em", "dfn") !default;
+
+///
+/// These elements font-weight will be set to regular
+///
+/// @since 0.5
+///
+/// @type {List} ("i", "b")
+///
+
+$reset-font-weight-to-regular: ("i", "b") !default;
+
+///
+/// These elements font-size, line-height and font-weight will be reset
+/// to their parent's values.
+///
+/// @since 0.5
+///
+/// @type {List} ((button, input, optgroup, select, textarea))
+///
+
+$reset-font: (button, input, optgroup, select, textarea) !default;
+
+///
+/// These elements margin will be reset to 0.
 ///
-/// @type {List}
+/// @since 0.5
 ///
+/// @type {List} ((body, button, input, optgroup, select, textarea))
+///
+
+$reset-margin: (body, button, input, optgroup, select, textarea) !default;
 
-$single-direction-elements: (p, pre, table, hr, article) !default;
+///
+/// When true, addresses variable `h1` font-size and margin within `section`
+/// and `article` contexts in Firefox 4+, Safari, and Chrome.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
 
+$normalize-h1: true !default;
 
+///
+/// When $normalize-h1 equals true, font-size is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (2em)
+///
+
+$h1-font-size: to-unit(32px) !default;
+
+///
+/// When $normalize-h1-font-size equals true, font-size is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (2em)
+///
+
+$h1-line-height: to-unit(line-height(32px, 1), $line-height-unit) !default;
+
+
+///
+/// When true, addresses inconsistent and variable font size in all browsers.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-small: true !default;
+
+///
+/// When $normalize-small equals true, font-size is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (80%)
+///
+
+$small-font-size: 80% !default;
+
+///
+/// When true, defines consistent border, margin, and padding.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-fieldset: true !default;
+
+///
+/// When $normalize-fieldset equals true, fieldset border is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (80%)
+///
+
+$fieldset-border: 1px solid shade(20%) !default;
+
+///
+/// When $normalize-fieldset equals true, fieldset margin is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (80%)
+///
+
+$fieldset-margin: 0 rhythm(.5) !default;
+
+///
+/// When $normalize-fieldset equals true, fieldset padding is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (80%)
+///
+
+$fieldset-padding: rhythm(.5) rhythm(1) !default;
+
+///
+/// Address styling not present in IE 8/9.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-mark: true !default;
+
+///
+/// When $normalize-mark equals true, mark background is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (80%)
+///
+
+$mark-background: $yellow !default;
+
+///
+/// When $normalize-mark equals true, mark text color is set to this value.
+///
+/// @since 0.5
+///
+/// @type {Number} (80%)
+///
+
+$mark-color: $color-body !default;
+
+///
+/// Remove the gray background color from active links in IE 10.
+/// Improve readability when focused and also mouse hovered in all browsers.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-anchor: true !default;
+
+///
+/// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-abbr: true !default;
+
+///
+/// Correct `color` not being inherited in IE 8/9/10/11.
+/// Remove padding so people aren't caught out if they zero out fieldsets.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-legend: true !default;
+
+///
+/// Known limitation: by default, Chrome and Safari on OS X allow very limited
+/// styling of `select`, unless a `border` property is set.
+///
+/// @since 0.5
+///
+/// @type {Bool} (true)
+///
+
+$normalize-form-elements: true !default;
+
+///
+/// Based on an idea by [@csswizardry](https://twitter.com/csswizardry):
+/// apply a bottom margin of one line-height to any element in this comma
+/// separated list.
+///
+/// @since 0.1
+///
+/// @type {List} (true) (p, pre, table, hr, article)
+///
 
-$reset-fieldset: true;
+$single-direction-elements: p, pre, table, hr, article !default;

data/sass/piecss/behavior/form/_form.scss

@@ -38,7 +38,7 @@ Field base
 select:not([size]) {
   @extend #{$form-select-dropdown-selector} !optional;
   @if to-bool($select-appearance) {
-    @include reset-appearance($select-appearance);
+    appearance: $select-appearance;
   }
   @if $select-webkit {
     @at-root .webkit {

data/sass/piecss/settings/_colour.scss

@@ -7,6 +7,7 @@ $aqua: #0ff;
 $aquamarine: #7fffd4;
 $azure: #f0ffff;
 $becca: #639;
+/* it's an official colour these days! */ $rebeccapurple: $becca;
 $beige: #f5f5dc;
 $bisque: #ffe4c4;
 $black: #000;
@@ -40,13 +41,15 @@ $darksalmon: #e9967a;
 $darkseagreen: #8fbc8f;
 $darkslateblue: #483d8b;
 $darkslategray: #2f4f4f;
-/* alternate spelling */ $darkslategrey: $darkslategray;
+//* alternate spelling */
+$darkslategrey: $darkslategray;
 $darkturquoise: #00ced1;
 $darkviolet: #9400d3;
 $deeppink: #ff1493;
 $deepskyblue: #00bfff;
 $dimgray: #696969;
-/* alternate spelling */ $dimgrey: $dimgray;
+// /* alternate spelling */
+$dimgrey: $dimgray;
 $dodgerblue: #1e90ff;
 $firebrick: #b22222;
 $floralwhite: #fffaf0;

data/sass/piecss/utilities/_miscellaneous.scss

@@ -208,19 +208,6 @@
 }
 
 
-///
-/// Accepts a string with a valid appearance
-///
-/// @since 0.1
-///
-/// @param {String} $appearance
-///
-
-@mixin reset-appearance($appearance) {
-  appearance: $appearance;
-}
-
-
 ///
 ///  Mixin to clear floats
 ///

data/templates/project/examples.html

@@ -3,7 +3,8 @@
 <head>
 	<meta charset="utf-8" />
 	<title>Piecss</title>
-	<link href="./stylesheets/piecss.css" rel="stylesheet" media="screen">
+	<link href="../../sass/piecss/_behavior.css" rel="stylesheet" media="screen">
+	<!-- <link href="./stylesheets/piecss.css" rel="stylesheet" media="screen"> -->
 </head>
 <body>
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: piecss
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Babs Gosgens
@@ -44,6 +44,7 @@ files:
 - sass/piecss/_utilities.scss
 - sass/piecss/behavior/anchor/_anchor.scss
 - sass/piecss/behavior/base/_base.scss
+- sass/piecss/behavior/base/_normalize.scss
 - sass/piecss/behavior/base/_settings.scss
 - sass/piecss/behavior/button/_button.scss
 - sass/piecss/behavior/button/_settings.scss