_miscellaneous.scss 874 B

1234567891011121314151617181920212223242526272829303132333435
  1. //
  2. // Mixins: Miscellaneous
  3. //
  4. // ETC
  5. @mixin translate($x, $y) {
  6. transform: translate($x, $y);
  7. }
  8. // Different radius each side
  9. @mixin border-radius-sides($top-left, $top-right, $bottom-left, $bottom-right) {
  10. border-radius: $top-left $top-right $bottom-left $bottom-right;
  11. }
  12. @mixin calc($property, $expression) {
  13. #{$property}: calc(#{$expression});
  14. }
  15. @mixin rotate($value) {
  16. transform: rotate($value);
  17. }
  18. @mixin animation($animation) {
  19. animation: $animation;
  20. }
  21. // Gradient background
  22. @mixin gradient($color: #F5F5F5, $start: #EEE, $stop: #FFF) {
  23. background: $color;
  24. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop));
  25. background: -ms-linear-gradient(bottom, $start, $stop);
  26. background: -moz-linear-gradient(center bottom, $start 0%, $stop 100%);
  27. background: -o-linear-gradient($stop, $start);
  28. }