social_landing_page.section.hero.css in Open Social 8
@media (min-width: 1200px) {
.paragraph--section .paragraph--hero {
margin-left: calc(-100vw / 2 + 1200px / 2);
margin-right: calc(-100vw / 2 + 1200px / 2); } }
.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-wrap {
justify-content: center; }
@media (min-width: 600px) {
.paragraph--hero .cover-wrap {
min-height: 350px; } }
.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
- @media (min-width: 1200px) {
- .paragraph--section .paragraph--hero {
- margin-left: calc(-100vw / 2 + 1200px / 2);
- margin-right: calc(-100vw / 2 + 1200px / 2); } }
- .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-wrap {
- justify-content: center; }
- @media (min-width: 600px) {
- .paragraph--hero .cover-wrap {
- min-height: 350px; } }
- .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 */