sempli-website-lib 5.3.2 → 5.3.4-beta

package/styles/vendor/compass/css3/_appearance.scss

@@ -0,0 +1,16 @@
+@import "shared";
+
+// Change the appearance for Mozilla, Webkit and possibly the future.
+// The appearance property is currently not present in any newer CSS specification.
+//
+// There is no official list of accepted values, but you might check these source:
+//   Mozilla : https://developer.mozilla.org/en/CSS/-moz-appearance
+//   Webkit  : http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365
+//   (search for 'appearance' within the page)
+
+@mixin appearance($ap) {
+  $ap: unquote($ap);
+  @include experimental(appearance, $ap,
+    -moz, -webkit, not(-o), not(-ms), not(-khtml), official
+  );
+}

package/styles/vendor/compass/css3/_background-clip.scss

@@ -0,0 +1,43 @@
+@import "shared";
+
+// The default value is `padding-box` -- the box model used by modern browsers.
+//
+// If you wish to do so, you can override the default constant with `border-box`
+//
+// To override to the default border-box model, use this code:
+//     $default-background-clip: border-box
+
+$default-background-clip: padding-box !default;
+
+// Clip the background (image and color) at the edge of the padding or border.
+//
+// Legal Values:
+//
+//   * padding-box
+//   * border-box
+//   * text
+
+@mixin background-clip($clip: $default-background-clip) {
+  // webkit and mozilla use the deprecated short [border | padding]
+  $clip: unquote($clip);
+  $deprecated: $clip;
+  @if $clip == padding-box { $deprecated: padding; }
+  @if $clip == border-box { $deprecated: border; }
+  // Support for webkit and mozilla's use of the deprecated short form
+  @include experimental(background-clip, $deprecated,
+    -moz,
+    -webkit,
+    not(-o),
+    not(-ms),
+    not(-khtml),
+    not official
+  );
+  @include experimental(background-clip, $clip,
+    not(-moz),
+    not(-webkit),
+    not(-o),
+    not(-ms),
+    -khtml,
+    official
+  );
+}

package/styles/vendor/compass/css3/_background-origin.scss

@@ -0,0 +1,42 @@
+// Override `$default-background-origin` to change the default.
+
+@import "shared";
+
+$default-background-origin: content-box !default;
+
+// Position the background off the edge of the padding, border or content
+//
+// * Possible values:
+//   * `padding-box`
+//   * `border-box`
+//   * `content-box`
+// * browser defaults to `padding-box`
+// * mixin defaults to `content-box`
+
+
+@mixin background-origin($origin: $default-background-origin) {
+  $origin: unquote($origin);
+  // webkit and mozilla use the deprecated short [border | padding | content]
+  $deprecated: $origin;
+  @if $origin == padding-box { $deprecated: padding; }
+  @if $origin == border-box  { $deprecated: border;  }
+  @if $origin == content-box { $deprecated: content; }
+
+  // Support for webkit and mozilla's use of the deprecated short form
+  @include experimental(background-origin, $deprecated,
+    -moz,
+    -webkit,
+    not(-o),
+    not(-ms),
+    not(-khtml),
+    not official
+  );
+  @include experimental(background-origin, $origin,
+    not(-moz),
+    not(-webkit),
+    -o,
+    -ms,
+    -khtml,
+    official
+  );
+}

package/styles/vendor/compass/css3/_background-size.scss

@@ -0,0 +1,26 @@
+@import "shared";
+
+//  override to change the default
+$default-background-size: 100% auto !default;
+
+// Set the size of background images using px, width and height, or percentages.
+// Currently supported in: Opera, Gecko, Webkit.
+//
+// * percentages are relative to the background-origin (default = padding-box)
+// * mixin defaults to: `$default-background-size`
+@mixin background-size(
+  $size-1: $default-background-size,
+  $size-2: false,
+  $size-3: false,
+  $size-4: false,
+  $size-5: false,
+  $size-6: false,
+  $size-7: false,
+  $size-8: false,
+  $size-9: false,
+  $size-10: false
+) {
+  $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
+  $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
+  @include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
+}

package/styles/vendor/compass/css3/_border-radius.scss

