daily pastebin goal
4%
SHARE
TWEET

Untitled

a guest Jun 19th, 2018 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @mixin css3-prefix($property, $value) {
  2.   -webkit-#{$property}: #{$value};
  3.   -khtml-#{$property}: #{$value};
  4.   -moz-#{$property}: #{$value};
  5.   -ms-#{$property}: #{$value};
  6.   -o-#{$property}: #{$value};
  7.   #{$property}: #{$value};
  8. }
  9. /// Box
  10. /// @param {*} $orient [horizontal] - Orientation
  11. /// @param {*} $pack [center] - Pack
  12. /// @param {*} $align [center] - Align
  13. /// @require {mixin} css3-prefix
  14.  
  15. @mixin box($orient: horizontal, $pack: center, $align: center) {
  16.   display: -webkit-box;
  17.   display: -moz-box;
  18.   display: box;
  19.  
  20.   @include css3-prefix('box-orient', $orient);
  21.   @include css3-prefix('box-pack', $pack);
  22.   @include css3-prefix('box-align', $align);
  23. }
  24.  
  25.  
  26. /// Box RGBA
  27. /// @param {Integer} $r [60] - Red
  28. /// @param {Integer} $g [3] - Green
  29. /// @param {Integer} $b [12] - Blue
  30. /// @param {Double} $opacity [0.23] - Opacity
  31. /// @param {Color} $color [#3C3C3C] - Color
  32.  
  33. @mixin box-rgba($r: 60, $g: 3, $b: 12, $opacity: 0.23, $color: #3C3C3C) {
  34.   background-color: transparent;
  35.   background-color: rgba($r, $g, $b, $opacity);
  36.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color}',endColorstr='#{$color}');
  37.   zoom:   1;
  38. }
  39.  
  40.  
  41. /// Box Shadow
  42. /// @param {Size} $x [2px] - X
  43. /// @param {Size} $y [2px] - Y
  44. /// @param {Size} $blur [5px] - Blur
  45. /// @param {Color} $color [rgba(0,0,0,.4)] - Color
  46. /// @param {Boolean} $inset - Inset
  47.  
  48. @mixin box-shadow($x: 2px, $y: 2px, $blur: 5px, $color: rgba(0,0,0,.4), $inset: "") {
  49.   @if ($inset != "") {
  50.     @include css3-prefix('box-shadow', $inset $x $y $blur $color);
  51.   } @else {
  52.     @include css3-prefix('box-shadow', $x $y $blur $color);
  53.   }
  54. }
  55.  
  56.  
  57. /// Box Sizing
  58. /// @param {*} $type [border-box] - Type
  59. /// @require {mixin} css3-prefix
  60.  
  61. @mixin box-sizing($type: border-box) {
  62.   @include css3-prefix('box-sizing', $type);
  63. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top