Make open source
This commit is contained in:
John Lees-Miller
65
app/assets/stylesheets/application.scss
Normal file
65
app/assets/stylesheets/application.scss
Normal file
@ -0,0 +1,65 @@
|
||||
/*
|
||||
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
||||
* listed below.
|
||||
*
|
||||
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
|
||||
* vendor/assets/stylesheets directory can be referenced here using a relative path.
|
||||
*
|
||||
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
||||
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
|
||||
* files in this directory. Styles in this file should be added after the last require_* statement.
|
||||
* It is generally better to create a new file per style scope.
|
||||
*
|
||||
*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Arvo:400');
|
||||
|
||||
$font-family-sans-serif: Montserrat, Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: Arvo, Georgia, "Times New Roman", Times, serif;
|
||||
|
||||
$font-family-base: $font-family-serif;
|
||||
$headings-font-family: $font-family-sans-serif;
|
||||
|
||||
$body-color: rgba(28, 13, 10, 0.7);
|
||||
$headings-color: rgba(28, 13, 10, 0.7);
|
||||
|
||||
$theme-colors: (
|
||||
"primary": #ff745c
|
||||
);
|
||||
|
||||
$enable-rounded: false;
|
||||
|
||||
@import "bootstrap";
|
||||
@import "guests";
|
||||
@import "welcome";
|
||||
|
||||
h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.0833333em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: theme-color("primary");
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5em;
|
||||
letter-spacing: 0.0833333em;
|
||||
text-transform: uppercase;
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
margin: 0 auto;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.wedding-cta-btn {
|
||||
letter-spacing: 2px;
|
||||
padding: 0.75rem 1.5rem;
|
||||
}
|
||||
|
||||
.wedding-required {
|
||||
color: theme-color("primary");
|
||||
}
|
||||
27
app/assets/stylesheets/guests.scss
Normal file
27
app/assets/stylesheets/guests.scss
Normal file
@ -0,0 +1,27 @@
|
||||
// Place all the styles related to the Guests controller here.
|
||||
// They will automatically be included in application.css.
|
||||
// You can use Sass (SCSS) here: http://sass-lang.com/
|
||||
|
||||
#guests-leader {
|
||||
background:
|
||||
linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
|
||||
image-url('flowers.jpg') center center no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
h1 {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
}
|
||||
|
||||
.guests-rsvp-nav {
|
||||
padding-bottom: $spacer;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
li.nav-item { width:100%; }
|
||||
}
|
||||
}
|
||||
|
||||
.guests-buttons {
|
||||
padding-top: $spacer;
|
||||
padding-bottom: 10 * $spacer;
|
||||
}
|
||||
3
app/assets/stylesheets/plus_ones.scss
Normal file
3
app/assets/stylesheets/plus_ones.scss
Normal file
@ -0,0 +1,3 @@
|
||||
// Place all the styles related to the PlusOnes controller here.
|
||||
// They will automatically be included in application.css.
|
||||
// You can use Sass (SCSS) here: http://sass-lang.com/
|
||||
104
app/assets/stylesheets/welcome.scss
Normal file
104
app/assets/stylesheets/welcome.scss
Normal file
@ -0,0 +1,104 @@
|
||||
// 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user