doggystyle 0.1.0

data/circle.yml

@@ -0,0 +1,13 @@
+dependencies:
+  override:
+    - bundle install
+    - npm install -g sassdoc
+general:
+  branches:
+    ignore:
+      - gh-pages
+test:
+  override:
+    - bundle exec rake
+  post:
+    - sassdoc core/ --parse --verbose --strict

data/core/_imports.scss

@@ -0,0 +1,229 @@
+// D-Style 0.0.1-alpha
+// http://goo.gl/RorsoL
+// Copyright 2013-2016 Mark Notton
+// MIT License
+
+@import "settings/global";
+@import "helpers/warnings";
+
+// Private Helpers
+@import "helpers/private/arglist-to-list",
+        "helpers/private/find-digits",
+        "helpers/private/list-items-to-strings",
+        "helpers/private/find-integer",
+        "helpers/private/from-hex",
+        "helpers/private/brightness",
+        "helpers/private/lightness",
+        "helpers/private/from-hsl",
+        "helpers/private/min-max-number",
+        "helpers/private/from-rgb",
+        "helpers/private/hash-fix",
+        "helpers/private/get-color-value",
+        "helpers/private/hex-to-dec",
+        "helpers/private/sudo",
+        "helpers/private/string-explode",
+        "helpers/private/string-compare",
+        "helpers/private/length",
+        "helpers/private/pow",
+        "helpers/strings";
+
+// Checks
+@import "helpers/checks/is-number",
+        "helpers/checks/is-arglist",
+        "helpers/checks/is-absolute-length",
+        "helpers/checks/is-relative-length",
+        "helpers/checks/is-angel",
+        "helpers/checks/is-bool",
+        "helpers/checks/is-calc",
+        "helpers/checks/is-colour",
+        "helpers/checks/is-duration",
+        "helpers/checks/is-false",
+        "helpers/checks/is-function",
+        "helpers/checks/is-frequency",
+        "helpers/checks/is-integer",
+        "helpers/checks/is-length",
+        "helpers/checks/is-list",
+        "helpers/checks/is-map",
+        "helpers/checks/is-null",
+        "helpers/checks/is-dark",
+        "helpers/checks/is-light",
+        "helpers/checks/is-first-character",
+        "helpers/checks/is-percentage",
+        "helpers/checks/is-position",
+        "helpers/checks/is-pseudo",
+        "helpers/checks/is-resolution",
+        "helpers/checks/is-unit",
+        "helpers/checks/is-selector",
+        "helpers/checks/is-string",
+        "helpers/checks/is-time",
+        "helpers/checks/check";
+
+// Casts
+@import "functions/casts/to-bool",
+        "functions/casts/to-color",
+        "functions/casts/to-list",
+        "functions/casts/to-map",
+        "functions/casts/to-null",
+        "functions/casts/to-number",
+        "functions/casts/to-string";
+
+// Lists
+@import "functions/lists/contains",
+        "functions/lists/first",
+        "functions/lists/second",
+        "functions/lists/insert-nth",
+        "functions/lists/last",
+        "functions/lists/merge",
+        "functions/lists/prepend",
+        "functions/lists/remove",
+        "functions/lists/remove-nth",
+        "functions/lists/replace",
+        "functions/lists/replace-nth",
+        "functions/lists/reverse",
+        "functions/lists/shift",
+        "functions/lists/slice",
+        "functions/lists/sort";
+
+// Maps
+@import "functions/maps/map-deep-get",
+        "functions/maps/map-deep-set",
+        "functions/maps/map-depth",
+        "functions/maps/map-set",
+        "functions/maps/map-extend",
+        "functions/maps/map-has-keys",
+        "functions/maps/map-has-nested-keys",
+        "functions/maps/map-zip";
+
+@import "helpers/symbols/common";
+//      "helpers/symbols/arrows",
+//      "helpers/symbols/block",
+//      "helpers/symbols/box",
+//      "helpers/symbols/currency",
+//      "helpers/symbols/dingbats",
+//      "helpers/symbols/geometric",
+//      "helpers/symbols/letterlike",
+//      "helpers/symbols/misc",
+//      "helpers/symbols/operators",
+//      "helpers/symbols/punctuation";
+
+// Numbers
+@import "functions/numbers/add-unit",
+        "functions/numbers/units",
+        "functions/numbers/pad",
+        "functions/numbers/spacer",
+        "functions/numbers/strip";
+
+// Flexbox
+@import "mixins/flexbox/flex-container",
+        "mixins/flexbox/flex-grid",
+        "mixins/flexbox/flex-items",
+        "mixins/flexbox/flex-remove";
+
+// Text
+@import "functions/text/smart-lineheight",
+        "functions/text/string-explode",
+        "functions/text/string-replace";
+
+// Colours
+@import "functions/colours/colour",
+        "functions/colours/colour-contrast",
+        "functions/colours/random-colour";
+
+// SVG
+@import "mixins/svg/svg",
+        "mixins/svg/svg-size",
+        "functions/svg/svg",
+        "functions/svg/dots",
+        "functions/svg/lines",
+        "functions/svg/fake-radius";
+
+// Functions
+@import "functions/opposite-direction",
+        "functions/mobile-first";
+
+// Settings
+@import "settings/colours",
+        "settings/directories",
+        "settings/grid",
+        "settings/padding",
+        "settings/spacing",
+        "settings/text";
+
+// Grid
+@import "mixins/grid/grid";
+
+// Columns
+@import "mixins/columns/columns";
+
+// Media Queries
+@import "mixins/grid/break-between";
+
+// Mixins
+@import "mixins/align",
+        "mixins/animate",
+        "mixins/aspect-ratio",
+        "mixins/background-image",
+        "mixins/blend",
+        "mixins/blendmodes",
+        "mixins/border-radius",
+        "mixins/backface-visibility",
+        "mixins/bulletpoint",
+        "mixins/browsers",
+        "mixins/center",
+        "mixins/clearfix",
+        "mixins/columns",
+        "mixins/custom-property",
+        "mixins/devices",
+        "mixins/dropdown",
+        "mixins/filters",
+        "mixins/font-face",
+        "mixins/fontsize",
+        "mixins/flip",
+        "mixins/keyframes",
+        "mixins/gallery",
+        "mixins/gradient",
+        "mixins/image",
+        "mixins/image-size",
+        "mixins/inputs",
+        "mixins/last",
+        "mixins/nth",
+        "mixins/nth-last",
+        "mixins/placeholder",
+        "mixins/prefixer",
+        "mixins/selection",
+        "mixins/user-select",
+        "mixins/shadow",
+        "mixins/smart-horizontal",
+        "mixins/sudo-image",
+        "mixins/size",
+        "mixins/text-shadow",
+        "mixins/transforms",
+        "mixins/transition",
+        "mixins/triangle-classic",
+        "mixins/triangle",
+        "mixins/unwrap",
+        "mixins/vertical";
+
+// Animations
+@import "animations/jump",
+        "animations/wobble",
+        "animations/shake";
+
+// Placeholders
+@import "placeholders/clear",
+        "placeholders/cursor",
+        "placeholders/rendering",
+        "placeholders/misc",
+        "placeholders/text";
+
+// Helpers
+@import "helpers/eases",
+        "helpers/custom-elements",
+        "helpers/reset",
+        "helpers/show-breakpoints",
+        "helpers/warnings";
+
+@if mixin-exists(settings) and $reset {
+  @include settings();
+}
+@if $show-breakpoints and $reset { @include show-breakpoints(); }

