From 9a93671b75dda49421cb20e43eaa7281ceac61b0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 Mar 2017 11:34:10 -0800 Subject: [PATCH] Move box-shadow and transition mixins out of the main mixins file and into their own files --- scss/_mixins.scss | 18 ++---------------- scss/mixins/_box-shadow.scss | 5 +++++ scss/mixins/_transition.scss | 9 +++++++++ 3 files changed, 16 insertions(+), 16 deletions(-) create mode 100644 scss/mixins/_box-shadow.scss create mode 100644 scss/mixins/_transition.scss diff --git a/scss/_mixins.scss b/scss/_mixins.scss index da4738297c..13aad24875 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -2,22 +2,6 @@ // // Used in conjunction with global variables to enable certain theme features. -@mixin box-shadow($shadow...) { - @if $enable-shadows { - box-shadow: $shadow; - } -} - -@mixin transition($transition...) { - @if $enable-transitions { - @if length($transition) == 0 { - transition: $transition-base; - } @else { - transition: $transition; - } - } -} - // Utilities @import "mixins/breakpoints"; @import "mixins/hover"; @@ -47,7 +31,9 @@ // // Skins @import "mixins/background-variant"; @import "mixins/border-radius"; +@import "mixins/box-shadow"; @import "mixins/gradients"; +@import "mixins/transition"; // // Layout @import "mixins/clearfix"; diff --git a/scss/mixins/_box-shadow.scss b/scss/mixins/_box-shadow.scss new file mode 100644 index 0000000000..b2410e53ac --- /dev/null +++ b/scss/mixins/_box-shadow.scss @@ -0,0 +1,5 @@ +@mixin box-shadow($shadow...) { + @if $enable-shadows { + box-shadow: $shadow; + } +} diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss new file mode 100644 index 0000000000..7e33dee319 --- /dev/null +++ b/scss/mixins/_transition.scss @@ -0,0 +1,9 @@ +@mixin transition($transition...) { + @if $enable-transitions { + @if length($transition) == 0 { + transition: $transition-base; + } @else { + transition: $transition; + } + } +}