@@ -0,0 +1,130 @@
+@import "shared";
+
+$default-border-radius: 5px !default;
+
+// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
+//
+// When two values are passed, the first is the horizontal radius
+// and the second is the vertical radius.
+//
+// Note: webkit does not support shorthand syntax for several corners at once.
+// So in the case where you pass several values only the first will be passed to webkit.
+//
+// Examples:
+//
+//     .simple   { @include border-radius(4px, 4px); }
+//     .compound { @include border-radius(2px 5px, 3px 6px); }
+//     .crazy    { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
+//
+// Which generates:
+//
+//    .simple {
+//      -webkit-border-radius: 4px 4px;
+//      -moz-border-radius: 4px / 4px;
+//      -khtml-border-radius: 4px / 4px;
+//      border-radius: 4px / 4px; }
+//    
+//    .compound {
+//      -webkit-border-radius: 2px 3px;
+//      -moz-border-radius: 2px 5px / 3px 6px;
+//      -khtml-border-radius: 2px 5px / 3px 6px;
+//      border-radius: 2px 5px / 3px 6px; }
+//    
+//    .crazy {
+//      -webkit-border-radius: 1px 2px;
+//      -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+//      -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+//      border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
+
+@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
+
+  @if $vertical-radius {
+    // Webkit doesn't understand the official shorthand syntax for specifying
+    // a vertical radius unless so in case there's several we only take the first.
+    @include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
+      not(-moz),
+      -webkit,
+      not(-o),
+      not(-ms),
+      not(-khtml),
+      not(official)
+    );
+    @include experimental("border-radius", $radius unquote("/") $vertical-radius,
+      -moz,
+      not(-webkit),
+      not(-o),
+      not(-ms),
+      -khtml,
+      official
+    );
+  }
+  @else {
+    @include experimental(border-radius, $radius);
+  }
+}
+
+// Round radius at position by amount.
+//
+// * legal values for `$vert`: `top`, `bottom`
+// * legal values for `$horz`: `left`, `right`
+
+@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
+  // Support for mozilla's syntax for specifying a corner
+  @include experimental("border-radius-#{$vert}#{$horz}", $radius,
+    -moz,
+    not(-webkit),
+    not(-o),
+    not(-ms),
+    not(-khtml),
+    not(official)
+  );
+  @include experimental("border-#{$vert}-#{$horz}-radius", $radius,
+    not(-moz),
+    -webkit,
+    not(-o),
+    not(-ms),
+    -khtml,
+    official
+  );
+  
+}
+
+// Round top-left corner only
+
+@mixin border-top-left-radius($radius: $default-border-radius) {
+  @include border-corner-radius(top, left, $radius); }
+
+// Round top-right corner only
+
+@mixin border-top-right-radius($radius: $default-border-radius) {
+  @include border-corner-radius(top, right, $radius); }
+
+// Round bottom-left corner only
+
+@mixin border-bottom-left-radius($radius: $default-border-radius) {
+  @include border-corner-radius(bottom, left, $radius); }
+
+// Round bottom-right corner only
+
+@mixin border-bottom-right-radius($radius: $default-border-radius) {
+  @include border-corner-radius(bottom, right, $radius); }
+
+// Round both top corners by amount
+@mixin border-top-radius($radius: $default-border-radius) {
+  @include border-top-left-radius($radius);
+  @include border-top-right-radius($radius); }
+
+// Round both right corners by amount
+@mixin border-right-radius($radius: $default-border-radius) {
+  @include border-top-right-radius($radius);
+  @include border-bottom-right-radius($radius); }
+
+// Round both bottom corners by amount
+@mixin border-bottom-radius($radius: $default-border-radius) {
+  @include border-bottom-left-radius($radius);
+  @include border-bottom-right-radius($radius); }
+
+// Round both left corners by amount
+@mixin border-left-radius($radius: $default-border-radius) {
+  @include border-top-left-radius($radius);
+  @include border-bottom-left-radius($radius); }

package/styles/vendor/compass/css3/_box-shadow.scss