data/core/animations/_jump.scss

@@ -0,0 +1,7 @@
+@mixin animation-jump($amount:10, $animation-name:jump) {
+  @include keyframes(#{$animation-name}) {  
+    0% { top:0 } 
+    50% { top:$amount + px } 
+    100% { top:0 } 
+  }
+}

data/core/animations/_shake.scss

@@ -0,0 +1,24 @@
+@mixin animation-shake($amount:10, $animation-name:shake) {
+  @at-root {
+    @-ms-keyframes #{$animation-name} { 
+      0% { -ms-transform:rotate(0) } 
+      25% { -ms-transform:rotate(-#{$amount}deg) } 
+      75% { -ms-transform:rotate(#{$amount}deg) } 
+      100% { -ms-transform:rotate(0) }
+    }
+
+    @-webkit-keyframes #{$animation-name} { 
+      0% { -webkit-transform:rotate(0) } 
+      25% { -webkit-transform:rotate(-#{$amount}deg) } 
+      75% { -webkit-transform:rotate(#{$amount}deg) } 
+      100% { -webkit-transform:rotate(0) }
+    }
+
+    @keyframes #{$animation-name} { 
+      0% { transform:rotate(0) } 
+      25% { transform:rotate(-#{$amount}deg) } 
+      75% { transform:rotate(#{$amount}deg) } 
+      100% { transform:rotate(0) }
+    }
+  }
+}

data/core/animations/_wobble.scss

@@ -0,0 +1,8 @@
+@mixin animation-wobble($amount:10, $animation-name:wobble) {
+  @include keyframes(#{$animation-name}) { 
+    0% { left:0 } 
+    25% { left:(-$amount) + px } 
+    75% { left:($amount) + px } 
+    100% { left:0 } 
+  }
+}

data/core/functions/_mobile-first.scss

@@ -0,0 +1,3 @@
+@function mobile-first() {
+  @return if($mobile-first, min-width, max-width);
+}

data/core/functions/_opposite-direction.scss

@@ -0,0 +1,45 @@
+/// Return an opposite direction
+///
+/// @author Hugo Giraudel
+///
+/// @link http://www.sitepoint.com/sass-mixins-kickstart-project/#opposite-direction
+
+
+@function opposite-direction($directions) {
+  
+  $has-hyphen : false;
+
+  @if str-index(to-string($directions), '-') {
+    $has-hyphen : true;
+    $directions : string-explode(to-string($directions), '-');
+  }
+
+  $opposite-directions: ();
+  $direction-map: (
+    top    : bottom,
+    right  : left,
+    bottom : top,
+    left   : right,
+    up     : down,
+    down   : up,
+    center : center,
+    ltr    : rtl,
+    rtl    : ltr
+  );
+ 
+  @each $direction in $directions {
+    $direction: to-lower-case($direction);
+    
+    @if map-has-key($direction-map, $direction) { 
+      $opposite-directions: append($opposite-directions, unquote(map-get($direction-map, $direction)));
+    } @else {
+      @warn "No opposite direction can be found for '#{$direction}'. Direction omitted.";
+    }
+  }
+
+  @if $has-hyphen == true {
+    @return string-replace(to-string($opposite-directions), ' ', '-');
+  } @else {   
+    @return $opposite-directions;
+  }
+}

data/core/functions/casts/_to-bool.scss

@@ -0,0 +1,19 @@
+/// Convert to boolean
+///
+/// @author Hugo Giraudel
+///
+/// @link https://github.com/HugoGiraudel/SassyCast
+///
+/// @access public
+///
+/// @param {*} $value - Value to cast
+///
+/// @return {bool}
+
+@function to-bool($value) {
+  @if not $value or $value == "" or $value == 0 {
+    @return false;
+  }
+
+  @return true;
+}

data/core/functions/casts/_to-color.scss

@@ -0,0 +1,74 @@
+/// Convert to color
+///
+/// @author Hugo Giraudel
+///
+/// @link https://github.com/HugoGiraudel/SassyCast
+///
+/// @access public
+///
+/// @param {*} $value - Value to cast
+///
+/// @return {color | null}
+
+@function to-color($value) {
+  @if type-of($value) == "color" {
+    @return $value;
+  }
+
+  @if type-of($value) != "string" {
+    //@warn "Could not cast `#{inspect($value)}` to color.";
+    @return null;
+  }
+
+  $value-lower: to-lower-case($value);
+  $colors: transparent black silver gray white maroon red purple fuchsia green lime olive yellow navy blue teal aqua aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat white whitesmoke yellow yellowgreen;
+  $keywords: ();
+
+  // Filling $keywords with stringified color keywords
+  @each $color in $colors {
+    $keywords: append($keywords, $color + "");
+  }
+
+  // Deal with inherit keyword
+  @if $value-lower == "inherit" {
+    @return unquote($value);
+  }
+
+  // Deal with color keywords
+  @if index($keywords, $value-lower) {
+    @return nth($colors, index($keywords, $value-lower));
+  }
+
+  // Deal with hexadecimal triplets
+  @else if str-slice($value-lower, 1, 1) == "#" {
+    @return helper-from-hex($value);
+  }
+
+  // Deal with rgb(a) colors
+  @else if str-slice($value-lower, 1, 3) == "rgb" {
+    @return helper-from-rgb($value);
+  }
+
+  // Deal with hsl(a) colors
+  @else if str-slice($value-lower, 1, 3) == "hsl" {
+    @return helper-from-hsl($value);
+  }
+
+  // Return value
+  @else {
+    @if $warnings { @warn "Could not cast `#{inspect($value)}` to color."; }
+    @return null;
+  }
+}
+
+/// @alias to-color
+///
+/// @access public
+/// 
+/// @require {function} to-color
+///
+/// @return {color}
+
+@function to-colour($value) {
+  @return to-color($value);
+}

data/core/functions/casts/_to-list.scss

@@ -0,0 +1,38 @@
+/// Convert to List
+///
+/// @author Hugo Giraudel
+///
+/// @link https://github.com/HugoGiraudel/SassyCast
+///
+/// @access public
+///
+/// @param {*} $value - Value to cast
+///
+/// @param {String} $keep ("both") - whether to keep `keys`, `values` or `both` when casting a map
+///
+/// @return {list}
+
+@function to-list($value, $keep: "both") {
+  $keep: if(index("keys" "values" "both", $keep), $keep, "both");
+
+  @if type-of($value) == "map" {
+    $keys: ();
+    $values: ();
+    @each $key, $val in $value {
+      $keys: append($keys, $key);
+      $values: append($values, $val);
+    }
+
+    @if $keep == "keys" {
+      @return $keys;
+    }
+    @else if $keep == "values" {
+      @return $values;
+    }
+    @else {
+      @return zip($keys, $values);
+    }
+  }
+
+  @return if(type-of($value) != list, ($value,), $value);
+}