From: Rafi Date: Mon, 5 Jun 2017 20:04:44 +0000 (-0700) Subject: Revert "Add opacity mixin, No CSS Added!" X-Git-Tag: v6.4.0-rc3~12^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10142%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Revert "Add opacity mixin, No CSS Added!" --- diff --git a/docs/pages/prototyping-utilities.md b/docs/pages/prototyping-utilities.md index 3653a7241..84a8b59ab 100644 --- a/docs/pages/prototyping-utilities.md +++ b/docs/pages/prototyping-utilities.md @@ -748,16 +748,6 @@ This mixin helps you to easily create a square, rectangle or a circle. Sass Refe } ``` -### Opacity Mixin - -This mixin helps you easily create opacity/transparency of an element. Sass Reference [here](#opacity) - -```scss -.foo { - @include opacity(0.7); -} -``` - ### Rotate Mixin These Rotate mixins lets you rotate an element to a certain degree. Clockwise is the default direction but adding a `-` in front of the degrees will make it counter-clockwise. diff --git a/docs/pages/sass-mixins.md b/docs/pages/sass-mixins.md index 4858a205d..27a95cd43 100644 --- a/docs/pages/sass-mixins.md +++ b/docs/pages/sass-mixins.md @@ -50,7 +50,6 @@ Here is a list of available mixins: - [Font Italic](#font-italic) - [Style Type Unordered](#style-type-unordered) - [Style Type Ordered](#style-type-ordered) -- [Opacity](#opacity) - [Overflow](#overflow) - [Overflow-x](#overflow-x) - [Overflow-y](#overflow-y) diff --git a/scss/prototype/_opacity.scss b/scss/prototype/_opacity.scss deleted file mode 100644 index 10f4790b2..000000000 --- a/scss/prototype/_opacity.scss +++ /dev/null @@ -1,19 +0,0 @@ -// Foundation for Sites by ZURB -// foundation.zurb.com -// Licensed under MIT Open Source - -//// -/// @group prototype-opacity -//// - -/// Opacity Mixin: Easily create opacity to an element -/// @param {Number} $opacity[] Opacity/Transparency of an element -@mixin opacity($opacity) { - @if ($opacity >= 0 and $opacity <= 1) { - opacity: $opacity; - $opacity-ie: $opacity * 100; - filter: alpha(opacity=$opacity-ie); //IE8 - } @else { - @warn 'Opacity should be between 0.0 and 1.0'; - } -} diff --git a/scss/prototype/_prototype.scss b/scss/prototype/_prototype.scss index 6dd6743db..e6f37b772 100644 --- a/scss/prototype/_prototype.scss +++ b/scss/prototype/_prototype.scss @@ -15,9 +15,6 @@ // Rotate Mixin @import 'rotate'; -// Opacity Mixin -@import 'opacity'; - // Typescale @import 'typescale';