sync

[bootswatch] / MDB Free / sass / mdb / free / data / _mixins.scss

diff --git a/MDB Free/sass/mdb/free/data/_mixins.scss b/MDB Free/sass/mdb/free/data/_mixins.scss
new file mode 100644 (file)
index 0000000..f90215a
--- /dev/null
+++ b/MDB Free/sass/mdb/free/data/_mixins.scss
@@ -0,0 +1,101 @@
+/*********************\r
+  Mixins\r
+**********************/\r
+\r
+@mixin hover {\r
+    @if $enable-hover-media-query {\r
+        // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover\r
+        // Currently shimmed by https://github.com/twbs/mq4-hover-shim\r
+        @media (hover: hover) {\r
+            &:hover {\r
+                @content\r
+            }\r
+        }\r
+    }\r
+    @else {\r
+        &:hover {\r
+            @content\r
+        }\r
+    }\r
+}\r
+\r
+@mixin hover-focus {\r
+    @if $enable-hover-media-query {\r
+        &:focus {\r
+            @content\r
+        }\r
+        @include hover {\r
+            @content\r
+        }\r
+    }\r
+    @else {\r
+        &:focus,\r
+        &:hover {\r
+            @content\r
+        }\r
+    }\r
+}\r
+\r
+@mixin plain-hover-focus {\r
+    @if $enable-hover-media-query {\r
+        &,\r
+        &:focus {\r
+            @content\r
+        }\r
+        @include hover {\r
+            @content\r
+        }\r
+    }\r
+    @else {\r
+        &,\r
+        &:focus,\r
+        &:hover {\r
+            @content\r
+        }\r
+    }\r
+}\r
+\r
+@mixin hover-focus-active {\r
+    @if $enable-hover-media-query {\r
+        &:focus,\r
+        &:active {\r
+            @content\r
+        }\r
+        @include hover {\r
+            @content\r
+        }\r
+    }\r
+    @else {\r
+        &:focus,\r
+        &:active,\r
+        &:hover {\r
+            @content\r
+        }\r
+    }\r
+}\r
+\r
+@mixin border-radius($args) {\r
+    -webkit-border-radius: $args;\r
+    -moz-border-radius: $args;\r
+    -ms-border-radius: $args;\r
+    -o-border-radius: $args;\r
+    border-radius: $args;\r
+}\r
+\r
+@mixin placeholder {\r
+    &::-webkit-input-placeholder {\r
+        @content\r
+    }\r
+    &:-moz-placeholder {\r
+        @content\r
+    }\r
+    &::-moz-placeholder {\r
+        @content\r
+    }\r
+    &::-ms-placeholder {\r
+        @content\r
+    }\r
+    &::placeholder {\r
+        @content\r
+    }\r
+}\r