social_landing_page.section.hero.css in Open Social 10.2.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
- .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 */