105 lines
1.9 KiB
SCSS
105 lines
1.9 KiB
SCSS
// Place all the styles related to the Welcome controller here.
|
|
// They will automatically be included in application.css.
|
|
// You can use Sass (SCSS) here: http://sass-lang.com/
|
|
|
|
#welcome-index-leader {
|
|
background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
|
|
image-url("jumbo.jpg") center center no-repeat;
|
|
background-size: cover;
|
|
height: 820px;
|
|
|
|
* {
|
|
color: rgba(255, 255, 255, 0.95);
|
|
}
|
|
|
|
h1 {
|
|
margin-top: 200px;
|
|
}
|
|
|
|
.leader-date {
|
|
font-size: 17px;
|
|
letter-spacing: 4px;
|
|
padding: 12pt;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
|
|
#welcome-index-when-where {
|
|
h1 {
|
|
padding: 3 * $spacer 0;
|
|
}
|
|
}
|
|
|
|
#welcome-index-venue-leader {
|
|
background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
|
|
image-url("venue.jpg") center center no-repeat;
|
|
background-size: cover;
|
|
margin-top: 5 * $spacer;
|
|
|
|
* {
|
|
color: rgba(255, 255, 255, 0.95);
|
|
}
|
|
|
|
h1 {
|
|
padding: 3 * $spacer 0;
|
|
}
|
|
}
|
|
|
|
#welcome-index-venue {
|
|
h2 {
|
|
padding-top: 3 * $spacer;
|
|
padding-bottom: $spacer;
|
|
text-align: center;
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
}
|
|
|
|
#welcome-index-wedding-plan-leader {
|
|
background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
|
|
image-url("plan.jpg") center center no-repeat;
|
|
background-size: cover;
|
|
margin-top: 5 * $spacer;
|
|
|
|
* {
|
|
color: rgba(255, 255, 255, 0.95);
|
|
}
|
|
|
|
h1 {
|
|
padding: 3 * $spacer 0;
|
|
}
|
|
}
|
|
|
|
#welcome-index-wedding-plan {
|
|
h2 {
|
|
padding-top: 3 * $spacer;
|
|
padding-bottom: $spacer;
|
|
text-align: center;
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
}
|
|
|
|
#welcome-index-footer {
|
|
background-color: #faebe3;
|
|
margin-top: 5 * $spacer;
|
|
|
|
#welcome-index-footer-cta {
|
|
padding-top: 8 * $spacer;
|
|
padding-bottom: 3 * $spacer;
|
|
}
|
|
|
|
#welcome-index-footer-credits {
|
|
padding-top: 5 * $spacer;
|
|
padding-bottom: 3 * $spacer;
|
|
|
|
small {
|
|
color: rgba(28, 13, 10, 0.4);
|
|
}
|
|
}
|
|
}
|