pixyll_ashawley 2.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +22 -0
  3. data/README.md +252 -0
  4. data/_includes/ajaxify_content_form.html +30 -0
  5. data/_includes/footer.html +14 -0
  6. data/_includes/head.html +105 -0
  7. data/_includes/header.html +14 -0
  8. data/_includes/navigation.html +13 -0
  9. data/_includes/pagination.html +23 -0
  10. data/_includes/post_footer.html +10 -0
  11. data/_includes/share_buttons.html +41 -0
  12. data/_includes/social_links.html +59 -0
  13. data/_layouts/center.html +21 -0
  14. data/_layouts/default.html +32 -0
  15. data/_layouts/home.html +28 -0
  16. data/_layouts/page.html +11 -0
  17. data/_layouts/post.html +71 -0
  18. data/_sass/_animations.scss +60 -0
  19. data/_sass/_base.scss +34 -0
  20. data/_sass/_basscss.scss +25 -0
  21. data/_sass/_blockquotes.scss +16 -0
  22. data/_sass/_clearfix.scss +8 -0
  23. data/_sass/_code.scss +70 -0
  24. data/_sass/_footer.scss +29 -0
  25. data/_sass/_forms.scss +106 -0
  26. data/_sass/_gists.scss +12 -0
  27. data/_sass/_header.scss +50 -0
  28. data/_sass/_links.scss +53 -0
  29. data/_sass/_measure.scss +4 -0
  30. data/_sass/_media-queries.scss +64 -0
  31. data/_sass/_pagination.scss +52 -0
  32. data/_sass/_positions.scss +7 -0
  33. data/_sass/_posts.scss +48 -0
  34. data/_sass/_social-icons.scss +25 -0
  35. data/_sass/_tables.scss +45 -0
  36. data/_sass/_typography.scss +24 -0
  37. data/_sass/_variables.scss +121 -0
  38. data/_sass/basscss/_base-buttons.scss +28 -0
  39. data/_sass/basscss/_base-forms.scss +57 -0
  40. data/_sass/basscss/_base-reset.scss +20 -0
  41. data/_sass/basscss/_base-typography.scss +101 -0
  42. data/_sass/basscss/_buttons-blue.scss +27 -0
  43. data/_sass/basscss/_color-base.scss +28 -0
  44. data/_sass/basscss/_colors.scss +97 -0
  45. data/_sass/basscss/_syntax-highlighting.scss +119 -0
  46. data/_sass/basscss/_utility-headings.scss +37 -0
  47. data/_sass/basscss/_utility-typography.scss +38 -0
  48. data/_sass/basscss/_utility-white-space.scss +182 -0
  49. data/assets/css/main.scss +35 -0
  50. 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
+ }
@@ -0,0 +1,8 @@
1
+ .clearfix:before, .clearfix:after {
2
+ content: ' ';
3
+ display: table;
4
+ }
5
+
6
+ .clearfix:after {
7
+ clear: both;
8
+ }
@@ -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
+ }
@@ -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
+ }
@@ -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
+ }
@@ -0,0 +1,12 @@
1
+ .gist,
2
+ .gist .highlight .p {
3
+ font-size: .75rem;
4
+ }
5
+
6
+ .gist .lines {
7
+ width: 100%;
8
+ }
9
+
10
+ .gist table>tbody>tr>td {
11
+ border-top: 0px;
12
+ }
@@ -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
+ }
@@ -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
+ }
@@ -0,0 +1,4 @@
1
+ .measure {
2
+ margin: 0 auto;
3
+ max-width: $measure-width;
4
+ }
@@ -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
+ }