From: RafiBomb <rafi@zurb.com>
Date: Wed, 31 May 2017 17:21:21 +0000 (-0700)
Subject: adds sass mixins for prototype to sass-mixin page
X-Git-Tag: v6.4.0-rc1~23^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=fe03b5275e11af40aef6cd0260c6884c497fc693;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

adds sass mixins for prototype to sass-mixin page
---

diff --git a/docs/pages/sass-mixins.md b/docs/pages/sass-mixins.md
index 51144ca8f..27a95cd43 100644
--- a/docs/pages/sass-mixins.md
+++ b/docs/pages/sass-mixins.md
@@ -1,7 +1,9 @@
 ---
 title: Sass Mixins
-descriptions: Mixins allow us to reuse code in various parts of the framework. Foundation includes mixins for clearfixes, visibility, icons, shapes, and more.
-sass: scss/util/_mixins.scss
+description: Mixins allow us to reuse code in various parts of the framework. Foundation includes mixins for clearfixes, visibility, icons, shapes, and more.
+sass:
+  - scss/util/_mixins.scss
+  - scss/prototype/*.scss
 video: 'aiO5nFepdcw'
 ---
 
@@ -12,3 +14,62 @@ Foundation's Sass mixins are all kept in one file: `scss/util/_mixins.scss`. To
 ```scss
 @import 'util/mixins';
 ```
+
+Note: These mixins are included by default when using the [ZURB Stack](starter-projects.html#zurb-template) and [Basic Template](starter-projects.html#basic-template) Starter Projects.
+
+## General Mixins
+
+Foundation includes some handy Sass mixins to quickly create styles or to extend and truly customize an existing component. Here is a list of available mixins:
+
+- [CSS Triangle mixin](#css-triangle)
+- [Hamburger Icon mixin](#hamburger)
+- [Background triangle](#background-triangle)
+- [Clearfix](#clearfix)
+- [Auto width children](#auto-width)
+- [Disable Mouse Outline](#disable-mouse-outline)
+- [Element Invisible](#element-invisible)
+- [Element Invisible Off](#element-invisible-off)
+- [Vertical Center](#vertical-center)
+- [Horizontal Center](#horizontal-center)
+- [Absolute Center](#absolute-center)
+
+## Prototyping Utility Mixins
+
+Quickly prototype layouts and UI with Foundation's Prototyping Utility mixins. These mixins are great realizing your sketches and mockups into hi-fi coded prototype's ultra fast. [Learn more about Prototyping Utilities](prototyping-utilities.html)
+
+Here is a list of available mixins:
+
+- [Border Box](#border-box)
+- [Border None](#border-none)
+- [Bordered](#bordered)
+- [Box](#box)
+- [Display](#display)
+- [Font Wide](#font-wide)
+- [Font Normal](#font-normal)
+- [Font Bold](#font-bold)
+- [Font Italic](#font-italic)
+- [Style Type Unordered](#style-type-unordered)
+- [Style Type Ordered](#style-type-ordered)
+- [Overflow](#overflow)
+- [Overflow-x](#overflow-x)
+- [Overflow-y](#overflow-y)
+- [Position](#position)
+- [Position Fixed Top](#position-fixed-top)
+- [Position Fixed Bottom](#position-fixed-bottom)
+- [Rotate](#rotate)
+- [RotateX](#rotatex)
+- [RotateY](#rotatey)
+- [RotateZ](#rotateZ)
+- [Border Radius](#border-radius)
+- [Border Rounded](#border-rounded)
+- [Separator](#separator)
+- [Shadow](#shadow)
+- [Max Width 100%](#max-width-100)
+- [Margin](#margin)
+- [Padding](#padding)
+- [Text Decoration](#text-decoration)
+- [Text Transform](#text-transform)
+- [Text Hide](#text-hide)
+- [Text Truncate](#text-truncate)
+- [Text Nowrap](#text-nowrap)
+- [Nth Child](#first)