_mixins.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. @mixin vertical-align($position: relative) {
  2. position: $position;
  3. top: 50%;
  4. -webkit-transform: translateY(-50%);
  5. transform: translateY(-50%);
  6. }
  7. @mixin flexNowrap() {
  8. display: -webkit-inline-box;
  9. display: -ms-inline-flexbox;
  10. display: inline-flex;
  11. -ms-flex-wrap: nowrap;
  12. flex-wrap: nowrap;
  13. width: 100%;
  14. height: $Hh;
  15. }
  16. @mixin inlineflex(){
  17. display: -webkit-inline-box;
  18. display: -ms-inline-flexbox;
  19. display: inline-flex;
  20. -ms-flex-wrap: wrap;
  21. flex-wrap: wrap;
  22. }
  23. @mixin flexcenter(){
  24. display: -webkit-inline-box;
  25. display: -ms-inline-flexbox;
  26. display: inline-flex;
  27. -webkit-box-align: center;
  28. -ms-flex-align: center;
  29. align-items: center;
  30. }
  31. @mixin upper(){
  32. text-transform: uppercase;
  33. }
  34. @mixin flexcenter_column(){
  35. display: -webkit-inline-box;
  36. display: -ms-inline-flexbox;
  37. display: inline-flex;
  38. -webkit-box-orient: vertical;
  39. -webkit-box-direction: normal;
  40. -ms-flex-direction: column;
  41. flex-direction: column;
  42. -webkit-box-pack: center;
  43. -ms-flex-pack: center;
  44. justify-content: center;
  45. }