@@ -0,0 +1,76 @@
+// @doc off
+// These defaults make the arguments optional for this mixin
+// If you like, set different defaults before importing.
+// @doc on
+
+@import "shared";
+@import "../functions";
+
+// The default color for box shadows
+$default-box-shadow-color: #333333 !default;
+
+// The default horizontal offset. Positive is to the right.
+$default-box-shadow-h-offset: 0px !default;
+
+// The default vertical offset. Positive is down.
+$default-box-shadow-v-offset: 0px !default;
+
+// The default blur length.
+$default-box-shadow-blur: 5px !default;
+
+// The default spread length.
+$default-box-shadow-spread : false !default;
+
+// The default shadow inset: inset or false (for standard shadow).
+$default-box-shadow-inset : false !default;
+
+// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
+// shadows are needed.
+// Each shadow argument should adhere to the standard css3 syntax for the
+// box-shadow property.
+@mixin box-shadow(
+  $shadow-1 : default,
+  $shadow-2 : false,
+  $shadow-3 : false,
+  $shadow-4 : false,
+  $shadow-5 : false,
+  $shadow-6 : false,
+  $shadow-7 : false,
+  $shadow-8 : false,
+  $shadow-9 : false,
+  $shadow-10: false
+) {
+  @if $shadow-1 == default {
+    $shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
+  }
+  $shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
+  @include experimental(box-shadow, $shadow,
+    -moz, -webkit, not(-o), not(-ms), not(-khtml), official
+  );
+}
+
+// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
+// Includes default arguments for horizontal offset, vertical offset, blur length, spread length, color and inset.
+@mixin single-box-shadow(
+  $hoff   : $default-box-shadow-h-offset,
+  $voff   : $default-box-shadow-v-offset,
+  $blur   : $default-box-shadow-blur,
+  $spread : $default-box-shadow-spread,
+  $color  : $default-box-shadow-color,
+  $inset  : $default-box-shadow-inset
+) {
+  @if not ($inset == true or $inset == false or $inset == inset) {
+    @warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
+  }
+
+  @if $color == none {
+    @include box-shadow(none);
+  } @else {
+    $full   : $hoff $voff;
+    @if $blur   { $full: $full $blur;   }
+    @if $spread { $full: $full $spread; }
+    @if $color  { $full: $full $color;  }
+    @if $inset  { $full: inset $full;   }
+    @include box-shadow($full);
+  }
+}

package/styles/vendor/compass/css3/_box-sizing.scss

@@ -0,0 +1,18 @@
+@import "shared";
+
+// The default box-sizing model when no argument is provided to the box-sizing mixin: [ content-box | border-box | padding-box ]
+//
+// The browser default is content-box, compass defaults to border-box.
+$default-box-sizing: border-box !default;
+
+// Change the box model for Mozilla, Webkit, IE8 and the future
+//
+// @param $bs
+//   [ content-box | border-box ]
+
+@mixin box-sizing($bs: $default-box-sizing) {
+  $bs: unquote($bs);
+  @include experimental(box-sizing, $bs,
+    -moz, -webkit, not(-o), not(-ms), not(-khtml), official
+  );
+}

package/styles/vendor/compass/css3/_box.scss

