X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fsrc%2Fsass%2Fhelpers%2F_classes.scss;fp=assets%2Fsrc%2Fsass%2Fhelpers%2F_classes.scss;h=0e0090e46392a1a3d22e5b223dfcd0b986c7762e;hb=9ff2d2683d3ca68d237f3e713c516d43c997f47f;hp=0000000000000000000000000000000000000000;hpb=fba1d7cc64b98e494c87d119fc54b99cb7ad7ee1;p=ghost-theme-willow.git diff --git a/assets/src/sass/helpers/_classes.scss b/assets/src/sass/helpers/_classes.scss new file mode 100644 index 0000000..0e0090e --- /dev/null +++ b/assets/src/sass/helpers/_classes.scss @@ -0,0 +1,89 @@ +/* + | ----------------------------------------------------------------------------- + | Helper classes + | ----------------------------------------------------------------------------- +*/ +.clear:after { + content: ""; + clear: both; + display: table; +} + +/* + | ----------------------------------------------------------------------------- + | Markdown content style + | ----------------------------------------------------------------------------- +*/ +.markdown { + line-height: 2em; + + h1, h2, h3, p, ul, + blockquote, pre, .gist { + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + } + + h1 { + font-size: 1.4em; + } + + h2 { + font-size: 1.2em; + } + + h3 { + font-size: 1em; + } + + ul { + padding-left: 3em; + } + + a { + text-decoration: underline; + + &:hover { + text-decoration: none; + + img { + opacity: 0.8; + } + } + } + + img { + width: 100%; + @include transition(); + } + + blockquote { + padding-left: 30px; + font-style: italic; + border-left: 4px solid $c-grayNormal; + } + + hr { + border: 0; + height: 1px; + margin: 30px 0; + background: $c-grayNormal; + } + + pre { + padding: 1em; + font-size: 0.9em; + line-height: 1.5em; + background: $c-grayNormal; + } + + code { + background: $c-grayNormal; + } + + .gist .gist-file { + margin-bottom: 0; + } +} \ No newline at end of file