adjust styling - set typography sidebar

vue-theme/src/components/sidebars/sidebar.vue

@@ -1,17 +1,17 @@
 <template lang="pug">
 aside.sidebar
     section
-        //- Artist sorting
+        //- if Artist sorting
         .shadow(v-if="type === 'artists' && layout !== 'single'")
-            h1.t-up sort {{ type }} by
-            ul
+            h3.t-up sort {{ type }} by
+            ul.t-up
                 li(v-for="option in sortOptions")
-                    router-link(:to="`/${type}/${sortTypes[option]}`").t-cap
+                    router-link(:to="`/${type}/${sortTypes[option]}`")
                         p {{ option }}
         
         //- type specific sidebar
         .shadow(v-else)
-            h5.t-up.t-b {{ type }} sidebar more
+            h3.t-up.t-b {{ type }} specific sidebar more
 
         //- p2p types and related posts
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
@@ -20,20 +20,27 @@ aside.sidebar
         //- Optional passthrough
         slot
 
-        //- Exhibitions
+        //- if Exhibitions
         .shadow(v-if="layout === 'single'")
             exhibitions-sidebar
         
-        //- Events
+        //- if Events
         .shadow(v-if="layout === 'single'")
             events-sidebar
         
 </template>
 
 <script>
+// related sidebar list 
 import relatedSidebar from './related'
 import exhibitionsSidebar from './exhibitions'
 import eventsSidebar from './events'
+// import shortsSidebar from './shorts'
+// import talksSidebar from './talks'
+// import postsSidebar from './posts'
+// import publicationsSidebar from './publications'
+// import articlesSidebar from './articles'
+
 import { sortTypes } from '@/utils/helpers'
 
 export default {
@@ -98,6 +105,7 @@ export default {
 aside.sidebar
     position: sticky
     /* top: 65px */
+    top: $ms-7
     /* background-color: salmon */
     /* margin: 0 0 0 $ms-0 */
     width: 100%
@@ -108,8 +116,10 @@ aside.sidebar
         > .post
             /* background-color: blue */
     ul
-        list-style: none      
-
+        list-style: none  
+        li
+            img
+                width: 100%
     .shadow
         background-color: white