main.sass (1933B)
1 @import url("https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans"); 2 3 $fontCodeFace: 'Inconsolata', monospace 4 $fontTextFace: 'Open Sans', sans-serif 5 6 // colors 7 $menuLink: black 8 $menuHover: blue 9 10 11 body 12 font: 1em $fontTextFace 13 @media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) 14 font: 2.2em $fontTextFace 15 16 pre 17 font: 100% $fontCodeFace 18 padding: 1em 19 overflow: scroll 20 21 .p-summary 22 h2 23 font-weight: bold 24 font-size: 1em 25 26 .main 27 max-width: 80% 28 margin: 0 auto 29 30 header.main 31 display: flex 32 justify-content: space-between 33 border-bottom: 2px solid #000 34 35 footer.main 36 margin-bottom: 1em 37 font-size: 1em 38 hr 39 border: 1px solid black 40 img.rss 41 margin: 0 42 width: 1em 43 padding: 0px 44 vertical-align: middle 45 46 nav.menu 47 margin: auto 0 5px 0 48 padding: 0px 49 vertical-align: bottom 50 ul 51 padding: 0px 52 margin: 0px 53 li 54 ::after 55 content: " | " 56 &:last-child 57 ::after 58 content: "" 59 ul,li 60 display: inline-block 61 list-style: none 62 a 63 text-decoration: none 64 color: $menuLink 65 &:hover 66 color: $menuHover 67 68 .logo 69 margin: 1em 0 5px 0 70 padding: 0 71 72 .tags 73 ul 74 padding: 0px 75 li 76 ::after 77 content: ", " 78 &:last-child 79 ::after 80 content: "" 81 ul,li 82 display: inline 83 list-style: none 84 85 .h-feed 86 ul,li 87 list-style: none 88 li 89 article 90 margin-top: 1em 91 92 .p-name 93 margin: 1em 0 0 0 94 a 95 color: black 96 text-decoration: none 97 98 .taglist 99 ul, li 100 list-style: none 101 102 figure.hero 103 max-width: 100% 104 margin: 1em 0 0 0 105 padding: 0 106 img 107 max-width: 100% 108 @media (min-width: 1024px) 109 max-width: 640px 110 figcaption 111 font-size: 0.5em 112 113 nav.pagination 114 margin: 2em auto 115 text-align: center 116 117 .pagination 118 ul, li 119 list-style: none 120 display: inline 121 li 122 padding: 0.5em 123 a 124 text-decoration: none 125 color: black 126 li.active 127 a 128 font-weight: bold