@@ -0,0 +1,111 @@
+@import "shared";
+
+// display:box; must be used for any of the other flexbox mixins to work properly
+@mixin display-box {
+  @include experimental-value(display, box,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// Default box orientation, assuming that the user wants something less block-like
+$default-box-orient: horizontal !default;
+
+// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
+@mixin box-orient(
+  $orientation: $default-box-orient
+) {
+  $orientation : unquote($orientation);
+  @include experimental(box-orient, $orientation,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// Default box-align
+$default-box-align: stretch !default;
+
+// Box align [ start | end | center | baseline | stretch ]
+@mixin box-align(
+  $alignment: $default-box-align
+) {
+  $alignment : unquote($alignment);
+  @include experimental(box-align, $alignment,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// Default box flex
+$default-box-flex: 0 !default;
+
+// mixin which takes an int argument for box flex. Apply this to the children inside the box.
+//
+// For example: "div.display-box > div.child-box" would get the box flex mixin.
+@mixin box-flex(
+  $flex: $default-box-flex
+) {
+  @include experimental(box-flex, $flex,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// Default flex group
+$default-box-flex-group: 1 !default;
+
+// mixin which takes an int argument for flexible grouping
+@mixin box-flex-group(
+  $group: $default-box-flex-group
+) {
+  @include experimental(box-flex-group, $group,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// default for ordinal group
+$default-box-ordinal-group: 1 !default;
+
+// mixin which takes an int argument for ordinal grouping and rearranging the order
+@mixin box-ordinal-group(
+  $group: $default-ordinal-flex-group
+) {
+  @include experimental(box-ordinal-group, $group,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// Box direction default value
+$default-box-direction: normal !default;
+
+// mixin for box-direction [ normal | reverse | inherit ]
+@mixin box-direction(
+  $direction: $default-box-direction
+) {
+  $direction: unquote($direction);
+  @include experimental(box-direction, $direction,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// default for box lines
+$default-box-lines: single !default;
+
+// mixin for box lines [ single | multiple ]
+@mixin box-lines(
+  $lines: $default-box-lines
+) {
+  $lines: unquote($lines);
+  @include experimental(box-lines, $lines,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}
+
+// default for box pack
+$default-box-pack: start !default;
+
+// mixin for box pack [ start | end | center | justify ]
+@mixin box-pack(
+  $pack: $default-box-pack
+) {
+  $pack: unquote($pack);
+  @include experimental(box-pack, $pack,
+    -moz, -webkit, not(-o), -ms, not(-khtml), official
+  );
+}

package/styles/vendor/compass/css3/_columns.scss

@@ -0,0 +1,157 @@
+@import "shared";
+@import "../functions";
+
+// Specify the shorthand `columns` property.
+//
+// Example:
+//
+//     @include columns(20em 2)
+@mixin columns($width-and-count) {
+  @include experimental(columns, $width-and-count,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify the number of columns
+@mixin column-count($count) {
+  @include experimental(column-count, $count,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify the gap between columns e.g. `20px`
+@mixin column-gap($width) {
+  @include experimental(column-gap, $width,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify the width of columns e.g. `100px`
+@mixin column-width($width) {
+  @include experimental(column-width, $width,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify how many columns an element should span across.
+// * legal values are none, all
+@mixin column-span($columns) {
+  @include experimental(column-span, $columns,
+          -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify the width of the rule between columns e.g. `1px`
+@mixin column-rule-width($width) {
+  @include experimental(column-rule-width, $width,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify the style of the rule between columns e.g. `dotted`.
+// This works like border-style.
+@mixin column-rule-style($style) {
+  @include experimental(column-rule-style, unquote($style),
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Specify the color of the rule between columns e.g. `blue`.
+// This works like border-color.
+@mixin column-rule-color($color) {
+  @include experimental(column-rule-color, $color,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Mixin encompassing all column rule properties
+// For example:
+//
+//     @include column-rule(1px, solid, #c00)
+//
+// Or the values can be space separated:
+//
+//     @include column-rule(1px solid #c00)
+@mixin column-rule($width, $style: false, $color: false) {
+  $full : -compass-space-list(compact($width, $style, $color));
+  @include experimental(column-rule, $full,
+    -moz, -webkit, -o, -ms, not(-khtml), official
+  );
+}
+
+// Mixin for setting column-break-before
+//
+// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//
+//  Example: 
+//    h2.before {@include column-break-before(always);}
+//
+//  Which generates: 
+//
+//  h2.before {    
+//    -webkit-column-break-before: always;
+//    column-break-before: always;}
+@mixin column-break-before($value: auto){
+   @include experimental(column-break-before, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
+}
+
+// Mixin for setting column-break-after
+//
+// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//
+//  Example: 
+//    h2.after {@include column-break-after(always); }
+//
+//  Which generates: 
+//
+//  h2.after {
+//    -webkit-column-break-after: always;
+//    column-break-after: always; }
+@mixin column-break-after($value: auto){
+   @include experimental(column-break-after, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
+}
+
+// Mixin for setting column-break-inside
+//
+// * legal values are auto, avoid, avoid-page, avoid-column
+//
+//  Example: 
+//    h2.inside {@include column-break-inside();}
+//  Which generates: 
+//  
+//  h2.inside {
+//    -webkit-column-break-inside: auto;
+//    column-break-inside: auto;}
+@mixin column-break-inside($value: auto){
+   @include experimental(column-break-inside, $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
+}
+
+// All-purpose mixin for setting column breaks.
+//
+// * legal values for $type : before, after, inside 
+// * legal values for '$value' are dependent on $type
+//    * when $type = before, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//    * when $type = after, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
+//    * when $type = inside, legal values are auto, avoid, avoid-page, avoid-column
+//  
+//  Examples: 
+//    h2.before {@include column-break(before, always);}
+//    h2.after {@include column-break(after, always); }
+//    h2.inside {@include column-break(inside); }
+//
+//  Which generates: 
+//  h2.before {    
+//    -webkit-column-break-before: always;
+//    column-break-before: always;}
+//  
+//  h2.after {
+//    -webkit-column-break-after: always;
+//    column-break-after: always; }
+//
+//  h2.inside {
+//    -webkit-column-break-inside: auto;
+//    column-break-inside: auto;}
+ 
+@mixin column-break($type: before, $value: auto){
+   @include experimental("column-break-#{$type}", $value, not(-moz), -webkit, not(-o), not(-ms), not(-khtml), official );
+}

package/styles/vendor/compass/css3/_filter.scss

@@ -0,0 +1,24 @@
+@import "shared";
+@import "../functions";
+
+// Provides cross-browser support for the upcoming (?) css3 filter property.
+//
+// Each filter argument should adhere to the standard css3 syntax for the
+// filter property.
+@mixin filter (
+  $filter-1,
+  $filter-2 : false,
+  $filter-3 : false,
+  $filter-4 : false,
+  $filter-5 : false,
+  $filter-6 : false,
+  $filter-7 : false,
+  $filter-8 : false,
+  $filter-9 : false,
+  $filter-10: false
+) {
+  $filter : compact($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10);
+  @include experimental(filter, $filter,
+    -moz, -webkit, not(-o), not(-ms), not(-khtml), official
+  );
+}