_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