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
@@ -0,0 +1,16 @@
|
|
1
|
+
blockquote {
|
2
|
+
border-left: 5px solid #7a7a7a;
|
3
|
+
font-style: italic;
|
4
|
+
margin-left: $space-1;
|
5
|
+
padding: $space-1;
|
6
|
+
}
|
7
|
+
|
8
|
+
blockquote footer {
|
9
|
+
background-color: #fff;
|
10
|
+
border-color: transparent;
|
11
|
+
color: #7a7a7a;
|
12
|
+
font-size: .85rem;
|
13
|
+
font-style: normal;
|
14
|
+
text-align: left;
|
15
|
+
padding: 0;
|
16
|
+
}
|
data/_sass/_code.scss
ADDED
@@ -0,0 +1,70 @@
|
|
1
|
+
pre,
|
2
|
+
pre code {
|
3
|
+
background-color: transparent;
|
4
|
+
border-radius: $pre-border-radius;
|
5
|
+
}
|
6
|
+
|
7
|
+
pre,
|
8
|
+
code {
|
9
|
+
font-family: $monospace-font-family;
|
10
|
+
}
|
11
|
+
|
12
|
+
code {
|
13
|
+
color: #7a7a7a;
|
14
|
+
}
|
15
|
+
|
16
|
+
pre {
|
17
|
+
padding: 1.125em;
|
18
|
+
line-height: 1.11;
|
19
|
+
overflow-x: scroll;
|
20
|
+
margin-bottom: 0.88em;
|
21
|
+
background-color: $pre-background-color;
|
22
|
+
}
|
23
|
+
|
24
|
+
.highlight .p {
|
25
|
+
font-size: 1.125rem;
|
26
|
+
line-height: 1;
|
27
|
+
}
|
28
|
+
|
29
|
+
pre {
|
30
|
+
counter-reset: line-numbering;
|
31
|
+
white-space: pre;
|
32
|
+
overflow-x: auto;
|
33
|
+
word-break: inherit;
|
34
|
+
word-wrap: inherit;
|
35
|
+
}
|
36
|
+
|
37
|
+
pre a {
|
38
|
+
background-image: none;
|
39
|
+
}
|
40
|
+
|
41
|
+
pre a::before {
|
42
|
+
content: counter(line-numbering);
|
43
|
+
counter-increment: line-numbering;
|
44
|
+
padding-right: 1em; /* space after numbers */
|
45
|
+
width: 25px;
|
46
|
+
text-align: right;
|
47
|
+
opacity: 0.7;
|
48
|
+
display: inline-block;
|
49
|
+
color: $light-gray;
|
50
|
+
margin-right: 16px;
|
51
|
+
font-size: 13px;
|
52
|
+
-webkit-touch-callout: none;
|
53
|
+
-webkit-user-select: none;
|
54
|
+
-khtml-user-select: none;
|
55
|
+
-moz-user-select: none;
|
56
|
+
-ms-user-select: none;
|
57
|
+
user-select: none;
|
58
|
+
}
|
59
|
+
|
60
|
+
pre a:first-of-type::before {
|
61
|
+
padding-top: 10px;
|
62
|
+
}
|
63
|
+
|
64
|
+
pre a:last-of-type::before {
|
65
|
+
padding-bottom: 10px;
|
66
|
+
}
|
67
|
+
|
68
|
+
pre a:only-of-type::before {
|
69
|
+
padding: 10px;
|
70
|
+
}
|
data/_sass/_footer.scss
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
.site {
|
2
|
+
display: -webkit-box;
|
3
|
+
display: -webkit-flex;
|
4
|
+
display: -ms-flexbox;
|
5
|
+
display: flex;
|
6
|
+
-webkit-box-orient: vertical;
|
7
|
+
-webkit-box-direction: normal;
|
8
|
+
-webkit-flex-direction: column;
|
9
|
+
-ms-flex-direction: column;
|
10
|
+
flex-direction: column;
|
11
|
+
min-height: 100vh;
|
12
|
+
}
|
13
|
+
|
14
|
+
.site-wrap {
|
15
|
+
-webkit-box-flex: 1;
|
16
|
+
-webkit-flex: 1;
|
17
|
+
-ms-flex: 1 0 auto;
|
18
|
+
flex: 1 0 auto;
|
19
|
+
}
|
20
|
+
|
21
|
+
footer {
|
22
|
+
background-color: $footer-bg-color;
|
23
|
+
border-top: $footer-border-top;
|
24
|
+
color: $footer-color;
|
25
|
+
font-size: $footer-font-size;
|
26
|
+
font-weight: $footer-font-weight;
|
27
|
+
padding: $footer-padding;
|
28
|
+
text-align: center;
|
29
|
+
}
|
data/_sass/_forms.scss
ADDED
@@ -0,0 +1,106 @@
|
|
1
|
+
input,
|
2
|
+
select,
|
3
|
+
textarea,
|
4
|
+
fieldset {
|
5
|
+
font-size: $form-field-font-size;
|
6
|
+
margin-top: 0;
|
7
|
+
margin-bottom: $space-1;
|
8
|
+
}
|
9
|
+
|
10
|
+
input[type=text],
|
11
|
+
input[type=datetime],
|
12
|
+
input[type=datetime-local],
|
13
|
+
input[type=email],
|
14
|
+
input[type=month],
|
15
|
+
input[type=number],
|
16
|
+
input[type=password],
|
17
|
+
input[type=search],
|
18
|
+
input[type=tel],
|
19
|
+
input[type=time],
|
20
|
+
input[type=url],
|
21
|
+
input[type=week] {
|
22
|
+
box-sizing: border-box;
|
23
|
+
height: $form-field-height;
|
24
|
+
padding: $form-field-padding-y $form-field-padding-x;
|
25
|
+
vertical-align: middle;
|
26
|
+
-webkit-appearance: none;
|
27
|
+
}
|
28
|
+
|
29
|
+
select {
|
30
|
+
box-sizing: border-box;
|
31
|
+
line-height: 1.75;
|
32
|
+
padding: $form-field-padding-y $form-field-padding-x;
|
33
|
+
}
|
34
|
+
|
35
|
+
select:not([multiple]) {
|
36
|
+
height: $form-field-height;
|
37
|
+
vertical-align: middle;
|
38
|
+
}
|
39
|
+
|
40
|
+
textarea {
|
41
|
+
box-sizing: border-box;
|
42
|
+
line-height: 1.75;
|
43
|
+
padding: $form-field-padding-y $form-field-padding-x;
|
44
|
+
}
|
45
|
+
|
46
|
+
.form-stacked input,
|
47
|
+
.form-stacked textarea,
|
48
|
+
.form-stacked select {
|
49
|
+
width: 100%;
|
50
|
+
}
|
51
|
+
|
52
|
+
.field-light {
|
53
|
+
background-color: white;
|
54
|
+
transition: box-shadow .2s ease;
|
55
|
+
border-style: solid;
|
56
|
+
border-width: $border-width;
|
57
|
+
border-color: $border-color;
|
58
|
+
border-radius: $border-radius;
|
59
|
+
}
|
60
|
+
|
61
|
+
.field-light:focus {
|
62
|
+
outline: none;
|
63
|
+
border-color: $blue;
|
64
|
+
box-shadow: 0 0 2px rgba($blue,.5);
|
65
|
+
}
|
66
|
+
|
67
|
+
.field-light:disabled {
|
68
|
+
color: $mid-gray;
|
69
|
+
background-color: $darken-2;
|
70
|
+
}
|
71
|
+
|
72
|
+
.field-light:read-only:not(select) {
|
73
|
+
background-color: $darken-2;
|
74
|
+
}
|
75
|
+
|
76
|
+
.field-light:invalid {
|
77
|
+
border-color: $red;
|
78
|
+
}
|
79
|
+
|
80
|
+
.field-light.is-success {
|
81
|
+
border-color: $green;
|
82
|
+
}
|
83
|
+
|
84
|
+
.field-light.is-warning {
|
85
|
+
border-color: $yellow;
|
86
|
+
}
|
87
|
+
|
88
|
+
.field-light.is-error {
|
89
|
+
border-color: $red;
|
90
|
+
}
|
91
|
+
|
92
|
+
|
93
|
+
.radio-light,
|
94
|
+
.checkbox-light {
|
95
|
+
transition: box-shadow .2s ease;
|
96
|
+
}
|
97
|
+
|
98
|
+
.radio-light {
|
99
|
+
border-radius: 50%;
|
100
|
+
}
|
101
|
+
|
102
|
+
.radio-light:focus,
|
103
|
+
.checkbox-light:focus {
|
104
|
+
outline: none;
|
105
|
+
box-shadow: 0 0 2px rgba($blue, .5);
|
106
|
+
}
|
data/_sass/_gists.scss
ADDED
data/_sass/_header.scss
ADDED
@@ -0,0 +1,50 @@
|
|
1
|
+
.site-header {
|
2
|
+
padding-top: $space-1;
|
3
|
+
padding-bottom: $space-2;
|
4
|
+
}
|
5
|
+
|
6
|
+
.site-header a {
|
7
|
+
color: #333;
|
8
|
+
font-size: $h3;
|
9
|
+
font-weight: 300;
|
10
|
+
background-image: none;
|
11
|
+
}
|
12
|
+
|
13
|
+
.site-header .site-title {
|
14
|
+
font-size: $h2;
|
15
|
+
}
|
16
|
+
|
17
|
+
.site-nav {
|
18
|
+
margin-top: $space-2;
|
19
|
+
}
|
20
|
+
|
21
|
+
.site-header nav a {
|
22
|
+
color: #666;
|
23
|
+
}
|
24
|
+
|
25
|
+
.site-header nav a:hover,
|
26
|
+
.site-header nav a:focus,
|
27
|
+
.site-header nav a:active {
|
28
|
+
color: #444;
|
29
|
+
opacity: 1;
|
30
|
+
border-bottom: 2px solid #444;
|
31
|
+
}
|
32
|
+
|
33
|
+
.site-nav a + a {
|
34
|
+
margin-left: 1em;
|
35
|
+
}
|
36
|
+
|
37
|
+
.site-header a:hover,
|
38
|
+
.posts .post a:hover .post-meta,
|
39
|
+
.posts .post a:hover .post-title,
|
40
|
+
.posts .post a:hover .post-summary {
|
41
|
+
opacity: 0.88;
|
42
|
+
}
|
43
|
+
|
44
|
+
.site-header {
|
45
|
+
text-align: center;
|
46
|
+
}
|
47
|
+
|
48
|
+
.site-header .site-nav {
|
49
|
+
text-align: center;
|
50
|
+
}
|
data/_sass/_links.scss
ADDED
@@ -0,0 +1,53 @@
|
|
1
|
+
a {
|
2
|
+
color: $link-color;
|
3
|
+
background-image: linear-gradient(to top,
|
4
|
+
rgba(0,0,0,0) 13%,
|
5
|
+
rgba($link-color,.8) 13%,
|
6
|
+
rgba($link-color,.8) 18%,
|
7
|
+
rgba(0,0,0,0) 17%
|
8
|
+
);
|
9
|
+
text-shadow: white 1px 0px 0px, white -1px 0px 0px;
|
10
|
+
}
|
11
|
+
|
12
|
+
a:hover,
|
13
|
+
a:focus,
|
14
|
+
a:active {
|
15
|
+
border: 0;
|
16
|
+
color: $link-hover-color;
|
17
|
+
text-decoration: none;
|
18
|
+
background-image: linear-gradient(to top,
|
19
|
+
rgba(0,0,0,0) 13%,
|
20
|
+
rgba($link-hover-color,.8) 13%,
|
21
|
+
rgba($link-hover-color,.8) 17%,
|
22
|
+
rgba(0,0,0,0) 17%
|
23
|
+
);
|
24
|
+
text-shadow: white 1px 0px 0px, white -1px 0px 0px;
|
25
|
+
}
|
26
|
+
|
27
|
+
// Correct issues with buttons
|
28
|
+
button,
|
29
|
+
.button {
|
30
|
+
text-shadow: none;
|
31
|
+
background-image: none;
|
32
|
+
}
|
33
|
+
|
34
|
+
.button:hover,
|
35
|
+
.button:focus,
|
36
|
+
.button:active {
|
37
|
+
color: white;
|
38
|
+
text-shadow: none;
|
39
|
+
background-image: none;
|
40
|
+
}
|
41
|
+
|
42
|
+
.anchorjs-link {
|
43
|
+
text-shadow: none;
|
44
|
+
background-image: none;
|
45
|
+
}
|
46
|
+
.anchorjs-link:hover,
|
47
|
+
.anchorjs-link:focus,
|
48
|
+
.anchorjs-link:active{
|
49
|
+
border: 0;
|
50
|
+
color: $link-hover-color;
|
51
|
+
text-shadow: none;
|
52
|
+
background-image: none;
|
53
|
+
}
|
data/_sass/_measure.scss
ADDED
@@ -0,0 +1,64 @@
|
|
1
|
+
@media screen and (min-width: $viewport-small) {
|
2
|
+
html {
|
3
|
+
font-size: 16px;
|
4
|
+
}
|
5
|
+
|
6
|
+
h1,
|
7
|
+
.h1 {
|
8
|
+
font-size: $h1;
|
9
|
+
}
|
10
|
+
|
11
|
+
.site-header {
|
12
|
+
text-align: left;
|
13
|
+
}
|
14
|
+
|
15
|
+
.site-nav {
|
16
|
+
margin-top: 0;
|
17
|
+
}
|
18
|
+
|
19
|
+
.site-header a {
|
20
|
+
font-size: $h4;
|
21
|
+
}
|
22
|
+
|
23
|
+
.site-header .site-title {
|
24
|
+
font-size: $h3;
|
25
|
+
float: left;
|
26
|
+
}
|
27
|
+
|
28
|
+
.site-header .site-nav {
|
29
|
+
float: right;
|
30
|
+
margin-top: .25rem;
|
31
|
+
}
|
32
|
+
|
33
|
+
blockquote {
|
34
|
+
margin-left: $space-3;
|
35
|
+
padding: $space-3;
|
36
|
+
}
|
37
|
+
|
38
|
+
.social-icons-left {
|
39
|
+
text-align: left;
|
40
|
+
}
|
41
|
+
|
42
|
+
.social-icons-right {
|
43
|
+
text-align: right;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
@media screen and (min-width: $viewport-medium) {
|
48
|
+
html {
|
49
|
+
font-size: 18px;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
@media screen and (min-width: $viewport-large) {
|
54
|
+
html {
|
55
|
+
font-size: 20px;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
@media screen and (min-width: $viewport-large + 14) {
|
60
|
+
em img {
|
61
|
+
max-width: $measure-width + 14;
|
62
|
+
margin-left: -7em;
|
63
|
+
}
|
64
|
+
}
|
@@ -0,0 +1,52 @@
|
|
1
|
+
.pagination {
|
2
|
+
font-size: 1rem;
|
3
|
+
font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
|
4
|
+
font-weight: 300;
|
5
|
+
text-align: center;
|
6
|
+
}
|
7
|
+
|
8
|
+
.pagination a, .pagination .disabled {
|
9
|
+
-webkit-transition: all 0.2s ease-in-out;
|
10
|
+
-moz-transition: all 0.2s ease-in-out;
|
11
|
+
transition: all 0.2s ease-in-out;
|
12
|
+
background: #fafafa;
|
13
|
+
border-radius: 0.1875em;
|
14
|
+
border: 1px solid #f3f3f3;
|
15
|
+
color: #333333;
|
16
|
+
padding: 1em 1.5em;
|
17
|
+
}
|
18
|
+
|
19
|
+
.pagination .disabled, .pagination .pagination-meta {
|
20
|
+
opacity: 0.5;
|
21
|
+
}
|
22
|
+
|
23
|
+
.pagination .pagination-meta {
|
24
|
+
overflow: hidden;
|
25
|
+
}
|
26
|
+
|
27
|
+
.pagination a:hover, .pagination a:focus {
|
28
|
+
background: white;
|
29
|
+
color: #477dca;
|
30
|
+
}
|
31
|
+
|
32
|
+
.pagination a:active {
|
33
|
+
background: #f7f7f7;
|
34
|
+
}
|
35
|
+
|
36
|
+
.pagination .button {
|
37
|
+
font-size: 1rem;
|
38
|
+
font-weight: 300;
|
39
|
+
letter-spacing: 1px;
|
40
|
+
}
|
41
|
+
|
42
|
+
.button-disabled {
|
43
|
+
opacity: 0.55;
|
44
|
+
background-color: #999;
|
45
|
+
}
|
46
|
+
|
47
|
+
.button-disabled:hover,
|
48
|
+
.button-disabled:active,
|
49
|
+
.button-disabled:focus {
|
50
|
+
cursor: not-allowed;
|
51
|
+
background-color: #999;
|
52
|
+
}
|