_tiles.scss 586 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // Tiles
  2. .tile {
  3. align-content: space-between;
  4. align-items: flex-start;
  5. display: flex;
  6. .tile-icon,
  7. .tile-action {
  8. flex: 0 0 auto;
  9. }
  10. .tile-content {
  11. flex: 1 1 auto;
  12. &:not(:first-child) {
  13. padding-left: $unit-2;
  14. }
  15. &:not(:last-child) {
  16. padding-right: $unit-2;
  17. }
  18. }
  19. .tile-title,
  20. .tile-subtitle {
  21. line-height: $line-height;
  22. }
  23. &.tile-centered {
  24. align-items: center;
  25. .tile-content {
  26. overflow: hidden;
  27. }
  28. .tile-title,
  29. .tile-subtitle {
  30. @include text-ellipsis();
  31. margin-bottom: 0;
  32. }
  33. }
  34. }