Skip to content

Commit

Permalink
MOD: Enhancements to Gemini scheme [4].
Browse files Browse the repository at this point in the history
1. Move main wider width styles from `+mobile()` section to Gemini `index.styl`.
2. Add `.post-block` with main margins & paddings.
3. Add `.post-nav` (wich actually need to remake into flex style).
4. Refactor some comments.
  • Loading branch information
ivan-nginx authored Sep 24, 2017
1 parent 7226ad4 commit 87fa64e
Showing 1 changed file with 20 additions and 16 deletions.
36 changes: 20 additions & 16 deletions source/css/_common/scaffolding/mobile.styl
Original file line number Diff line number Diff line change
Expand Up @@ -13,42 +13,34 @@
+tablet() {
}
*/
// < 767px
+mobile() {
// For Pisces scheme only wider width.
.content-wrap {
padding: 15px !important;
}

.posts-expand {
padding-top: 20px !important;
margin: initial !important;
}

}
*/

// < 567px
+mobile-small() {

// For Muse & Mist schemes only.
// For Muse & Mist schemes only vertical economy.
.header-inner {
margin-bottom: initial !important;
}
.main-inner {
margin-top: initial !important;
}

// For Pisces scheme only wider width.
// For Pisces & Gemini schemes only wider width (remove main blocks in Gemini).
.content-wrap {
padding: initial !important;
}

// For all schemes wider width.
.posts-expand {
padding-top: 10px !important;
padding-top: $content-mobile-padding !important;
// For Muse & Mist & Pisces schemes only wider width.
margin: initial !important;

.post-header {
Expand All @@ -61,9 +53,14 @@

}

.post-body {
.post-block {
margin-bottom: $content-mobile-padding;
// Inside posts blocks content padding (default 40px).
padding: $content-mobile-padding 0 !important;
}

// For post blocks wider width.
.post-body {
// For headers narrow width.
h2, h3, h4, h5, h6 {
margin: 10px 18px 8px;
}
Expand All @@ -74,10 +71,12 @@
}
}

// For paragraphs narrow width.
p {
margin: 0 0 10px 0;
padding: 0 18px;
}

// Rewrite paddings & margins inside tags.
.note > p, .tabs .tab-content .tab-pane > p {
padding: 0 5px;
Expand Down Expand Up @@ -105,7 +104,12 @@
.tabs .tab-content .tab-pane {
padding: 10px 10px 0 10px !important;
}
}

// Need to refactor into flex.
.post-nav {
padding-bottom: 2px;
//padding: 2px 8px;
}

}
Expand Down

0 comments on commit 87fa64e

Please sign in to comment.