_sass/_base.scss in jekyll-theme-mehdix-rtl-0.2.1 vs _sass/_base.scss in jekyll-theme-mehdix-rtl-0.2.3

- old
+ new

@@ -1,24 +1,35 @@ * { - margin: 0; + /*box-sizing: border-box;*/ } html, body { - height: 100%; - padding: 0; + margin: 0; + height: 100%; + min-height: 100%; } body { - font-family: $base-font-family; + display: flex; + flex-direction: column; + + font-family: $base-font-family; font-size: $base-font-size; line-height: $base-line-height; color: $text-color; background-color: $background-color; - -webkit-text-size-adjust: 100%; overflow-wrap: break-word; } +main { + flex: auto; +} + +header, footer { + flex: none; +} + /** * Set `margin-bottom` to maintain vertical rhythm */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, @@ -74,30 +85,28 @@ text-decoration: none; } blockquote { font-family: $alt-font-family; - color: $grey-color; - letter-spacing: -1px; - font-style: italic; - - padding-right: $spacing-unit / 2; - padding-left: none; font-size: x-large; - margin: 0.25em 1em; - padding: 0.35em; + font-style: italic; + + letter-spacing: -1px; line-height: 1.45; + color: $grey-color; + padding-right: $spacing-unit / 2; + > p { border-right: 4px solid $brand-color; padding-right: $spacing-unit / 2; } } pre { direction: ltr; - border-radius: 3px; border: 1px solid $grey-color-light; + border-radius: 3px; padding: 8px 12px; overflow-x: auto; > code { font-size: 15px; border: 0; \ No newline at end of file