_mixins.scss 507 B

1234567891011121314151617181920212223242526272829303132
  1. @mixin vertical-align($position: relative) {
  2. position: $position;
  3. top: 50%;
  4. transform: translateY(-50%);
  5. }
  6. @mixin flexNowrap() {
  7. display: inline-flex;
  8. flex-wrap: nowrap;
  9. width: 100%;
  10. height: $Hh;
  11. }
  12. @mixin inlineflex(){
  13. display: inline-flex;
  14. flex-wrap: wrap;
  15. }
  16. @mixin flexcenter(){
  17. display: inline-flex;
  18. align-items: center;
  19. }
  20. @mixin upper(){
  21. text-transform: uppercase;
  22. }
  23. @mixin flexcenter_column(){
  24. display: inline-flex;
  25. flex-direction: column;
  26. justify-content: center;
  27. }