fix boundless title not rendering correctly in safari

uweb · Nov 16, 2018 · 1b453f6 · 1b453f6
1 parent fab5bd2
commit 1b453f6
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 43 deletions.
diff --git a/campaign/less/campaignv2-style.less b/campaign/less/campaignv2-style.less
@@ -176,7 +176,7 @@
     height: 45px;
     right: 20px;
     top: 180px;
-    background: url("@{img}/close.svg") no-repeat ~"3px 5px/30px 30px" transparent; 
+    background: url("@{img}/close.svg") no-repeat ~"3px 5px/30px 30px" transparent;
     border-radius: 50%;
     border: 2px solid #FFFFFF;
     -webkit-animation: fade-in-out 1s;
@@ -195,7 +195,7 @@
   0% { opacity: 0; }
   50% { opacity: 0; }
   100% { opacity: 1; }
-} 
+}
 @keyframes fade-in-out {
   0% { opacity: 0; }
   50% { opacity: 0; }
@@ -214,7 +214,8 @@
     min-height: 100%;
   h1 {
     font-family: @headline;
-    font-weight: 100;
+    //font-weight: 100;
+    font-weight: 900;
     //font-size: 60px;
     text-transform: uppercase;
     color: white;
@@ -255,13 +256,13 @@
 #give-iframe.active {
   // height: calc(~"100vh - 171px"); //@headerHeight
   // margin-top: 171px;
-  
+
 }
 
 #cv2-close {
   position: absolute;
   top: 50px;
-  right: 50px; 
+  right: 50px;
   height: 50px;
   width: 50px;
 }
