groups.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /*groups stream*/
  2. .groups {
  3. display: flex;
  4. flex-wrap: wrap;
  5. }
  6. .groups > h1 {
  7. padding: var(--unit-size);
  8. }
  9. .nav-content .feed .groups > div {
  10. margin: var(--unit-size) var(--unit-size) 0 var(--unit-size);
  11. border-radius: var(--unit-size);
  12. width: 100%;
  13. }
  14. .nav-content .feed .groups > div:last-child {
  15. margin: var(--unit-size) var(--unit-size) var(--unit-size) var(--unit-size);
  16. }
  17. .group {
  18. display: flex;
  19. flex-wrap: wrap;
  20. border: solid 2px var(--accent-low);
  21. border-radius: var(--unit-size);
  22. box-shadow: var(--shadow);
  23. margin-bottom: var(--unit-size);
  24. }
  25. .group-content {
  26. order: 3;
  27. word-break: break-word;
  28. padding: var(--small-size);
  29. border-radius: 0 0 var(--unit-size) var(--unit-size);
  30. width: 100%;
  31. display: flex;
  32. flex-wrap: wrap;
  33. justify-content: space-between;
  34. }
  35. .group-info {
  36. order: 3;
  37. display: flex;
  38. flex-wrap: wrap;
  39. }
  40. .group-description {
  41. order: 3;
  42. word-break: break-word;
  43. padding: var(--small-size);
  44. border-radius: 0 0 var(--unit-size) var(--unit-size);
  45. display: flex;
  46. flex-wrap: wrap;
  47. justify-content: right;
  48. }