jekyll-theme-newtype 0.1.3 → 0.1.4

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.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/disqus.html +27 -0
  3. data/_includes/footer.html +2 -4
  4. data/_includes/head.html +2 -2
  5. data/_includes/header.html +0 -31
  6. data/_includes/navigation.html +5 -0
  7. data/_includes/post_preview.html +2 -2
  8. data/_layouts/category_index.html +5 -6
  9. data/_layouts/default.html +45 -21
  10. data/_layouts/home.html +2 -0
  11. data/_layouts/page.html +6 -0
  12. data/_layouts/post.html +26 -0
  13. data/_sass/layout.scss +203 -0
  14. data/_sass/newtype.scss +2 -36
  15. data/_sass/typography.scss +67 -0
  16. data/_sass/vars.scss +32 -0
  17. data/assets/fonts/cmunbxo.otf +0 -0
  18. data/assets/fonts/cmunsi.otf +0 -0
  19. data/assets/fonts/cmunss.otf +0 -0
  20. data/assets/fonts/cmunsx.otf +0 -0
  21. data/assets/site_icon.png +0 -0
  22. data/assets/site_logo.png +0 -0
  23. data/assets/style.scss +1 -0
  24. metadata +13 -19
  25. data/_includes/navbar.html +0 -9
  26. data/_sass/skeleton/base/_base-styles.scss +0 -37
  27. data/_sass/skeleton/base/_functions.scss +0 -17
  28. data/_sass/skeleton/base/_normalize.scss +0 -428
  29. data/_sass/skeleton/base/_typography.scss +0 -29
  30. data/_sass/skeleton/base/_utils.scss +0 -20
  31. data/_sass/skeleton/base/_variables.scss +0 -32
  32. data/_sass/skeleton/modules/_buttons.scss +0 -147
  33. data/_sass/skeleton/modules/_code.scss +0 -18
  34. data/_sass/skeleton/modules/_forms.scss +0 -88
  35. data/_sass/skeleton/modules/_grid.scss +0 -116
  36. data/_sass/skeleton/modules/_lists.scss +0 -32
  37. data/_sass/skeleton/modules/_media-queries.scss +0 -22
  38. data/_sass/skeleton/modules/_spacing.scss +0 -26
  39. data/_sass/skeleton/modules/_tables.scss +0 -19
  40. data/_sass/skeleton/normalize.scss +0 -427
  41. data/_sass/skeleton/skeleton.scss +0 -418
