You are here

social_landing_page.section.hero.css in Open Social 10.1.x

.paragraph--hero .hero__bgimage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(34, 34, 34, 0.7) 100%);
}
.paragraph--hero .cover-small {
  max-width: 620px;
  width: 100%;
  padding: 0 7px;
  margin: 0 auto;
  text-align: left;
}
@media (min-width: 600px) {
  .paragraph--hero .cover-small {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.paragraph--hero .cover-small .page-title {
  width: 100%;
  text-align: left;
  padding: 30px 0 10px;
}
.paragraph--hero .cover-small .page-subtitle {
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 20px;
}
.paragraph--hero .cover-small .hero-footer .field--name-field-hero-buttons {
  margin: 0 -10px;
}
.paragraph--hero .cover-small .hero-footer .field--item {
  display: inline-block;
}
.paragraph--hero .cover-small .hero-footer .field--item .paragraph--button {
  padding: 0 10px;
}
.paragraph--hero .cover-small .hero-footer .card__actionbar {
  padding: 20px 0;
}
.paragraph--hero .cover-small .hero-footer .card__actionbar .btn {
  min-width: 130px;
}

/*# sourceMappingURL=social_landing_page.section.hero.css.map */

File

modules/social_features/social_landing_page/css/social_landing_page.section.hero.css
View source
  1. .paragraph--hero .hero__bgimage-overlay {
  2. position: absolute;
  3. top: 0;
  4. left: 0;
  5. bottom: 0;
  6. right: 0;
  7. background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(34, 34, 34, 0.7) 100%);
  8. }
  9. .paragraph--hero .cover-small {
  10. max-width: 620px;
  11. width: 100%;
  12. padding: 0 7px;
  13. margin: 0 auto;
  14. text-align: left;
  15. }
  16. @media (min-width: 600px) {
  17. .paragraph--hero .cover-small {
  18. position: absolute;
  19. bottom: 10px;
  20. left: 50%;
  21. transform: translateX(-50%);
  22. }
  23. }
  24. .paragraph--hero .cover-small .page-title {
  25. width: 100%;
  26. text-align: left;
  27. padding: 30px 0 10px;
  28. }
  29. .paragraph--hero .cover-small .page-subtitle {
  30. margin: 0 0 5px;
  31. font-weight: normal;
  32. font-size: 20px;
  33. }
  34. .paragraph--hero .cover-small .hero-footer .field--name-field-hero-buttons {
  35. margin: 0 -10px;
  36. }
  37. .paragraph--hero .cover-small .hero-footer .field--item {
  38. display: inline-block;
  39. }
  40. .paragraph--hero .cover-small .hero-footer .field--item .paragraph--button {
  41. padding: 0 10px;
  42. }
  43. .paragraph--hero .cover-small .hero-footer .card__actionbar {
  44. padding: 20px 0;
  45. }
  46. .paragraph--hero .cover-small .hero-footer .card__actionbar .btn {
  47. min-width: 130px;
  48. }
  49. /*# sourceMappingURL=social_landing_page.section.hero.css.map */