You are here

cards.css in Open Social 8.9

.card {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #ffffff;
}

.card__title {
  color: #555555;
  font-weight: 500;
}

.card__title svg {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 7px;
}

.block--custom-content-list .card__title .content-list__type {
  display: none;
  /* temporary styles */
  width: 14px;
  height: 14px;
  margin-right: 1rem;
  fill: #555;
  /* $$gray */
}

.block--custom-content-list .card__actionbar {
  text-align: center;
}

.region--complementary .card__title,
.region--complementary .card__actionbar,
.paragraph--block .secondary-col .card__title,
.paragraph--block .secondary-col .card__actionbar {
  text-align: center;
}

.card__block:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card__block:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card__nested-section:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card__link {
  color: #29abe2;
}

.card__link:hover {
  color: #1a8dbe;
}

.card.block-data-policy .card__title,
.card.block-data-policy .card__block {
  width: 100%;
}

File

themes/socialblue/assets/css/cards.css
View source
  1. .card {
  2. border-top-left-radius: 10px;
  3. border-bottom-left-radius: 10px;
  4. border-top-right-radius: 10px;
  5. border-bottom-right-radius: 10px;
  6. background-color: #ffffff;
  7. }
  8. .card__title {
  9. color: #555555;
  10. font-weight: 500;
  11. }
  12. .card__title svg {
  13. display: inline-block;
  14. vertical-align: middle;
  15. width: 19px;
  16. height: 19px;
  17. margin-right: 7px;
  18. }
  19. .block--custom-content-list .card__title .content-list__type {
  20. display: none;
  21. /* temporary styles */
  22. width: 14px;
  23. height: 14px;
  24. margin-right: 1rem;
  25. fill: #555;
  26. /* $$gray */
  27. }
  28. .block--custom-content-list .card__actionbar {
  29. text-align: center;
  30. }
  31. .region--complementary .card__title,
  32. .region--complementary .card__actionbar,
  33. .paragraph--block .secondary-col .card__title,
  34. .paragraph--block .secondary-col .card__actionbar {
  35. text-align: center;
  36. }
  37. .card__block:first-child {
  38. border-top-left-radius: 10px;
  39. border-top-right-radius: 10px;
  40. }
  41. .card__block:last-child {
  42. border-bottom-left-radius: 10px;
  43. border-bottom-right-radius: 10px;
  44. }
  45. .card__nested-section:last-child {
  46. border-bottom-left-radius: 10px;
  47. border-bottom-right-radius: 10px;
  48. }
  49. .card__link {
  50. color: #29abe2;
  51. }
  52. .card__link:hover {
  53. color: #1a8dbe;
  54. }
  55. .card.block-data-policy .card__title,
  56. .card.block-data-policy .card__block {
  57. width: 100%;
  58. }