_listgroup.scss 959 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .list-group {
  2. .list-group-header {
  3. font-size: 12px;
  4. font-weight: 600;
  5. padding: .75rem 1rem;
  6. }
  7. .list-group-item {
  8. display: flex;
  9. align-items: stretch;
  10. border-width: 1px 0;
  11. border-color: #ebecec;
  12. }
  13. .list-group-item-figure {
  14. align-self: start;
  15. display: flex;
  16. -ms-flex-align: center;
  17. align-items: center;
  18. color: #a9acb0;
  19. }
  20. .list-group-item-body {
  21. flex: 1;
  22. min-width: 0;
  23. align-self: center;
  24. font-size: .875rem;
  25. }
  26. .list-group-item-text {
  27. margin-bottom: 0;
  28. line-height: 1.25rem;
  29. color: #686f76;
  30. }
  31. }
  32. .list-group-file-item {
  33. .list-group-item {
  34. padding: 0px;
  35. }
  36. .list-group-item-figure {
  37. padding: .75rem 1rem;
  38. }
  39. .list-group-item-body {
  40. padding: .75rem 0;
  41. }
  42. }
  43. .list-group-bordered {
  44. .list-group-item {
  45. border: 1px solid #e3ebf6;
  46. &.active {
  47. background: $primary-color;
  48. border-color: $primary-color;
  49. }
  50. }
  51. }
  52. .list-group-lg {
  53. .list-group-item {
  54. padding-top: 1.5rem;
  55. padding-bottom: 1.5rem;
  56. }
  57. }