Skip to content

Commit 531e877

Browse files
HofiOneHofiOne
committed
Added skin css variants
Signed-off-by: Hofi <hofione@gmail.com>
1 parent 180a1fa commit 531e877

11 files changed

+310
-8
lines changed

‎assets/css/main.scss

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,31 @@
11
---
22
search: false
3+
toc: false
34
---
4-
// Only the main Sass file needs front matter (the dashes are enough)
5-
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
620
@charset "utf-8";
721

8-
// Seems only the main scss is processed, @included files are not, so the above is not true !!!
9-
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
10-
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
11-
//
1222
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
1323
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
1424
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
1525
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
1626
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
1727

18-
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
19-
@import "minimal-mistakes"; // main partials
28+
// NOTE: Though it is not documented at all, but it seems jekyll always require a main.(s)css file, no matter how many other presented already, so
29+
// we use this for the default skin (name difference is handled in the head.html)
30+
@import "minimal-mistakes/skins/default"; // skin overrides
31+
@import "minimal-mistakes"; // main partials

‎assets/css/main_air.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/air"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_aqua.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/aqua"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_contrast.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/contrast"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_dark.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/dark"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_dirt.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/dirt"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_midnight.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/midnight"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_mint.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/mint"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_neon.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/neon"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

‎assets/css/main_plum.scss

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
search: false
3+
toc: false
4+
---
5+
// You have two kinds of Sass files:
6+
//
7+
// 1. Main files, which you wish to be output as CSS files
8+
// Main files are like pages, they go where you want them to be output, and they contain the YAML front matter (--- lines) at the top.
9+
// Only the main Sass file needs front matter (the dashes are enough), and only that is processed, @included files are not!!!
10+
// https: //stackoverflow.com/questions/34293733/jekyll-using-values-from-config-yml-in-scss-partial
11+
// https: //stackoverflow.com/questions/34274368/jekyll-using-values-from-config-yml-in-scss?rq=3
12+
//
13+
// 2. Partials, which are used by main files in @import statements
14+
// Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to _sass.
15+
//
16+
// FIXME: Wish I could find a solution to get everything beside the skin include line to be moved to a common include file
17+
// to eliminate repeated content bellow in the different main skin files :S
18+
// Hope one day someone could come up with a working solution.
19+
//
20+
@charset "utf-8";
21+
22+
$max-width: {% if site.page_content_width %} {{ site.page_content_width }} {% else %} 1280px {% endif %} !default;
23+
$sidebar-sticky: {% if site.sidebar.sticky == true %} 1 {% else %} 0 {% endif %} !default;
24+
$sidebar-nav-item-left-margin: {% if site.sidebar.nav_sub_items_ident %} {{ site.sidebar.nav_sub_items_ident }} {% else %} 0px {% endif %} !default;
25+
$masthead-sticky: {% if site.masthead.sticky == true %} 1 {% else %} 0 {% endif %} !default;
26+
$footer-top-margin: {% if site.footer.top_margin %} {{ site.footer.top_margin }} {% else %} 3em {% endif %} !default; // 3em is huge, but that was the theme default
27+
28+
@import "minimal-mistakes/skins/plum"; // skin overrides
29+
@import "minimal-mistakes"; // main partials

0 commit comments

Comments
 (0)