pixyll_ashawley 2.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +22 -0
- data/README.md +252 -0
- data/_includes/ajaxify_content_form.html +30 -0
- data/_includes/footer.html +14 -0
- data/_includes/head.html +105 -0
- data/_includes/header.html +14 -0
- data/_includes/navigation.html +13 -0
- data/_includes/pagination.html +23 -0
- data/_includes/post_footer.html +10 -0
- data/_includes/share_buttons.html +41 -0
- data/_includes/social_links.html +59 -0
- data/_layouts/center.html +21 -0
- data/_layouts/default.html +32 -0
- data/_layouts/home.html +28 -0
- data/_layouts/page.html +11 -0
- data/_layouts/post.html +71 -0
- data/_sass/_animations.scss +60 -0
- data/_sass/_base.scss +34 -0
- data/_sass/_basscss.scss +25 -0
- data/_sass/_blockquotes.scss +16 -0
- data/_sass/_clearfix.scss +8 -0
- data/_sass/_code.scss +70 -0
- data/_sass/_footer.scss +29 -0
- data/_sass/_forms.scss +106 -0
- data/_sass/_gists.scss +12 -0
- data/_sass/_header.scss +50 -0
- data/_sass/_links.scss +53 -0
- data/_sass/_measure.scss +4 -0
- data/_sass/_media-queries.scss +64 -0
- data/_sass/_pagination.scss +52 -0
- data/_sass/_positions.scss +7 -0
- data/_sass/_posts.scss +48 -0
- data/_sass/_social-icons.scss +25 -0
- data/_sass/_tables.scss +45 -0
- data/_sass/_typography.scss +24 -0
- data/_sass/_variables.scss +121 -0
- data/_sass/basscss/_base-buttons.scss +28 -0
- data/_sass/basscss/_base-forms.scss +57 -0
- data/_sass/basscss/_base-reset.scss +20 -0
- data/_sass/basscss/_base-typography.scss +101 -0
- data/_sass/basscss/_buttons-blue.scss +27 -0
- data/_sass/basscss/_color-base.scss +28 -0
- data/_sass/basscss/_colors.scss +97 -0
- data/_sass/basscss/_syntax-highlighting.scss +119 -0
- data/_sass/basscss/_utility-headings.scss +37 -0
- data/_sass/basscss/_utility-typography.scss +38 -0
- data/_sass/basscss/_utility-white-space.scss +182 -0
- data/assets/css/main.scss +35 -0
- metadata +149 -0
data/_sass/_posts.scss
ADDED
@@ -0,0 +1,48 @@
|
|
1
|
+
|
2
|
+
.posts {
|
3
|
+
margin: 0;
|
4
|
+
}
|
5
|
+
|
6
|
+
.posts .post {
|
7
|
+
margin-bottom: 0.75em;
|
8
|
+
border-bottom: thin solid #f3f3f3;
|
9
|
+
}
|
10
|
+
|
11
|
+
.posts .post:last-child {
|
12
|
+
border-bottom: none;
|
13
|
+
margin-bottom: .375em;
|
14
|
+
padding-bottom: 0;
|
15
|
+
}
|
16
|
+
|
17
|
+
.post-link .post-title {
|
18
|
+
margin-top: 0;
|
19
|
+
font-weight: 600;
|
20
|
+
color: #333;
|
21
|
+
}
|
22
|
+
|
23
|
+
.post-footer {
|
24
|
+
@extend .italic;
|
25
|
+
|
26
|
+
margin-top: .75rem;
|
27
|
+
text-align: center;
|
28
|
+
}
|
29
|
+
|
30
|
+
.post-footer .avatar {
|
31
|
+
margin: 2rem 0;
|
32
|
+
width: 100px;
|
33
|
+
border-radius: 50%;
|
34
|
+
}
|
35
|
+
|
36
|
+
.meta,
|
37
|
+
.post-meta {
|
38
|
+
width: auto;
|
39
|
+
font-weight: 300;
|
40
|
+
margin: 0;
|
41
|
+
padding: .25em 0;
|
42
|
+
color: #7a7a7a;
|
43
|
+
font-style: italic;
|
44
|
+
}
|
45
|
+
|
46
|
+
.related-post-title {
|
47
|
+
border-bottom: thin solid #f3f3f3;
|
48
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
.social-icons-left, .social-icons-right {
|
2
|
+
text-align: center;
|
3
|
+
float: none;
|
4
|
+
}
|
5
|
+
|
6
|
+
.social-icons {
|
7
|
+
font-size: 1.25rem;
|
8
|
+
padding: 0.5em 0 0 0;
|
9
|
+
width: 100%;
|
10
|
+
}
|
11
|
+
|
12
|
+
.social-icons a.fa {
|
13
|
+
cursor: pointer;
|
14
|
+
opacity: 0.8;
|
15
|
+
padding: 0.2em;
|
16
|
+
}
|
17
|
+
|
18
|
+
.social-icons a.fa:hover {
|
19
|
+
opacity: 1;
|
20
|
+
}
|
21
|
+
|
22
|
+
.social-icons iframe[title=Flattr] {
|
23
|
+
position: relative;
|
24
|
+
top: 0.1em;
|
25
|
+
}
|
data/_sass/_tables.scss
ADDED
@@ -0,0 +1,45 @@
|
|
1
|
+
/*
|
2
|
+
Table styles copied from Bootstrap
|
3
|
+
Copyright (c) 2013 Twitter, Inc
|
4
|
+
*/
|
5
|
+
|
6
|
+
table {
|
7
|
+
width: 100%;
|
8
|
+
max-width: 100%;
|
9
|
+
margin-bottom: 1.5;
|
10
|
+
font-size: 1.125rem;
|
11
|
+
// Cells
|
12
|
+
> thead,
|
13
|
+
> tbody,
|
14
|
+
> tfoot {
|
15
|
+
> tr {
|
16
|
+
> th,
|
17
|
+
> td {
|
18
|
+
padding: 12px;
|
19
|
+
line-height: 1.2;
|
20
|
+
vertical-align: top;
|
21
|
+
border-top: 1px solid #333;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
}
|
25
|
+
// Bottom align for column headings
|
26
|
+
> thead > tr > th {
|
27
|
+
vertical-align: bottom;
|
28
|
+
border-bottom: 2px solid #333;
|
29
|
+
}
|
30
|
+
// Remove top border from thead by default
|
31
|
+
> caption + thead,
|
32
|
+
> colgroup + thead,
|
33
|
+
> thead:first-child {
|
34
|
+
> tr:first-child {
|
35
|
+
> th,
|
36
|
+
> td {
|
37
|
+
border-top: 0;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
// Account for multiple tbody instances
|
42
|
+
> tbody + tbody {
|
43
|
+
border-top: 2px solid #333;
|
44
|
+
}
|
45
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
html {
|
2
|
+
font-size: $base-font-size;
|
3
|
+
}
|
4
|
+
|
5
|
+
abbr {
|
6
|
+
border-bottom: $abbr-border-bottom;
|
7
|
+
cursor: help;
|
8
|
+
}
|
9
|
+
|
10
|
+
p {
|
11
|
+
color: #333;
|
12
|
+
line-height: 1.5;
|
13
|
+
}
|
14
|
+
|
15
|
+
small,
|
16
|
+
.small {
|
17
|
+
font-size: 0.707rem;
|
18
|
+
}
|
19
|
+
|
20
|
+
sup {
|
21
|
+
position: relative;
|
22
|
+
vertical-align: middle;
|
23
|
+
top: -0.9ex;
|
24
|
+
}
|
@@ -0,0 +1,121 @@
|
|
1
|
+
// Typography
|
2
|
+
$base-font-size: 14px !default;
|
3
|
+
$bold-font-weight: bold !default;
|
4
|
+
$font-family: 'Merriweather', 'PT Serif', Georgia, 'Times New Roman', serif !default;
|
5
|
+
$line-height: 1.5 !default;
|
6
|
+
$heading-font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif !default;
|
7
|
+
$heading-font-weight: 900 !default;
|
8
|
+
$heading-line-height: 1.25 !default;
|
9
|
+
$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
|
10
|
+
$h1: 2.998rem !default;
|
11
|
+
$h2: 1.5rem !default;
|
12
|
+
$h3: 1.25rem !default;
|
13
|
+
$h4: 1rem !default;
|
14
|
+
$h5: .875rem !default;
|
15
|
+
$h6: .75rem !default;
|
16
|
+
$h00: 4rem !default;
|
17
|
+
$h0: 3rem !default;
|
18
|
+
$h00-responsive: 8vw !default;
|
19
|
+
$h0-responsive: 6vw !default;
|
20
|
+
$h1-responsive: 4vw !default;
|
21
|
+
$h00-responsive-max: 7.68rem !default;
|
22
|
+
$h0-responsive-max: 5.76rem !default;
|
23
|
+
$h1-responsive-max: 3.84rem !default;
|
24
|
+
$abbr-border-bottom: 1px black dotted;
|
25
|
+
|
26
|
+
// Page width
|
27
|
+
$measure-width: 42rem !default;
|
28
|
+
|
29
|
+
// Viewport widths
|
30
|
+
$viewport-small: 32em;
|
31
|
+
$viewport-medium: 48em;
|
32
|
+
$viewport-large: 64em;
|
33
|
+
|
34
|
+
// Colors
|
35
|
+
$blue: #0076df !default;
|
36
|
+
$red: #f95020 !default;
|
37
|
+
$green: #00cf26 !default;
|
38
|
+
$yellow: #efcc00 !default;
|
39
|
+
$orange: #ffcc22 !default;
|
40
|
+
$purple: #f92080 !default;
|
41
|
+
$dark-blue: #00369f !default;
|
42
|
+
$green: #00ab37 !default;
|
43
|
+
$dark-green: #009f06 !default;
|
44
|
+
$light-pink: #ffdddd !default;
|
45
|
+
$light-green: #ddffdd !default;
|
46
|
+
$dark-gray: #333 !default;
|
47
|
+
$mid-gray: #777 !default;
|
48
|
+
$light-gray: #ccc !default;
|
49
|
+
$lighter-gray: #eee !default;
|
50
|
+
$darken-1: rgba(#000,.0625) !default;
|
51
|
+
$darken-2: rgba(#000,.125) !default;
|
52
|
+
$darken-3: rgba(#000,.25) !default;
|
53
|
+
$darken-4: rgba(#000,.5) !default;
|
54
|
+
|
55
|
+
// Links
|
56
|
+
$link-color: $blue;
|
57
|
+
$link-hover-color: darken($blue, 40%);
|
58
|
+
|
59
|
+
// Breakpoints
|
60
|
+
$breakpoint-md: '(min-width: 52em)';
|
61
|
+
$breakpoint-xl: '(min-width: 96em)';
|
62
|
+
|
63
|
+
// Whitespace
|
64
|
+
$space-1: .5rem !default;
|
65
|
+
$space-2: 1rem !default;
|
66
|
+
$space-3: 2rem !default;
|
67
|
+
$space-4: 4rem !default;
|
68
|
+
|
69
|
+
// Buttons
|
70
|
+
$button-font-size: inherit !default;
|
71
|
+
$button-font-weight: normal !default;
|
72
|
+
$button-line-height: 1.125rem !default;
|
73
|
+
$button-padding-y: .5rem !default;
|
74
|
+
$button-padding-x: 1rem !default;
|
75
|
+
$button-font-family: $heading-font-family;
|
76
|
+
|
77
|
+
// Forms
|
78
|
+
$form-field-font-size: 1rem !default;
|
79
|
+
$form-field-height: 2.25rem !default;
|
80
|
+
$form-field-padding-y: .5rem !default;
|
81
|
+
$form-field-padding-x: .5rem !default;
|
82
|
+
|
83
|
+
// Borders
|
84
|
+
$border-color: $light-gray !default;
|
85
|
+
$border-width: 1px !default;
|
86
|
+
$border-radius: 3px !default;
|
87
|
+
|
88
|
+
// Forms
|
89
|
+
$form-field-font-size: 1rem;
|
90
|
+
$form-field-height: 2.25rem;
|
91
|
+
$form-field-padding-y: .5rem;
|
92
|
+
$form-field-padding-x: .5rem;
|
93
|
+
|
94
|
+
// Code
|
95
|
+
$pre-border-radius: 0;
|
96
|
+
$pre-background-color: #fafafa;
|
97
|
+
$hljs-comment: $mid-gray;
|
98
|
+
$hljs-keyword: $dark-blue;
|
99
|
+
$hljs-name: $dark-gray;
|
100
|
+
$hljs-number: $dark-green;
|
101
|
+
$hljs-string: $red;
|
102
|
+
$hljs-title: $red;
|
103
|
+
$hljs-type: $dark-blue;
|
104
|
+
$hljs-tag: $dark-blue;
|
105
|
+
$hljs-attribute: $dark-green;
|
106
|
+
$hljs-regexp: $dark-green;
|
107
|
+
$hljs-symbol: $purple;
|
108
|
+
$hljs-built-in: $dark-blue;
|
109
|
+
$hljs-preprocessor: $mid-gray;
|
110
|
+
$hljs-deletion: $light-pink;
|
111
|
+
$hljs-addition: $light-green;
|
112
|
+
$hljs-change: $dark-blue;
|
113
|
+
$hljs-chunk: $light-gray;
|
114
|
+
|
115
|
+
// Footer
|
116
|
+
$footer-border-top: thin solid #f3f3f3;
|
117
|
+
$footer-padding: $space-3;
|
118
|
+
$footer-color: #7a7a7a;
|
119
|
+
$footer-bg-color: #fafafa;
|
120
|
+
$footer-font-weight: 300;
|
121
|
+
$footer-font-size: .75rem;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
/* Basscss Base Buttons */
|
2
|
+
|
3
|
+
button,
|
4
|
+
.button {
|
5
|
+
font-family: $button-font-family;
|
6
|
+
font-size: $button-font-size;
|
7
|
+
font-weight: $button-font-weight;
|
8
|
+
text-decoration: none;
|
9
|
+
cursor: pointer;
|
10
|
+
display: inline-block;
|
11
|
+
box-sizing: border-box;
|
12
|
+
line-height: $button-line-height;
|
13
|
+
padding: $button-padding-y $button-padding-x;
|
14
|
+
margin: 0;
|
15
|
+
height: auto;
|
16
|
+
border: 1px solid transparent;
|
17
|
+
vertical-align: middle;
|
18
|
+
-webkit-appearance: none;
|
19
|
+
}
|
20
|
+
|
21
|
+
::-moz-focus-inner {
|
22
|
+
border: 0;
|
23
|
+
padding: 0;
|
24
|
+
}
|
25
|
+
|
26
|
+
.button:hover {
|
27
|
+
text-decoration: none;
|
28
|
+
}
|
@@ -0,0 +1,57 @@
|
|
1
|
+
/* Basscss Base Forms */
|
2
|
+
|
3
|
+
input,
|
4
|
+
select,
|
5
|
+
textarea,
|
6
|
+
fieldset {
|
7
|
+
font-size: $form-field-font-size;
|
8
|
+
margin-top: 0;
|
9
|
+
margin-bottom: $space-1;
|
10
|
+
}
|
11
|
+
|
12
|
+
input[type=text],
|
13
|
+
input[type=datetime],
|
14
|
+
input[type=datetime-local],
|
15
|
+
input[type=email],
|
16
|
+
input[type=month],
|
17
|
+
input[type=number],
|
18
|
+
input[type=password],
|
19
|
+
input[type=search],
|
20
|
+
input[type=tel],
|
21
|
+
input[type=time],
|
22
|
+
input[type=url],
|
23
|
+
input[type=week] {
|
24
|
+
box-sizing: border-box;
|
25
|
+
height: $form-field-height;
|
26
|
+
padding: $form-field-padding-y $form-field-padding-x;
|
27
|
+
vertical-align: middle;
|
28
|
+
-webkit-appearance: none;
|
29
|
+
}
|
30
|
+
|
31
|
+
select {
|
32
|
+
box-sizing: border-box;
|
33
|
+
line-height: 1.75;
|
34
|
+
padding: $form-field-padding-y $form-field-padding-x;
|
35
|
+
}
|
36
|
+
|
37
|
+
select:not([multiple]) {
|
38
|
+
height: $form-field-height;
|
39
|
+
vertical-align: middle;
|
40
|
+
}
|
41
|
+
|
42
|
+
textarea {
|
43
|
+
box-sizing: border-box;
|
44
|
+
line-height: 1.75;
|
45
|
+
padding: $form-field-padding-y $form-field-padding-x;
|
46
|
+
}
|
47
|
+
|
48
|
+
.fieldset-reset {
|
49
|
+
padding: 0;
|
50
|
+
margin-left: 0;
|
51
|
+
margin-right: 0;
|
52
|
+
border: 0;
|
53
|
+
}
|
54
|
+
|
55
|
+
.fieldset-reset legend {
|
56
|
+
padding: 0;
|
57
|
+
}
|
@@ -0,0 +1,101 @@
|
|
1
|
+
/* Basscss Base Typography */
|
2
|
+
|
3
|
+
body {
|
4
|
+
font-family: $font-family;
|
5
|
+
line-height: $line-height;
|
6
|
+
font-size: 100%;
|
7
|
+
}
|
8
|
+
|
9
|
+
h1,
|
10
|
+
h2,
|
11
|
+
h3,
|
12
|
+
h4,
|
13
|
+
h5,
|
14
|
+
h6 {
|
15
|
+
font-family: $heading-font-family;
|
16
|
+
font-weight: $heading-font-weight;
|
17
|
+
line-height: $heading-line-height;
|
18
|
+
margin-top: 1em;
|
19
|
+
margin-bottom: .5em;
|
20
|
+
}
|
21
|
+
|
22
|
+
p,
|
23
|
+
dl,
|
24
|
+
ol,
|
25
|
+
ul {
|
26
|
+
font-size: $h4;
|
27
|
+
margin-top: 0;
|
28
|
+
margin-bottom: $space-2;
|
29
|
+
}
|
30
|
+
|
31
|
+
ol,
|
32
|
+
ul {
|
33
|
+
padding-left: $space-3;
|
34
|
+
}
|
35
|
+
|
36
|
+
pre,
|
37
|
+
code,
|
38
|
+
samp {
|
39
|
+
font-family: $monospace-font-family;
|
40
|
+
font-size: inherit;
|
41
|
+
}
|
42
|
+
|
43
|
+
pre {
|
44
|
+
margin-top: 0;
|
45
|
+
margin-bottom: $space-2;
|
46
|
+
overflow-x: scroll;
|
47
|
+
}
|
48
|
+
|
49
|
+
hr {
|
50
|
+
margin-top: $space-3;
|
51
|
+
margin-bottom: $space-3;
|
52
|
+
}
|
53
|
+
|
54
|
+
blockquote {
|
55
|
+
margin-top: $space-3;
|
56
|
+
margin-bottom: $space-3;
|
57
|
+
margin-left: 0;
|
58
|
+
padding-left: $space-2;
|
59
|
+
padding-right: $space-2;
|
60
|
+
}
|
61
|
+
|
62
|
+
blockquote,
|
63
|
+
blockquote p {
|
64
|
+
font-size: $h3;
|
65
|
+
font-style: italic;
|
66
|
+
}
|
67
|
+
|
68
|
+
h1,
|
69
|
+
.h1 {
|
70
|
+
font-size: $h1;
|
71
|
+
}
|
72
|
+
|
73
|
+
h2,
|
74
|
+
.h2 {
|
75
|
+
font-size: $h2;
|
76
|
+
}
|
77
|
+
|
78
|
+
h3,
|
79
|
+
.h3 {
|
80
|
+
font-size: $h3;
|
81
|
+
}
|
82
|
+
|
83
|
+
h4,
|
84
|
+
.h4 {
|
85
|
+
font-size: $h4;
|
86
|
+
}
|
87
|
+
|
88
|
+
h5,
|
89
|
+
.h5 {
|
90
|
+
font-size: $h5;
|
91
|
+
}
|
92
|
+
|
93
|
+
h6,
|
94
|
+
.h6 {
|
95
|
+
font-size: $h6;
|
96
|
+
}
|
97
|
+
|
98
|
+
.list-reset {
|
99
|
+
list-style: none;
|
100
|
+
padding-left: 0;
|
101
|
+
}
|