update seminar page with new styles

petertait · petertait · commit 5566eba1ff8b · 2016-06-21T09:51:25.000+01:00
diff --git a/_includes/semi-form.html b/_includes/semi-form.html
@@ -12,6 +12,6 @@ <h4 class="seminar-form-title">Name</h4>
     <h4 class="seminar-form-title">Email</h4>
     <input class="seminar-form-input" type="email" name="_replyto">
     <input type="hidden" name="_next" value="events/thanks/" />
-    <input class="seminar-form-submit btn btn-block btn-primary" type="submit" value="Register">
+    <input class="seminar-form-submit btn btn-lrg btn-center" type="submit" value="Register">
   </form>
 </div>
diff --git a/_layouts/seminar-form.html b/_layouts/seminar-form.html
@@ -59,7 +59,7 @@ <h4 class="seminar-location-heading">Location:</h4>
           <p class="location-item">
             <a href="{{page.invite-map}}" title="View in Google Maps">{{page.seminar-location}}</a>
           </p>
-          <a href="#seminar-signup" class="btn btn-block btn-primary">RSVP Now</a>
+          <a href="#seminar-signup" class="btn btn-lrg btn-center">RSVP Now</a>
           <!-- Map section -->
           <!--[if gt IE 8]><!-->
             <div id="{{page.invite-map-id}}" class="seminar-map-container"></div>
diff --git a/_layouts/seminar.html b/_layouts/seminar.html
@@ -60,7 +60,7 @@ <h4 class="seminar-location-heading">Location:</h4>
           <p class="location-item">
             <a href="{{page.invite-map}}" title="View in Google Maps">{{page.seminar-location}}</a>
           </p>
-          <a href="#seminar-signup" class="btn btn-block btn-primary">RSVP Now</a>
+          <a href="#seminar-signup" class="btn btn-lrg btn-center">RSVP Now</a>
           <!-- Map section -->
           <!--[if gt IE 8]><!-->
             <div id="{{page.invite-map-id}}" class="seminar-map-container"></div>
diff --git a/_sass/components/blocks/_post.scss b/_sass/components/blocks/_post.scss
@@ -1,3 +1,21 @@
+.post-block {
+  .card-title {
+    padding-top: 5px;
+  }
+
+  .card-excerpt {
+    font-size: $epsilon;
+  }
+
+  .card-meta {
+    padding-top: 30px;
+  }
+
+  .post .btn {
+    margin-left: 20px;
+  }
+}
+
 .post {
   box-shadow: $box-shadow;
   position: relative;
@@ -18,18 +36,6 @@
   &::after {
     display: none;
   }
-
-  .card-title {
-    padding-top: 5px;
-  }
-
-  .card-excerpt {
-    font-size: $epsilon;
-  }
-
-  .card-meta {
-    padding-top: 30px;
-  }
 }
 
 .post-link {
diff --git a/_sass/pages/_seminar.scss b/_sass/pages/_seminar.scss
@@ -1,6 +1,3 @@
-//===============================================================================
-// SEMINAR
-//===============================================================================
 .seminar.pink,
 .seminar-form.pink {
   background-color: $pink;
@@ -26,11 +23,9 @@
   padding-bottom: 30px;
 
   p, ul {
-    font-size: $delta + 2px;
     padding: 0 40px;
 
     @media screen and ( max-width: $medium ) {
-      font-size: $delta;
       padding: 0 30px;
     }
   }
@@ -39,11 +34,6 @@
     margin: 0 0 10px 20px;
     list-style-type: disc;
     list-style-position: outside;
-    font-size: $delta + 2px;
-
-    @media screen and ( max-width: $medium ) {
-      font-size: $delta;
-    }
   }
 
   @media screen and ( min-width: $medium ) {
@@ -93,7 +83,7 @@
 .seminar-machine-img {
   width: 100%;
   margin-top: -130px;
-  left: -12px;
+  left: -4px;
   position: relative;
   transform: rotate(-0.3deg) skew(1deg);
 
@@ -201,6 +191,7 @@ h4.seminar-titlestack-sub {
   color: $ink;
   margin-top: 0;
   margin-bottom: 8px;
+  border: none;
 
   @media screen and (max-width: $medium) {
     padding-left: 0;
@@ -253,6 +244,10 @@ h4.seminar-titlestack-sub {
   margin-left: 232px;
   hyphens: none;
 
+  p {
+    font-size: $body-font-size;
+  }
+
   @media screen and ( max-width: $medium ) {
     margin-left: 0;
   }
@@ -320,10 +315,8 @@ h5.seminar-speaker-jobtitle {
 .seminar-header-location {
   color: $pink;
   text-align: center;
-  font-style: normal;
   font-size: $alpha - 4px;
-  font-weight: $font-bold;
-  text-transform: none;
+  margin-bottom: 30px;
 
   @media screen and ( max-width: $small ) {
     font-size: $gamma + 2px;
@@ -489,12 +482,6 @@ h3.seminar-header-time::before {
   }
 }
 
-input.seminar-form-submit {
-  width: 100%;
-  position: relative;
-  margin: 15px 0 0;
-}
-
 .seminar-form-header {
   color: $pink;
 
@@ -575,6 +562,7 @@ h3.seminar-info-item {
   font-weight: $font-bold;
   padding-top: 2px;
   margin-bottom: 6px;
+  border: none;
 
   &:after {
     @include pseudo;
diff --git a/_sass/pages/blog/_post.scss b/_sass/pages/blog/_post.scss
@@ -4,7 +4,13 @@
     background-color: $aqua;
   }
 
-  .content-container { margin-top: 10px; }
+  .hero-block {
+    padding-top: 30px;
+  }
+
+  .content-container {
+    padding-top: 40px;
+  }
 }
 
 .post-header {
@@ -46,12 +52,18 @@
 
     @media screen and ( max-width: $medium ) {
       font-size: $mega - 8px;
+      margin-bottom: 30px;
+    }
+
+    @media screen and ( max-width: $small ) {
+      font-size: $alpha;
     }
   }
 }
 
 .post-meta {
   font-size: $gamma - 2px;
+  margin-bottom: 10px;
 }
 
 .post-author {

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,13 @@`
`4`	`4`	`background-color: $aqua;`
`5`	`5`	`}`
`6`	`6`
`7`		`- .content-container { margin-top: 10px; }`
	`7`	`+ .hero-block {`
	`8`	`+ padding-top: 30px;`
	`9`	`+ }`
	`10`	`+`
	`11`	`+ .content-container {`
	`12`	`+ padding-top: 40px;`
	`13`	`+ }`
`8`	`14`	`}`
`9`	`15`
`10`	`16`	`.post-header {`
`@@ -46,12 +52,18 @@`
`46`	`52`
`47`	`53`	`@media screen and ( max-width: $medium ) {`
`48`	`54`	`font-size: $mega - 8px;`
	`55`	`+ margin-bottom: 30px;`
	`56`	`+ }`
	`57`	`+`
	`58`	`+ @media screen and ( max-width: $small ) {`
	`59`	`+ font-size: $alpha;`
`49`	`60`	`}`
`50`	`61`	`}`
`51`	`62`	`}`
`52`	`63`
`53`	`64`	`.post-meta {`
`54`	`65`	`font-size: $gamma - 2px;`
	`66`	`+ margin-bottom: 10px;`
`55`	`67`	`}`
`56`	`68`
`57`	`69`	`.post-author {`