Workspace.styl 698B

12345678910111213141516171819202122232425262728293031323334353637
  1. .workspace
  2. &__header
  3. display flex
  4. flex-wrap wrap
  5. margin-right 15px
  6. &__content
  7. &__button
  8. display flex
  9. justify-content flex-end
  10. margin 45px 15px 45px 0
  11. width 100%
  12. &__btnaddworkspace
  13. margin-bottom 50px
  14. padding 10px 55px
  15. @media (min-width: min-md) and (max-width: max-md)
  16. .workspace
  17. &__content
  18. margin 0
  19. @media (min-width: min-sm) and (max-width: max-sm)
  20. .workspace
  21. &__content
  22. margin 0
  23. &__header
  24. &__btnaddworkspace
  25. display inline-block
  26. margin-right 0
  27. @media (max-width: max-xs)
  28. .workspace
  29. &__header
  30. &__title
  31. margin 25px 0 20px 10px
  32. &__content
  33. margin 0