12345678910111213141516171819202122232425262728293031323334 |
- //
- // Mixins: Miscellaneous
- //
- // ETC
- @mixin translate($x, $y) {
- transform: translate($x, $y);
- }
- // Different radius each side
- @mixin border-radius-sides($top-left, $top-right, $bottom-left, $bottom-right) {
- border-radius: $top-left $top-right $bottom-left $bottom-right;
- }
- @mixin calc($property, $expression) {
- #{$property}: calc(#{$expression});
- }
- @mixin rotate($value) {
- transform: rotate($value);
- }
- @mixin animation($animation) {
- animation: $animation;
- }
- // Gradient background
- @mixin gradient($color: #f5f5f5, $start: #eee, $stop: $white) {
- background-color: $color;
- background-image: gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop));
- }
- //
|