_mixins.scss 583 B

12345678910111213141516171819202122232425262728293031323334
  1. @mixin flex-direction($values) {
  2. -webkit-flex-direction: $values;
  3. flex-direction: $values;
  4. }
  5. @mixin flex-flow($values) {
  6. -webkit-flex-flow: $values;
  7. flex-flow: $values;
  8. }
  9. @mixin align-items($values) {
  10. -webkit-align-items: $values;
  11. align-items: $values;
  12. }
  13. @mixin justify-content($values) {
  14. -webkit-justify-content: $values;
  15. justify-content: $values;
  16. }
  17. @mixin flex($values) {
  18. -webkit-flex: $values;
  19. flex: $values;
  20. }
  21. @mixin display-flex() {
  22. display: -webkit-flex;
  23. display: flex;
  24. }
  25. @mixin display-inline-flex() {
  26. display: -webkit-inline-flex;
  27. display: inline-flex;
  28. }