Mixin to handle cross browser keyframes for CSS animations.
@mixin keyframes(
+ $name
+) { /* ... */ }Mixin to prefix properties that are not prefixed by Compass
@include prefixer('transform', 'translate(10px)');@mixin prefixer(
+ $property,
+ $value,
+ $vendors: 'webkit' 'moz' 'ms' 'o'
+) { /* ... */ }Mixin for cross-browser opacity (IE 8). Clamps the value between 0 and 1.
@mixin opacity(
+ $opacity
+) { /* ... */ }Float clearing helper.
@mixin clearfix(
+ $extend: true
+) { /* ... */ }Accessibility ellipsis helper.
@mixin ellipsis(
+ $extend: true
+) { /* ... */ }Uncompiled source code from the Jekyll powered official SassDoc site.
jekyll serveLocal preview on port 4000 (http://0.0.0.0:4000 or http://localhost:4000 depending on setups).
makeMake everything (all the below).
make changelogUpdate changelog/index.md from https://raw.githubusercontent.com/SassDoc/sassdoc/master.
make previewMake an up to date preview of the default theme in assets/image/preview-image.png.
make themesDo everything needed for the theme gallery to work:
theme-gallery, fetch all the themes defined in themes.mk, render them in preview and generate thumbnails in thumbs._data/themes.yml from the package.json of each theme previously downloaded.To update the themes, run make update && make themes (this shouldn't do anything if no theme was updated).
Returns the opposite direction of every direction in $directions.
@function opposite-direction(
+ $directions
+) { /* ... */ }Clamp $value between $min and $max.
@function clamp(
+ $value,
+ $min,
+ $max
+) { /* ... */ }Helper to manage z-index. Tries to fetch the z-index mapped to $layer in $z-indexes map. If found, returns it, else returns null.
z-index: z("default")@function z(
+ $layer
+) { /* ... */ }Tests whether the value is a valid length.
@function is-valid-length(
+ $value
+) { /* ... */ }Computes a top-shadow for a card effect.
@function top-shadow(
+ $depth
+) { /* ... */ }Computes a bottom-shadow for a card effect.
@function bottom-shadow(
+ $depth
+) { /* ... */ }Clearfix helper
Accessibility ellipsis helper.
Mixin to size elements.
@mixin size(
+ $width,
+ $height: $width
+) { /* ... */ }Shorthand for positioning.
@mixin position(
+ $position,
+ $top: null,
+ $right: null,
+ $bottom: null,
+ $left: null
+) { /* ... */ }Shorthand for absolute positioning.
Stretch an item over its parent.
@include absolute($top: 0, $right: 0, $bottom: 0, $left: 0)@mixin absolute(
+ $args...
+) { /* ... */ }Shorthand for relative positioning.
@mixin relative(
+ $args...
+) { /* ... */ }Shorthand for fixed positioning.
@mixin fixed(
+ $args...
+) { /* ... */ }Responsive manager.
@mixin respond-to(
+ $breakpoint
+) { /* ... */ }Mixin handling inline-block and vertical-align at once. If no align is specified, then the vertical-align property won't be output.
@mixin inline-block(
+ $align: null
+) { /* ... */ }Gives a card depth effect.
@mixin card(
+ $depth
+) { /* ... */ }Event wrapper.
@mixin on-event(
+ $self: false
+) { /* ... */ }Contexts
@mixin when-inside(
+ $context
+) { /* ... */ }Pink
$pink: #dd5a6f;Purple
$purple: #5c4863;Yellow
$yellow: #ffc93c;Black
$black: #333;Primary color
$primary-color: $pink;Primary color
$secondary-color: $yellow;Primary color
$tertiary-color: $purple;Light grey
$light-grey: #e0e0e0;Medium
$medium-grey: #ddd;Map of breakpoints for responsive design.
$breakpoints: (
+ 'small': (max-width: 800px),
+ 'medium': (min-width: 801px)
+) !global;Z-indexes layers.
$z-indexes: (
+ 'goku': 9001,
+ 'modal': 5000,
+ 'dropdown': 4000,
+ 'social': 3000,
+ 'default': 1,
+ 'below': -1
+) !global;Vertical rhythm
$vertical-rhythm: 1.5rem;Text font stack
$text-font-stack: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;Code font stack
$code-font-stack: 'Courier New', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Monaco', monospace;