@@ -1,29 +0,0 @@
1
- // Typography
2
- //––––––––––––––––––––––––––––––––––––––––––––––––––
3
-
4
- h1, h2, h3, h4, h5, h6 {
5
- margin-top: 0;
6
- margin-bottom: 2rem;
7
- font-weight: 300;
8
- }
9
-
10
- h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem; }
11
- h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
12
- h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
13
- h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
14
- h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
15
- h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
16
-
17
- // Larger than phablet
18
- @media (#{$bp-larger-than-phablet}) {
19
- h1 { font-size: 5.0rem; }
20
- h2 { font-size: 4.2rem; }
21
- h3 { font-size: 3.6rem; }
22
- h4 { font-size: 3.0rem; }
23
- h5 { font-size: 2.4rem; }
24
- h6 { font-size: 1.5rem; }
25
- }
26
-
27
- p {
28
- margin-top: 0;
29
- }
@@ -1,20 +0,0 @@
1
- // Utilities
2
- //––––––––––––––––––––––––––––––––––––––––––––––––––
3
-
4
- .u-full-width {
5
- width: 100%;
6
- box-sizing: border-box;
7
- }
8
-
9
- .u-max-full-width {
10
- max-width: 100%;
11
- box-sizing: border-box;
12
- }
13
-
14
- .u-pull-right {
15
- float: right;
16
- }
17
-
18
- .u-pull-left {
19
- float: left;
20
- }
@@ -1,32 +0,0 @@
1
- // Variables
2
- //––––––––––––––––––––––––––––––––––––––––––––––––––
3
-
4
- // Breakpoints
5
- $bp-larger-than-mobile : "min-width: 400px" !default;
6
- $bp-larger-than-phablet : "min-width: 550px" !default;
7
- $bp-larger-than-tablet : "min-width: 750px" !default;
8
- $bp-larger-than-desktop : "min-width: 1000px" !default;
9
- $bp-larger-than-desktophd : "min-width: 1200px" !default;
10
-
11
- // Colors
12
- $light-grey: #e1e1e1 !default;
13
- $dark-grey: #333 !default;
14
- $primary-color: #33c3f0 !default;
15
- $secondary-color: lighten($dark-grey, 13.5%) !default;
16
- $border-color: #bbb !default;
17
- $link-color: #1eaedb !default;
18
- $font-color: #222 !default;
19
-
20
- // Typography
21
- $font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
22
-
23
- //Grid Variables
24
- $container-width: 960px !default;
25
- $container-width-larger-than-mobile: 85% !default;
26
- $container-width-larger-than-phablet: 80% !default;
27
- $total-columns: 12 !default;
28
- $column-width: 100 / $total-columns !default; // calculates individual column width based off of # of columns
29
- $column-margin: 4% !default; // space between columns
30
-
31
- // Misc
32
- $global-radius: 4px !default;
@@ -1,147 +0,0 @@
1
- // Buttons
2
- //––––––––––––––––––––––––––––––––––––––––––––––––––
3
-
4
- .button,
5
- button {
6
- display: inline-block;
7
- height: 38px;
8
- padding: 0 30px;
9
- color: $secondary-color;
10
- text-align: center;
11
- font-size: 11px;
12
- font-weight: 600;
13
- line-height: 38px;
14
- letter-spacing: .1rem;
15
- text-transform: uppercase;
16
- text-decoration: none;
17
- white-space: nowrap;
18
- background-color: transparent;
19
- border-radius: $global-radius;
20
- border: 1px solid $border-color;
21
- cursor: pointer;
22
- box-sizing: border-box;
23
- }
24
-
25
- input {
26
- &[type="submit"],
27
- &[type="reset"],
28
- &[type="button"] {
29
- display: inline-block;
30
- height: 38px;
31
- padding: 0 30px;
32
- color: $secondary-color;
33
- text-align: center;
34
- font-size: 11px;
35
- font-weight: 600;
36
- line-height: 38px;
37
- letter-spacing: .1rem;
38
- text-transform: uppercase;
39
- text-decoration: none;
40
- white-space: nowrap;
41
- background-color: transparent;
42
- border-radius: $global-radius;
43
- border: 1px solid $border-color;
44
- cursor: pointer;
45
- box-sizing: border-box;
46
- }
47
- }
48
-
49
- .button:hover,
50
- button:hover {
51
- color: $dark-grey;
52
- border-color: lighten($dark-grey, 33.3%);
53
- outline: 0;
54
- }
55
-
56
- input {
57
- &[type="submit"]:hover,
58
- &[type="reset"]:hover,
59
- &[type="button"]:hover {
60
- color: $dark-grey;
61
- border-color: lighten($dark-grey, 33.3%);
62
- outline: 0;
63
- }
64
- }
65
-
66
- .button:focus,
67
- button:focus {
68
- color: $dark-grey;
69
- border-color: lighten($dark-grey, 33.3%);
70
- outline: 0;
71
- }
72
-
73
- input {
74
- &[type="submit"]:focus,
75
- &[type="reset"]:focus,
76
- &[type="button"]:focus {
77
- color: $dark-grey;
78
- border-color: lighten($dark-grey, 33.3%);
79
- outline: 0;
80
- }
81
- }
82
-
83
- .button.button-primary,
84
- button.button-primary {
85
- color: #fff;
86
- background-color: $primary-color;
87
- border-color: $primary-color;
88
- }
89
-
90
- input {
91
- &[type="submit"].button-primary,
92
- &[type="reset"].button-primary,
93
- &[type="button"].button-primary {
94
- color: #fff;
95
- background-color: $primary-color;
96
- border-color: $primary-color;
97
- }
98
- }
99
-
100
- .button.button-primary:hover,
101
- button.button-primary:hover {
102
- color: #fff;
103
- background-color: $link-color;
104
- border-color: $link-color;
105
- }
106
-
107
- input {
108
- &[type="submit"].button-primary:hover,
109
- &[type="reset"].button-primary:hover,
110
- &[type="button"].button-primary:hover {
111
- color: #fff;
112
- background-color: $link-color;
113
- border-color: $link-color;
114
- }
115
- }
116
-
117
- .button.button-primary:focus,
118
- button.button-primary:focus {
119
- color: #fff;
120
- background-color: $link-color;
121
- border-color: $link-color;
122
- }
123
-
124
- input {
125
- &[type="submit"].button-primary:focus,
126
- &[type="reset"].button-primary:focus,
127
- &[type="button"].button-primary:focus {
128
- color: #fff;
129
- background-color: $link-color;
130
- border-color: $link-color;
131
- }
132
- &[type="email"],
133
- &[type="number"],
134
- &[type="search"],
135
- &[type="text"],
136
- &[type="tel"],
137
- &[type="url"],
138
- &[type="password"] {
139
- height: 38px;
140
- padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
141
- background-color: #fff;
142
- border: 1px solid lighten($border-color, 8.8%);
143
- border-radius: $global-radius;
144
- box-shadow: none;
145
- box-sizing: border-box;
146
- }
147
- }
@@ -1,18 +0,0 @@
1
- // Code
2
- //––––––––––––––––––––––––––––––––––––––––––––––––––
3
-
4
- code {
5
- padding: .2rem .5rem;
6
- margin: 0 .2rem;
7
- font-size: 90%;
8
- white-space: nowrap;
9
- background: lighten($light-grey, 6.4%);
10
- border: 1px solid $light-grey;
11
- border-radius: $global-radius;
12
- }
13
-
14
- pre > code {
15
- display: block;
16
- padding: 1rem 1.5rem;
17
- white-space: pre;
18
- }
@@ -1,88 +0,0 @@
1
- // Forms
2
- //––––––––––––––––––––––––––––––––––––––––––––––––––
3
-
4
- input[type='email'],
5
- input[type='number'],
6
- input[type='search'],
7
- input[type='text'],
8
- input[type='tel'],
9
- input[type='url'],
10
- input[type='password'],
11
- textarea,
12
- select {
13
- height: 38px;
14
- padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
15
- background-color: #fff;
16
- border: 1px solid lighten($border-color, 8.8%);
17
- border-radius: $global-radius;
18
- box-shadow: none;
19
- box-sizing: border-box;
20
- }
21
-
22
- // Removes awkward default styles on some inputs for iOS
23
- input {
24
- &[type="email"],
25
- &[type="number"],
26
- &[type="search"],
27
- &[type="text"],
28
- &[type="tel"],
29
- &[type="url"],
30
- &[type="password"] {
31
- -webkit-appearance: none;
32
- -moz-appearance: none;
33
- appearance: none;
34
- }
35
- }
36
-
37
- textarea {
38
- -webkit-appearance: none;
39
- -moz-appearance: none;
40
- appearance: none;
41
- min-height: 65px;
42
- padding-top: 6px;
43
- padding-bottom: 6px;
44
- }
45
-
46
- input {
47
- &[type="email"]:focus,
48
- &[type="number"]:focus,
49
- &[type="search"]:focus,
50
- &[type="text"]:focus,
51
- &[type="tel"]:focus,
52
- &[type="url"]:focus,
53
- &[type="password"]:focus {
54
- border: 1px solid $primary-color;
55
- outline: 0;
56
- }
57
- }
58
-
59
- textarea:focus,
60
- select:focus {
61
- border: 1px solid $primary-color;
62
- outline: 0;
63
- }
64
-
65
- label,
66
- legend {
67
- display: block;
68
- margin-bottom: .5rem;
69
- font-weight: 600;
70
- }
71
-
72
- fieldset {
73
- padding: 0;
74
- border-width: 0;
75
- }
76
-
77
- input {
78
- &[type="checkbox"],
79
- &[type="radio"] {
80
- display: inline;
81
- }
82
- }
83
-
84
- label > .label-body {
85
- display: inline-block;
86
- margin-left: .5rem;
87
- font-weight: normal;
88
- }
@@ -1,116 +0,0 @@
1
- /*
2
- * Skeleton V2.0.4
3
- * Copyright 2014, Dave Gamache
4
- * www.getskeleton.com
5
- * Free to use under the MIT license.
6
- * http://www.opensource.org/licenses/mit-license.php
7
- * 12/9/2014
8
- * Sass Version by Seth Coelen https://github.com/whatsnewsaes
9
- */
10
-
11
- .container {
12
- position: relative;
13
- width: 100%;
14
- max-width: $container-width;
15
- margin: 0 auto;
16
- padding: 0 20px;
17
- box-sizing: border-box;
18
- }
19
-
20
- .column,
21
- .columns {
22
- width: 100%;
23
- float: left;
24
- box-sizing: border-box;
25
- }
26
-
27
- // For devices larger than 400px
28
- @media (#{$bp-larger-than-mobile}) {
29
- .container {
30
- width: $container-width-larger-than-mobile;
31
- padding: 0;
32
- }
33
- }
34
-
35
- // For devices larger than 550px
36
- @media (#{$bp-larger-than-phablet}) {
37
- .container {
38
- width: $container-width-larger-than-phablet;
39
- }
40
- .column,
41
- .columns {
42
- margin-left: $column-margin;
43
- }
44
- .column:first-child,
45
- .columns:first-child {
46
- margin-left: 0;
47
- }
48
-
49
- .one.column,
50
- .one.columns { width: grid-column-width(1); }
51
- .two.columns { width: grid-column-width(2); }
52
- .three.columns { width: grid-column-width(3); }
53
- .four.columns { width: grid-column-width(4); }
54
- .five.columns { width: grid-column-width(5); }
55
- .six.columns { width: grid-column-width(6); }
56
- .seven.columns { width: grid-column-width(7); }
57
- .eight.columns { width: grid-column-width(8); }
58
- .nine.columns { width: grid-column-width(9); }
59
- .ten.columns { width: grid-column-width(10); }
60
- .eleven.columns { width: grid-column-width(11); }
61
- .twelve.columns { width: 100%; margin-left: 0; }
62
-
63
- .one-third.column { width: grid-column-width(4); }
64
- .two-thirds.column { width: grid-column-width(8); }
65
-
66
- .one-half.column { width: grid-column-width(6); }
67
-
68
-
69
- // Offsets
70
- .offset-by-one.column,
71
- .offset-by-one.columns { margin-left: grid-offset-length(1); }
72
- .offset-by-two.column,
73
- .offset-by-two.columns { margin-left: grid-offset-length(2); }
74
- .offset-by-three.column,
75
- .offset-by-three.columns { margin-left: grid-offset-length(3); }
76
- .offset-by-four.column,
77
- .offset-by-four.columns { margin-left: grid-offset-length(4); }
78
- .offset-by-five.column,
79
- .offset-by-five.columns { margin-left: grid-offset-length(5); }
80
- .offset-by-six.column,
81
- .offset-by-six.columns { margin-left: grid-offset-length(6); }
82
- .offset-by-seven.column,
83
- .offset-by-seven.columns { margin-left: grid-offset-length(7); }
84
- .offset-by-eight.column,
85
- .offset-by-eight.columns { margin-left: grid-offset-length(8); }
86
- .offset-by-nine.column,
87
- .offset-by-nine.columns { margin-left: grid-offset-length(9); }
88
- .offset-by-ten.column,
89
- .offset-by-ten.columns { margin-left: grid-offset-length(10); }
90
- .offset-by-eleven.column,
91
- .offset-by-eleven.columns { margin-left: grid-offset-length(11); }
92
-
93
-
94
- .offset-by-one-third.column,
95
- .offset-by-one-third.columns { margin-left: grid-offset-length(4); }
96
- .offset-by-two-thirds.column,
97
- .offset-by-two-thirds.columns { margin-left: grid-offset-length(8); }
98
-
99
- .offset-by-one-half.column,
100
- .offset-by-one-half.column { margin-left: grid-offset-length(6); }
101
-
102
-
103
- }
104
-
105
- // Clearing
106
- //––––––––––––––––––––––––––––––––––––––––––––––––––
107
-
108
- // Self Clearing Goodness
109
-
110
- .container:after,
111
- .row:after,
112
- .u-cf {
113
- content: "";
114
- display: table;
115
- clear: both;
116
- }