src/scss/bootstrap-4.0.0-alpha.6/scss/_mixins.scss

   1 // Toggles
   2 //
   3 // Used in conjunction with global variables to enable certain theme features.
   4
   5 @mixin box-shadow($shadow...) {
   6   @if $enable-shadows {
   7     box-shadow: $shadow;
   8   }
   9 }
  10
  11 @mixin transition($transition...) {
  12   @if $enable-transitions {
  13     @if length($transition) == 0 {
  14       transition: $transition-base;
  15     } @else {
  16       transition: $transition;
  17     }
  18   }
  19 }
  20
  21 // Utilities
  22 @import "mixins/breakpoints";
  23 @import "mixins/hover";
  24 @import "mixins/image";
  25 @import "mixins/badge";
  26 @import "mixins/resize";
  27 @import "mixins/screen-reader";
  28 @import "mixins/size";
  29 @import "mixins/reset-text";
  30 @import "mixins/text-emphasis";
  31 @import "mixins/text-hide";
  32 @import "mixins/text-truncate";
  33 @import "mixins/transforms";
  34 @import "mixins/visibility";
  35
  36 // // Components
  37 @import "mixins/alert";
  38 @import "mixins/buttons";
  39 @import "mixins/cards";
  40 @import "mixins/pagination";
  41 @import "mixins/lists";
  42 @import "mixins/list-group";
  43 @import "mixins/nav-divider";
  44 @import "mixins/forms";
  45 @import "mixins/table-row";
  46
  47 // // Skins
  48 @import "mixins/background-variant";
  49 @import "mixins/border-radius";
  50 @import "mixins/gradients";
  51
  52 // // Layout
  53 @import "mixins/clearfix";
  54 // @import "mixins/navbar-align";
  55 @import "mixins/grid-framework";
  56 @import "mixins/grid";
  57 @import "mixins/float";