issue #89: Added vertical logo for portrait phones. CSS inclusion wit…

…h breakpoints. More work needed.
SwiftkickWeb · Jul 6, 2017 · a6dcdb8 · a6dcdb8
1 parent cf07a87
commit a6dcdb8
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 0 deletions.
diff --git a/app/assets/images/[email protected] b/app/assets/images/[email protected]
diff --git a/app/assets/images/[email protected] b/app/assets/images/[email protected]
diff --git a/app/assets/images/[email protected] b/app/assets/images/[email protected]
diff --git a/app/assets/images/[email protected] b/app/assets/images/[email protected]
diff --git a/app/assets/images/[email protected] b/app/assets/images/[email protected]
diff --git a/app/assets/images/[email protected] b/app/assets/images/[email protected]
diff --git a/app/assets/stylesheets/hero.scss b/app/assets/stylesheets/hero.scss
@@ -72,3 +72,24 @@
 
 
 //  Bootstrap.....Extra Small (xs)  576px or greater (Phone) Bootstrap Default
+
+@media (max-width: 400px)   {
+    .row__hero-banner {
+       // margin:  0.5em 0.5em 0em 0.5em;
+
+        h1 {
+            text-indent:    -9999px;
+            margin: auto;
+            max-width:  100%;
+            min-height: 40vw;
+            background-image:   url([email protected]);
+            background-size:    contain;
+            background-repeat:  no-repeat;
+            background-position: center;
+            overflow:   hidden;
+          }
+    }
+}
+
+
+