cards.scss 883 B

12345678910111213141516171819202122232425262728293031323334353637
  1. //
  2. // Cards
  3. // --------------------------------------------------
  4. .card {
  5. margin: $bar-side-spacing;
  6. overflow: hidden;
  7. background-color: $card-bg;
  8. border: $border-default;
  9. border-radius: $border-radius;
  10. }
  11. // Cards with table-views
  12. // --------------------------------------------------
  13. .card .table-view {
  14. margin-bottom: 0;
  15. border-top: 0;
  16. border-bottom: 0;
  17. // Rounding first divider on carded lists and remove border on the top
  18. .table-view-divider:first-child {
  19. top: 0;
  20. border-top-left-radius: $border-radius;
  21. border-top-right-radius: $border-radius;
  22. }
  23. // Rounding last divider on carded table views
  24. .table-view-divider:last-child {
  25. border-bottom-left-radius: $border-radius;
  26. border-bottom-right-radius: $border-radius;
  27. }
  28. }
  29. // Remove the bottom border from last table cell
  30. .card .table-view-cell:last-child {
  31. border-bottom: 0;
  32. }