Saved: 2017-11-10 14:24

Torey Heinz committed Nov 10, 2017
commit ea30137105ffb12ea419e15b86245741134947f0
Showing 2 changed files with 15 additions and 2 deletions
app/views/pages/layouts/application.liquid +1 -1
@@ @@ -52,7 +52,7 @@ is_layout: true
<!-- End Top Bar -->
<div class="row expanded text-center banner">
{% comment %}<img class="banner-image" src="{{ 'banner-1.jpg' | theme_image_url }}">{% endcomment %}
- <p class="lead">A Single Source for ALL of Your Casting Needs</p>
+ <p class="lead">A Single Source for <br>ALL of Your Casting Needs</p>
</div>
<div class="wrapper row expanded">
{% block main %}
public/stylesheets/app.scss +14 -1
@@ @@ -88,14 +88,27 @@ body.index {
background: image-url('/images/banner-1.jpg') top center no-repeat;
background-size: cover;
+ @include breakpoint(small only) {
+ height: 250px;
+ }
+
p.lead {
@include absolute-center;
color: $white;
font-weight: bold;
- font-size: rem-calc(35);
+ font-size: rem-calc(45);
background: rgba(0,0,0, 0.75);
padding: rem-calc(10);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+
+ @include breakpoint(medium only) {
+ width: 90%;
+ }
+
+ @include breakpoint(small only) {
+ width: 90%;
+ font-size: rem-calc(25);
+ }
}
}