source/sass/components/_post-view.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Post view
   4 |-------------------------------------------------------------------------------
   5 */
   6 .c-post-view--narrow {
   7   text-align: center;
   8   max-width: 610px;
   9   margin: 0 auto;
  10 }
  11
  12 // Header
  13 .c-post-view__header {
  14   text-align: center;
  15   padding: 10px 0 40px 0;
  16   margin-bottom: 40px;
  17   border-bottom: 1px solid $c-grayMedium;
  18 }
  19
  20 .c-post-view__header__title {
  21   line-height: 1.5em;
  22   margin-bottom: 20px;
  23 }
  24
  25 .c-post-view__header__title--no-meta {
  26   margin-bottom: 0;
  27 }
  28
  29   // Content
  30 .c-post-view__content {
  31   @extend .markdown;
  32 }
  33
  34 // Footer
  35 .c-post-view__footer {
  36   text-align: center;
  37   margin-top: 40px;
  38   padding: 40px 0 10px;
  39   border-top: 1px solid $c-grayMedium;
  40 }