BookStack Code Mirror - website/blob - themes/bookstack/sass/_blog.scss

   1
   2 .post-image {
   3     height: 360px;
   4     background-size: cover;
   5     background-position: 50% 50%;
   6 }
   7
   8
   9 .pagination {
  10         text-align: center;
  11         font-size: 0.8em;
  12         color: #666;
  13         margin: $-m 0;
  14         display: block;
  15         margin-bottom: $-xxl;
  16         a {
  17                 display: inline-block;
  18                 border: 1px solid #BBB;
  19                 border-radius: 3px;
  20                 padding: $-xs $-m;
  21                 color: #666;
  22                 margin-top: -$-s
  23         }
  24         .older-posts {
  25                 float: right;
  26         }
  27         .newer-posts {
  28                 float: left;
  29         }
  30 }
  31
  32 article.post {
  33         h2 {
  34                 margin-bottom: 0;
  35         }
  36 }
  37
  38 .blog-cover {
  39         h1 {
  40                 font-size: 5em;
  41                 color: #FFF;
  42                 font-weight: 300;
  43                 padding: 0.5em 0;
  44         }
  45 }
  46
  47 #mc_embed_signup {
  48         background: #F8F8F8;
  49         padding: $-m;
  50         border: 1px solid #DDD;
  51         margin-bottom: $-xl;
  52         margin-top: $-l;
  53         h4 {
  54                 margin-top: 0;
  55         }
  56         input {
  57                 padding: $-xs;
  58                 line-height: 1.4;
  59                 font-family: $text;
  60                 border: 1px solid #bbb;
  61         }
  62 }
  63
  64 .blog-sidebar-post-list {
  65         padding-top: $-m;
  66         opacity: 0.7;
  67         transition: opacity 180ms ease-in-out;
  68         &:hover {
  69                 opacity: 1;
  70         }
  71 }
  72 .blogpost-list-small {
  73         display: block;
  74         text-decoration: none;
  75         border-bottom: 1px solid #DDD;
  76         padding: $-s 0;
  77         h5 {
  78                 color: #666;
  79         }
  80         time {
  81                 color: #888;
  82                 font-size: 0.9em;
  83         }
  84         &:last-of-type {
  85                 border-bottom: 0;
  86         }
  87         &:hover {
  88                 text-decoration: none;
  89                 h5 {
  90                         color: $primary;
  91                 }
  92         }
  93 }