@@ -312,7 +313,7 @@
   }
   .container {
     width: 50vw;
-    max-width: 800px; 
+    max-width: 800px;
     margin-top: 5vh;
     p {
       color: white;
@@ -400,7 +401,7 @@
             opacity: .6;
             -webkit-filter: blur(5px);
         }
-        #pause { 
+        #pause {
             background-position: 0 -49px;
             &:hover {
                 background-position-x: -47px;
@@ -433,7 +434,7 @@
     }
   }
   .container {
-    width: 1000px; 
+    width: 1000px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 50px;
@@ -461,7 +462,7 @@
     }
     .story {
       width: 300px;
-      margin: 10px; 
+      margin: 10px;
       display: inline-block;
       text-align: center;
       vertical-align: top;
@@ -652,7 +653,7 @@ section.campaign-facts {
       width: 65%;
       max-width: 500px;
       height: 100%;
-      margin: 0 auto; 
+      margin: 0 auto;
       text-align: center;
       h2 {
         font-size: 20px;
@@ -753,7 +754,7 @@ section.campaign-facts {
       }
     }
     &:hover {
-      cursor: pointer; 
+      cursor: pointer;
     }
   }
   &.about-excerpt .container-image.container-left div.row{
@@ -829,7 +830,7 @@ section.campaign-facts {
   &:active { //whole section
     .container-image{
       border-width: 8px;
-      .play-button svg { 
+      .play-button svg {
         ellipse { fill: white; }
         polygon { fill: @purple; }
       }
@@ -838,12 +839,12 @@ section.campaign-facts {
         a { color: @purple; }
       }
     }
-    
+
   }
 }
 
-@arrowIn        : -200px; 
-@arrowInMobile  : -100px; 
+@arrowIn        : -200px;
+@arrowInMobile  : -100px;
 button.prevSlide,
 button.nextSlide {
     position: absolute;
@@ -886,7 +887,7 @@ button.nextSlide {
         &.nextSlide { .translate(20px, 0); }
         span { .scale(.9, .9); }
         //#arrow1 path, #arrow2 path { fill: @darkgold; }
-    } 
+    }
 }
 button.prevSlide {
     // left: @arrowIn;
@@ -1177,7 +1178,7 @@ button.nextSlide {
 
   #campaign-intro {
     height: calc(~"100vh - 60px"); //@headerHeight
-    .container { 
+    .container {
       width: 80vw;
       p { text-align: left; }
     }
@@ -1200,11 +1201,11 @@ button.nextSlide {
       form button {
         max-width: 135px;
         width: 45%;
-        margin: 5px 2.5%; 
+        margin: 5px 2.5%;
       }
     }
   }
-  
+
 }
 
 @media only screen and (max-width : 600px) {
@@ -1236,8 +1237,8 @@ button.nextSlide {
       width: calc(~"70vw + 20px");
       button.left { left: -(10vw); }
       button.right { right: -(10vw); }
-      .story { 
-        margin: 5px; 
+      .story {
+        margin: 5px;
         hr { width: 80%; }
       }
     }
@@ -1271,12 +1272,12 @@ button.nextSlide {
       }
     }
   }
-  
+
   #campaign-intro {
     //padding-top: 4vh;
     h1 { font-size: 6.5vw; }
-    .container { 
-      width: 90vw; 
+    .container {
+      width: 90vw;
       //margin-top: 3vh;
     }
     #block-w-logo {
@@ -1318,7 +1319,7 @@ button.nextSlide {
     &:not(.cv2-home-slide-video){
       padding-top: 2vh;
     }
-    .container { 
+    .container {
       margin-top: 3vh;
     }
     .scrollit {
@@ -1330,7 +1331,7 @@ button.nextSlide {
 @media only screen and (max-height : 550px) {
   #campaign-intro {
     //padding-top: .5vh;
-    .container { 
+    .container {
       margin-top: 0;
     }
     .scrollit {
@@ -1340,7 +1341,7 @@ button.nextSlide {
 }
 @media only screen and (min-width : 768px) and (max-height : 550px) {
   #campaign-intro {
-    .container { 
+    .container {
       width: 60vw;
     }
     #block-w-logo,
@@ -1350,11 +1351,11 @@ button.nextSlide {
     }
     min-height: 500px;
   }
-  
+
 }
 @media only screen and (max-width : 767px) and (max-height : 500px) {
   #campaign-intro {
-    .container { 
+    .container {
       //width: 60vw;
     }
     #block-w-logo,
@@ -1364,12 +1365,12 @@ button.nextSlide {
     }
     min-height: 500px;
   }
-  
+
 }
 //ARROWS
     // Arrow padding
-// @arrowIn        : 30px; 
-// @arrowInMobile  : 10px; 
+// @arrowIn        : 30px;
+// @arrowInMobile  : 10px;
 // button.prevSlide,
 // button.nextSlide {
 //     position: fixed;
@@ -1426,17 +1427,17 @@ button.nextSlide {
 //     }
 
 //     @keyframes circlehoverslides {
-//       0% { 
+//       0% {
 //         visibility: visible;
 //         .scale(0,0);
 //         opacity: .2;
 //       }
 
-//       100% { 
+//       100% {
 //         .scale(4.5, 4.5);
 //         opacity: 0;
 //       }
-//     } 
+//     }
 
 
 //     .pageLoaded & {
@@ -1474,7 +1475,7 @@ button.nextSlide {
 //     // }
 
 // }
-// .hideNext & {       
+// .hideNext & {
 //     .transition(all 1s linear .5s);
 //     button.nextSlide {
 //         .translate(200px, 0px);
@@ -1488,7 +1489,7 @@ button.nextSlide {
 //         opacity: 0;
 //     }
 // }
-// @media(max-device-width:768px) {    
+// @media(max-device-width:768px) {
 //     button.nextSlide,
 //     button.prevSlide {
 //         width: 14vw;
@@ -1707,7 +1708,7 @@ button.nextSlide {
         height: 0;
         opacity: 0;
         visibility: hidden;
-       } 
+       }
       .cv2-header-white .row{
         margin-left:0;
         margin-right:0;
@@ -1976,11 +1977,11 @@ button.nextSlide {
           content:none;/* gets rid of slash */
         }
         #cv2-more .expando:before{
-          content: '\e904';   
+          content: '\e904';
           color: @purple;
         }
         #cv2-more .collapso:before{
-          content: '\e902';   
+          content: '\e902';
           color: @lightgold;
         }
         #cv2-more .expando:before,
@@ -2047,12 +2048,12 @@ button.nextSlide {
     .cv2-col-inner-campnews{
       padding-bottom:0 !important;
     }
-    
+
     .cv2-col-inner form input{
       width: calc(~"100% - 140px");
       max-width: 450px;
     }
-    
+
     .cv2-connect{
       padding-left: 0;
       padding-right: 0;

diff --git a/package-lock.json b/package-lock.json