#232 More tweaks on this card

thinktandem · Oct 13, 2020 · f914e76 · f914e76
1 parent d1eae4f
commit f914e76
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 25 deletions.
diff --git a/site/.vuepress/theme/components/Footer.vue b/site/.vuepress/theme/components/Footer.vue
@@ -86,9 +86,11 @@ export default {};
 
     .menu-primary
       a
-        font-size 20px
-        letter-spacing -1.67px
+        font-size inherit
         color $tandemGrey
+        font-family "AvenirNext", "Helvetica Neue", Arial, sans-serif
+        text-decoration none
+        letter-spacing normal
         &:hover
           color $tandemPink
       ol, ul

diff --git a/site/.vuepress/theme/components/HeroFlex.vue b/site/.vuepress/theme/components/HeroFlex.vue
@@ -16,7 +16,7 @@
         .hero-left-content.{{ id }}:hover h2 {color: {{ hover }};}
         .hero-left-content.{{ id }}:hover hr {border-color: {{ hover }};}
         .hero-left-content.{{ id }}:hover .hero-summary {color: {{ hover }};}
-        .hero-left-content.{{ id }}:hover .hero-type {color: {{ hover }};}
+        .hero-left-content.{{ id }}:hover .hero-type {color: {{ hover }}; border-bottom: 0.25em solid {{ hover }}}
       </style>
       <div :class="`hero-right-content ${id}`">
         <YouTube
@@ -30,11 +30,9 @@
       >
         <div :class="`hero-left-content ${id}`">
           <h2>{{ title }}</h2>
-          <hr align="left">
           <div class="hero-summary">
             {{ byline }}
           </div>
-          <hr align="left">
           <div class="hero-type">
             {{ type }}
           </div>
@@ -124,6 +122,11 @@ export default {
         letter-spacing -0.0587654321em
         font-size 1.2em
         margin-top 2em
+        letter-spacing -0.0265em
+        border-bottom 0.25em solid #fff
+        display inline-block
+        clear both
+        padding-bottom 0.25em
       hr
         width 33%
       h2

diff --git a/site/.vuepress/theme/components/SectionHeader.vue b/site/.vuepress/theme/components/SectionHeader.vue
@@ -60,19 +60,19 @@ export default {
 
 <style lang="stylus" scoped>
 h1
-  font-size 30px
-  font-weight 900
-  letter-spacing -2.32px
-  text-decoration underline
+  font-size 32px
+  border-bottom 0.5rem solid #000
+  display inline-block
+  padding-bottom 0.5em
 h2
   color black
   font-family GalaxieCopernicus, PT Serif, serif
   font-weight 500
   margin 0
   margin-bottom 1em
   letter-spacing -0.0265em
-  line-height 1.265
-  font-size 2em
+  line-height 1.265 !important
+  font-size 3em
 .section-header
   display flex
   justify-content center

diff --git a/site/.vuepress/theme/components/WorkSummary.vue b/site/.vuepress/theme/components/WorkSummary.vue
@@ -174,7 +174,6 @@ a
       color inherit
       text-decoration none
   .work-summary
-    font-size 14px
     color inherit
     font-weight 300
     font-size 1.68rem
@@ -185,6 +184,7 @@ a
     right 1em
     bottom 1em
     font-size .8em
+    padding-right 2em
   footer
     opacity 0
     height 0

diff --git a/site/.vuepress/theme/layouts/Home.vue b/site/.vuepress/theme/layouts/Home.vue
@@ -20,7 +20,7 @@
                 Better
               </span>
               <span class="second-text">
-                Together.
+                Together
               </span>
               <div>
                 <h1 class="home-summary">
@@ -303,19 +303,12 @@ export default {
       &.section-31
         font-family "AvenirNext", "Helvetica Neue", Arial, sans-serif
         color black
-        font-size 6em
+        font-size 8em
         padding 0
         text-align center
         line-height .85
-        font-weight 600
-        letter-spacing -.07em
-        .first-text
-          font-size 1.3em
         .second-text
-          text-transform uppercase
           color $tandemPink
-          font-size 1.5em
-          font-weight 800
         .home-summary, h1
           margin auto
           margin-top 1em
@@ -324,9 +317,9 @@ export default {
           font-family GalaxieCopernicus, PT Serif, serif
           color black
           font-weight 300
-          font-size .5em
+          font-size .4em
           letter-spacing -0.0265em
-          line-height 1.2
+          line-height 1.2 !important
         @media (max-width: $MQMobile)
           text-align center
           font-size 2.5em

diff --git a/site/.vuepress/theme/layouts/Work.vue b/site/.vuepress/theme/layouts/Work.vue
@@ -113,7 +113,6 @@ export default {
         @media (max-width: $MQMobile)
           text-align center
     .work-grid
-      display flex-grid
       article
         width 100%
         height 500px
@@ -127,6 +126,8 @@ export default {
 
     .work-title
       font-size 2em
+      letter-spacing -0.0265em
+      line-height 0.85
     .custom-block
       p
         font-weight 300

diff --git a/site/.vuepress/theme/styles/index.styl b/site/.vuepress/theme/styles/index.styl
@@ -36,7 +36,7 @@ h4
   font-size 3em
   border 0
   letter-spacing -0.0265em !important
-  line-height 0.85 !important
+  line-height 0.85
 h2
   font-size 2em
 h3