overkyll-jekyll-theme 0.5 → 0.8
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|