overkyll-jekyll-theme 0.5 → 0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +19 -2
- data/_includes/header.html +9 -4
- data/_includes/localfont.js +1 -1
- data/_layouts/default.html +3 -5
- data/_layouts/home.html +13 -0
- data/_layouts/page.html +4 -9
- data/_layouts/post.html +8 -6
- data/assets/css/main.scss +1 -1
- metadata +8 -24
- data/_sass/base/_base.scss +0 -168
- data/_sass/base/_font.scss +0 -31
- data/_sass/base/_layout.scss +0 -86
- data/_sass/base/_normalize.scss +0 -424
- data/_sass/config/_colors.scss +0 -64
- data/_sass/config/_mediaqueries.scss +0 -102
- data/_sass/config/_typography.scss +0 -97
- data/_sass/generic/_broken-images.scss +0 -36
- data/_sass/generic/_normalize-opentype.scss +0 -112
- data/_sass/generic/_print.scss +0 -44
- data/_sass/generic/_skiplink.scss +0 -26
- data/_sass/generic/_syntax-highlighting.scss +0 -73
- data/_sass/object/_header.scss +0 -93
- data/_sass/object/_pagination.scss +0 -63
- data/_sass/object/_posts.scss +0 -26
- data/_sass/overkyll-jekyll-theme.scss +0 -26
- data/_sass/tool/_utilities.scss +0 -107
data/_sass/config/_colors.scss
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
////
|
|
2
|
-
/// Colors
|
|
3
|
-
////
|
|
4
|
-
|
|
5
|
-
// Better colors for development
|
|
6
|
-
//-------------------------------------
|
|
7
|
-
|
|
8
|
-
$navy: #001F3F;
|
|
9
|
-
$blue: #0074D9;
|
|
10
|
-
$aqua: #7FDBFF;
|
|
11
|
-
$teal: #39CCCC;
|
|
12
|
-
$olive: #3D9970;
|
|
13
|
-
$green: #2ECC40;
|
|
14
|
-
$lime: #01FF70;
|
|
15
|
-
$yellow: #FFDC00;
|
|
16
|
-
$orange: #FF851B;
|
|
17
|
-
$red: #FF4136;
|
|
18
|
-
$fuchsia: #F012BE;
|
|
19
|
-
$purple: #B10DC9;
|
|
20
|
-
$maroon: #85144B;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// Site color
|
|
24
|
-
//-------------------------------------
|
|
25
|
-
|
|
26
|
-
$text-color: #111;
|
|
27
|
-
$background-color: #fdfdfd;
|
|
28
|
-
$brand-color: #111;
|
|
29
|
-
$color-primary: $brand-color;
|
|
30
|
-
$color-secondary: $aqua;
|
|
31
|
-
|
|
32
|
-
$grey-color: #828282;
|
|
33
|
-
$grey-color-light: lighten($grey-color, 40%);
|
|
34
|
-
$grey-color-dark: darken($grey-color, 25%);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
// Color palette
|
|
38
|
-
//-------------------------------------
|
|
39
|
-
|
|
40
|
-
$palettes: (
|
|
41
|
-
primary: (
|
|
42
|
-
base: $color-primary,
|
|
43
|
-
light: mix(white, $color-primary, 30%),
|
|
44
|
-
dark: mix(black, $color-primary, 30%)
|
|
45
|
-
),
|
|
46
|
-
secondary: (
|
|
47
|
-
base: #ffa900,
|
|
48
|
-
light: mix(white, $color-secondary, 30%),
|
|
49
|
-
dark: mix(black, $color-secondary, 30%)
|
|
50
|
-
),
|
|
51
|
-
grey: (
|
|
52
|
-
base: #595959,
|
|
53
|
-
light: rgba(0,0,0,0.12),
|
|
54
|
-
dark: #353535
|
|
55
|
-
)
|
|
56
|
-
);
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
// Mixin for color palette
|
|
60
|
-
//-------------------------------------
|
|
61
|
-
|
|
62
|
-
@function palette($palette, $tone: 'base') {
|
|
63
|
-
@return map-get(map-get($palettes, $palette), $tone);
|
|
64
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
////
|
|
2
|
-
/// Media queries
|
|
3
|
-
////
|
|
4
|
-
|
|
5
|
-
// Media Query Ranges
|
|
6
|
-
//-------------------------------------
|
|
7
|
-
|
|
8
|
-
$tiny-range : (0em, 30em) !default;
|
|
9
|
-
$small-range : (0em, 48em) !default;
|
|
10
|
-
$medium-range : (48.063em, 64em) !default;
|
|
11
|
-
$large-range : (64.063em, 90em) !default;
|
|
12
|
-
$xlarge-range : (90.063em, 120em) !default;
|
|
13
|
-
$xxlarge-range : (120.063em, 99999999em) !default;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
// Media Query breakpoint
|
|
17
|
-
//-------------------------------------
|
|
18
|
-
|
|
19
|
-
$screen: "only screen";
|
|
20
|
-
$small: 0;
|
|
21
|
-
$tiny: 30.063em; /*480px */
|
|
22
|
-
$medium: 48.063em; /*768px */
|
|
23
|
-
$large: 64.063em; /*1025px*/
|
|
24
|
-
$xlarge: 90.063em; /*1441px*/
|
|
25
|
-
$xxlarge: 120em; /*1921px*/
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
// Media Query Ranges :: Mixin (from Foundation CSS)
|
|
29
|
-
//-------------------------------------
|
|
30
|
-
|
|
31
|
-
// functions
|
|
32
|
-
|
|
33
|
-
@function lower-bound($range){
|
|
34
|
-
@if length($range) <= 0 {
|
|
35
|
-
@return 0;
|
|
36
|
-
}
|
|
37
|
-
@return nth($range,1);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@function upper-bound($range) {
|
|
41
|
-
@if length($range) < 2 {
|
|
42
|
-
@return 999999999999;
|
|
43
|
-
}
|
|
44
|
-
@return nth($range, 2);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// Call functions and declare media range variable
|
|
48
|
-
|
|
49
|
-
$landscape : "#{$screen} and (orientation: landscape)";
|
|
50
|
-
$portrait : "#{$screen} and (orientation: portrait)";
|
|
51
|
-
$small-up : $screen;
|
|
52
|
-
$tiny-only : "#{$screen} and (max-width:#{upper-bound($tiny-range)})";
|
|
53
|
-
$small-only : "#{$screen} and (max-width:#{upper-bound($small-range)})";
|
|
54
|
-
$medium-up : "#{$screen} and (min-width:#{lower-bound($medium-range)})";
|
|
55
|
-
$medium-only : "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
|
|
56
|
-
$large-up : "#{$screen} and (min-width:#{lower-bound($large-range)})";
|
|
57
|
-
$large-only : "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
|
|
58
|
-
$xlarge-up : "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
|
|
59
|
-
$xlarge-only : "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
|
|
60
|
-
$xxlarge-up : "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
|
|
61
|
-
$xxlarge-only : "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
// Unison
|
|
65
|
-
// speaking with JS with unison.js
|
|
66
|
-
//-------------------------------------
|
|
67
|
-
|
|
68
|
-
// config
|
|
69
|
-
$debug: false;
|
|
70
|
-
|
|
71
|
-
// Unison media
|
|
72
|
-
$mq-sync:
|
|
73
|
-
usn-small $small,
|
|
74
|
-
usn-medium $medium,
|
|
75
|
-
usn-large $large
|
|
76
|
-
;
|
|
77
|
-
// usn-large $large,
|
|
78
|
-
// usn-x-large $xlarge,
|
|
79
|
-
// usn-xx-large $xxlarge
|
|
80
|
-
|
|
81
|
-
// build each media query for js ingestion
|
|
82
|
-
@each $mq in $mq-sync {
|
|
83
|
-
@media screen and (min-width: nth($mq, 2)) {
|
|
84
|
-
head { font-family: "#{nth($mq, 1)} #{nth($mq, 2)}"; }
|
|
85
|
-
body:after { content: "#{nth($mq, 1)} - min-width: #{nth($mq, 2)}"; }
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
head {
|
|
89
|
-
// set clear on head to show Unison is set up correctly
|
|
90
|
-
clear: both;
|
|
91
|
-
// store hash of all breakpoints
|
|
92
|
-
title { font-family: "#{$mq-sync}"; }
|
|
93
|
-
}
|
|
94
|
-
// debug styles to see breakpoint info
|
|
95
|
-
body:after {
|
|
96
|
-
display: none;
|
|
97
|
-
}
|
|
98
|
-
// hide elements for conditional loading
|
|
99
|
-
// only used for responsive comments plugin
|
|
100
|
-
*[data-usn-if] { display: none; }
|
|
101
|
-
|
|
102
|
-
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
////
|
|
2
|
-
/// Typography
|
|
3
|
-
////
|
|
4
|
-
|
|
5
|
-
// Our variables
|
|
6
|
-
//-------------------------------------
|
|
7
|
-
$base-font-family: Overpass, Helvetica, Arial, sans-serif;
|
|
8
|
-
|
|
9
|
-
$ratio: 1.20;
|
|
10
|
-
$base: 1;
|
|
11
|
-
$base-em: $base * 1em;
|
|
12
|
-
$base-px: $base * 16px;
|
|
13
|
-
|
|
14
|
-
$ms0: 1;
|
|
15
|
-
$ms1: $ratio; /* 1.2 */
|
|
16
|
-
$ms2: $ratio * $ms1; /* 1.44 */
|
|
17
|
-
$ms3: $ratio * $ms2; /* 1.728 */
|
|
18
|
-
$ms4: $ratio * $ms3; /* 2.074 */
|
|
19
|
-
$ms5: $ratio * $ms4; /* 2.488 */
|
|
20
|
-
$ms6: $ratio * $ms5; /* 2.986 */
|
|
21
|
-
$ms7: $ratio * $ms6; /* 3.583 */
|
|
22
|
-
|
|
23
|
-
$small: $base-em / $ms1;
|
|
24
|
-
$normal: $base-em * $ms0;
|
|
25
|
-
$big: $base-em * $ms1;
|
|
26
|
-
$bigger: $base-em * $ms2;
|
|
27
|
-
$title2: $base-em * $ms3;
|
|
28
|
-
$title1: $base-em * $ms4;
|
|
29
|
-
|
|
30
|
-
$line-height-base: $base * $ms2;
|
|
31
|
-
$line-height-computed: floor(($base-em * $line-height-base));
|
|
32
|
-
$base-line: $line-height-computed;
|
|
33
|
-
|
|
34
|
-
body {
|
|
35
|
-
font-family: $base-font-family;
|
|
36
|
-
font-weight: 400;
|
|
37
|
-
font-size: $base-em * $ms0;
|
|
38
|
-
line-height: $base * $ms2;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
h3,
|
|
42
|
-
h2 { line-height: $base * $ms1; }
|
|
43
|
-
h1 { line-height: $base * $ms0; }
|
|
44
|
-
|
|
45
|
-
h6, .h6 { font-size: $small; }
|
|
46
|
-
h5, .h5 { font-size: $normal; }
|
|
47
|
-
h4, .h4 { font-size: $big; }
|
|
48
|
-
h3, .h3 { font-size: $bigger; }
|
|
49
|
-
h2, .h2 { font-size: $title2; }
|
|
50
|
-
h1, .h1 { font-size: $title1; }
|
|
51
|
-
|
|
52
|
-
@media #{$medium-up} {
|
|
53
|
-
body { font-size: $base-em * $ms1; }
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@media #{$large-up} {
|
|
57
|
-
body { font-size: $base-em * $ms2; }
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@media #{$xlarge-up} {
|
|
61
|
-
body { font-size: $base-em * $ms3; }
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
h1, .h1,
|
|
65
|
-
h2, .h2,
|
|
66
|
-
h3, .h3 {
|
|
67
|
-
word-wrap: break-word;
|
|
68
|
-
margin-top: $line-height-computed;
|
|
69
|
-
margin-bottom: ($line-height-computed);
|
|
70
|
-
|
|
71
|
-
small,
|
|
72
|
-
.small {
|
|
73
|
-
font-size: 65%;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
h4, .h4,
|
|
78
|
-
h5, .h5,
|
|
79
|
-
h6, .h6 {
|
|
80
|
-
margin-top: ($line-height-computed / 2);
|
|
81
|
-
margin-bottom: ($line-height-computed / 2);
|
|
82
|
-
|
|
83
|
-
small,
|
|
84
|
-
.small {
|
|
85
|
-
font-size: 75%;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
h1,h2,h3,h4,h5,h6 {
|
|
90
|
-
&,a {
|
|
91
|
-
text-decoration: none;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
p {
|
|
96
|
-
margin: 0 0 ($line-height-computed / 2);
|
|
97
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
// Code from
|
|
2
|
-
// http://bitsofco.de/styling-broken-images/
|
|
3
|
-
|
|
4
|
-
img {
|
|
5
|
-
/* Same as first example */
|
|
6
|
-
min-height: 50px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
img:before {
|
|
10
|
-
content: " ";
|
|
11
|
-
display: block;
|
|
12
|
-
|
|
13
|
-
position: absolute;
|
|
14
|
-
top: -10px;
|
|
15
|
-
left: 0;
|
|
16
|
-
height: calc(100% + 10px);
|
|
17
|
-
width: 100%;
|
|
18
|
-
background-color: rgb(230, 230, 230);
|
|
19
|
-
border: 2px dotted rgb(200, 200, 200);
|
|
20
|
-
border-radius: 5px;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
img:after {
|
|
24
|
-
content: "\f127" " Image indisponible " attr(alt);
|
|
25
|
-
display: block;
|
|
26
|
-
font-size: 16px;
|
|
27
|
-
font-style: normal;
|
|
28
|
-
font-family: FontAwesome;
|
|
29
|
-
color: rgb(100, 100, 100);
|
|
30
|
-
|
|
31
|
-
position: absolute;
|
|
32
|
-
top: 5px;
|
|
33
|
-
left: 0;
|
|
34
|
-
width: 100%;
|
|
35
|
-
text-align: center;
|
|
36
|
-
}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
//! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */
|
|
2
|
-
|
|
3
|
-
//**
|
|
4
|
-
// 1. Inherit style issues with custom selections, per robsterlini.co.uk/journal/opentype-and-selection-dont-mix
|
|
5
|
-
// 2. Turn on kerning, standard ligatures, and proportional, oldstyle numerals
|
|
6
|
-
// Turn off all other ligatures, tabular, lining numerals, and alternates
|
|
7
|
-
// Uses same settings for tables
|
|
8
|
-
// 3. Hard-codes fallback text selection for issue #18, color is Chrome’s per via http://stackoverflow.com/a/16094931/864799
|
|
9
|
-
////
|
|
10
|
-
|
|
11
|
-
::selection {
|
|
12
|
-
color: inherit; // 1.
|
|
13
|
-
text-shadow: inherit; // 2.
|
|
14
|
-
background-color: #ACCEF7; // 3.
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
html,
|
|
18
|
-
body,
|
|
19
|
-
table {
|
|
20
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0; /* 2. */
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// Headings
|
|
24
|
-
//========================================================================== //
|
|
25
|
-
|
|
26
|
-
//
|
|
27
|
-
// 1. Turn on discretionary ligatures for larger headings
|
|
28
|
-
////
|
|
29
|
-
|
|
30
|
-
h1,
|
|
31
|
-
h2,
|
|
32
|
-
h3 {
|
|
33
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1; /* 1. */
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// Text-level semantics
|
|
37
|
-
//========================================================================== //
|
|
38
|
-
|
|
39
|
-
//
|
|
40
|
-
// 1. Change all letters to uppercase
|
|
41
|
-
// 2. Turn on small caps for upper and lowercase letters
|
|
42
|
-
////
|
|
43
|
-
|
|
44
|
-
abbr {
|
|
45
|
-
text-transform: uppercase; /* 1 */
|
|
46
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
time {
|
|
50
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
//
|
|
54
|
-
// 1. Turn off kerning and ligatures,
|
|
55
|
-
// Turn on lining, tabular numerals, slashed zero
|
|
56
|
-
/////
|
|
57
|
-
|
|
58
|
-
pre,
|
|
59
|
-
kbd,
|
|
60
|
-
samp,
|
|
61
|
-
code {
|
|
62
|
-
font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; /* 1. */
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
mark {
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
small {
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
cite {
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
//
|
|
75
|
-
// 1. Turn on proper supercript numerals
|
|
76
|
-
////
|
|
77
|
-
|
|
78
|
-
sup {
|
|
79
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; /* 1. */
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
//
|
|
83
|
-
// 1. Turn on proper subscript numerals
|
|
84
|
-
////
|
|
85
|
-
|
|
86
|
-
sub {
|
|
87
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; /* 1. */
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
// Forms
|
|
91
|
-
//========================================================================== //
|
|
92
|
-
|
|
93
|
-
input[type="color"],
|
|
94
|
-
input[type="date"],
|
|
95
|
-
input[type="datetime"],
|
|
96
|
-
input[type="datetime-local"],
|
|
97
|
-
input[type="number"],
|
|
98
|
-
input[type="range"],
|
|
99
|
-
input[type="tel"],
|
|
100
|
-
input[type="week"] {
|
|
101
|
-
font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0; /* 1. */
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
//
|
|
106
|
-
// 1. Turns on tabular, lining numerals and slashed zero
|
|
107
|
-
////
|
|
108
|
-
|
|
109
|
-
tbody,
|
|
110
|
-
caption {
|
|
111
|
-
font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; /* 1. */
|
|
112
|
-
}
|
data/_sass/generic/_print.scss
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//
|
|
3
|
-
// Print
|
|
4
|
-
//
|
|
5
|
-
// Quelques astuces trouvées chez Alsa :
|
|
6
|
-
// http://www.alsacreations.com/tuto/lire/586-feuille-style-css-print-impression.html
|
|
7
|
-
// http://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-media-print.html
|
|
8
|
-
////
|
|
9
|
-
|
|
10
|
-
@media print {
|
|
11
|
-
|
|
12
|
-
html{
|
|
13
|
-
font-size:13pt;
|
|
14
|
-
}
|
|
15
|
-
body{
|
|
16
|
-
color:#000;
|
|
17
|
-
}
|
|
18
|
-
a,
|
|
19
|
-
header a{
|
|
20
|
-
color:#000;
|
|
21
|
-
}
|
|
22
|
-
p, blockquote {
|
|
23
|
-
orphans: 3;
|
|
24
|
-
widows: 3;
|
|
25
|
-
}
|
|
26
|
-
blockquote, ul, ol {
|
|
27
|
-
page-break-inside: avoid;
|
|
28
|
-
}
|
|
29
|
-
h1, h2, h3, caption {
|
|
30
|
-
page-break-after: avoid;
|
|
31
|
-
}
|
|
32
|
-
.wrapper{
|
|
33
|
-
max-width: none;
|
|
34
|
-
margin:0;
|
|
35
|
-
}
|
|
36
|
-
header{
|
|
37
|
-
background: none;
|
|
38
|
-
}
|
|
39
|
-
nav,
|
|
40
|
-
.breadcrumb{
|
|
41
|
-
display:none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
}
|