git.roojs.org Git - bootswatch/blob - MDB Free/sass/mdb/free/data/_mixins.scss

   1 /*********************\r
   2   Mixins\r
   3 **********************/\r
   4 \r
   5 @mixin hover {\r
   6     @if $enable-hover-media-query {\r
   7         // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover\r
   8         // Currently shimmed by https://github.com/twbs/mq4-hover-shim\r
   9         @media (hover: hover) {\r
  10             &:hover {\r
  11                 @content\r
  12             }\r
  13         }\r
  14     }\r
  15     @else {\r
  16         &:hover {\r
  17             @content\r
  18         }\r
  19     }\r
  20 }\r
  21 \r
  22 @mixin hover-focus {\r
  23     @if $enable-hover-media-query {\r
  24         &:focus {\r
  25             @content\r
  26         }\r
  27         @include hover {\r
  28             @content\r
  29         }\r
  30     }\r
  31     @else {\r
  32         &:focus,\r
  33         &:hover {\r
  34             @content\r
  35         }\r
  36     }\r
  37 }\r
  38 \r
  39 @mixin plain-hover-focus {\r
  40     @if $enable-hover-media-query {\r
  41         &,\r
  42         &:focus {\r
  43             @content\r
  44         }\r
  45         @include hover {\r
  46             @content\r
  47         }\r
  48     }\r
  49     @else {\r
  50         &,\r
  51         &:focus,\r
  52         &:hover {\r
  53             @content\r
  54         }\r
  55     }\r
  56 }\r
  57 \r
  58 @mixin hover-focus-active {\r
  59     @if $enable-hover-media-query {\r
  60         &:focus,\r
  61         &:active {\r
  62             @content\r
  63         }\r
  64         @include hover {\r
  65             @content\r
  66         }\r
  67     }\r
  68     @else {\r
  69         &:focus,\r
  70         &:active,\r
  71         &:hover {\r
  72             @content\r
  73         }\r
  74     }\r
  75 }\r
  76 \r
  77 @mixin border-radius($args) {\r
  78     -webkit-border-radius: $args;\r
  79     -moz-border-radius: $args;\r
  80     -ms-border-radius: $args;\r
  81     -o-border-radius: $args;\r
  82     border-radius: $args;\r
  83 }\r
  84 \r
  85 @mixin placeholder {\r
  86     &::-webkit-input-placeholder {\r
  87         @content\r
  88     }\r
  89     &:-moz-placeholder {\r
  90         @content\r
  91     }\r
  92     &::-moz-placeholder {\r
  93         @content\r
  94     }\r
  95     &::-ms-placeholder {\r
  96         @content\r
  97     }\r
  98     &::placeholder {\r
  99         @content\r
 100     }\r
 101 }\r