You are here

cards.css in Open Social 8

.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: #777;
  font-weight: 500;
  text-transform: uppercase;
}

.region--complementary .card__title,
.region--complementary .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;
}

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: #777;
  10. font-weight: 500;
  11. text-transform: uppercase;
  12. }
  13. .region--complementary .card__title,
  14. .region--complementary .card__actionbar {
  15. text-align: center;
  16. }
  17. .card__block:first-child {
  18. border-top-left-radius: 10px;
  19. border-top-right-radius: 10px;
  20. }
  21. .card__block:last-child {
  22. border-bottom-left-radius: 10px;
  23. border-bottom-right-radius: 10px;
  24. }
  25. .card__nested-section:last-child {
  26. border-bottom-left-radius: 10px;
  27. border-bottom-right-radius: 10px;
  28. }
  29. .card__link {
  30. color: #29abe2;
  31. }
  32. .card__link:hover {
  33. color: #1a8dbe;
  34. }