type-on-strap 1.3.0 → 1.4.1

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.
@@ -4,13 +4,21 @@ $font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
4
4
  $font-family-logo: 'Source Sans Pro', Helvetica, Arial, sans-serif;
5
5
  $font-size: 1.25em;
6
6
 
7
-
8
7
  // Padding
9
8
  $padding-x-large: 23%;
10
- $padding-large: 20%;
9
+ $padding-large: 9%;
11
10
  $padding-medium: 6%;
12
11
  $padding-small: 4%;
13
12
  $padding-x-small: 3%;
13
+ $title-padding: 0.5em;
14
+
15
+ // Mobile display
16
+ $xl-break: 2000px;
17
+ $l-break: 1400px;
18
+ $m-break: 1000px;
19
+ $break: 768px;
20
+ $sm-break: 576px;
21
+ $x-sm-break: 300px;
14
22
 
15
23
  // Brand colours
16
24
  $theme-color: #337ab7;
@@ -41,35 +49,29 @@ $feature-image-size: cover; // options include "cover", "contain", "auto"
41
49
  $header-desc-background-color: $theme-color;
42
50
  $header-desc-text-color: #FFF;
43
51
 
44
- // Mobile display
45
- $break: 768px;
46
- $sm-break: 450px;
47
-
48
52
  /* Syntax highlighting */
49
53
  // Syntax typography
50
54
  $monospace: Monaco, Consolas, "Lucida Console", monospace !default;
51
55
  $font-size-code: 0.75em !default; // ~12px
52
56
  $border-radius: 4px !default;
53
57
 
54
-
55
-
56
58
  // base16 Material Theme
57
- $base00: #263238 !default; // Default Background
58
- $base01: #2E3C43 !default; // Lighter Background (Used for status bars)
59
- $base02: #314549 !default; // Selection Background
60
- $base03: #546E7A !default; // Comments, Invisibles, Line Highlighting
61
- $base04: #B2CCD6 !default; // Dark Foreground (Used for status bars)
62
- $base05: #EEFFFF !default; // Default Foreground, Caret, Delimiters, Operators
63
- $base06: #EEFFFF !default; // Light Foreground (Not often used)
64
- $base07: #FFFFFF !default; // Light Background (Not often used)
65
- $base08: #F07178 !default; // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
66
- $base09: #F78C6C !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
67
- $base0a: #FFCB6B !default; // Classes, Markup Bold, Search Text Background
68
- $base0b: #98C379 !default; // Strings, Inherited Class, Markup Code, Diff Inserted
69
- $base0c: #89DDFF !default; // Support, Regular Expressions, Escape Characters, Markup Quotes
70
- $base0d: #82AAFF !default; // Functions, Methods, Attribute IDs, Headings
71
- $base0e: #C792EA !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
72
- $base0f: #FF5370 !default; // Deprecated, Opening/Closing Embedded Language Tags e.g.
59
+ $base00: #263238 !default; // Default Background
60
+ $base01: #2E3C43 !default; // Lighter Background (Used for status bars)
61
+ $base02: #314549 !default; // Selection Background
62
+ $base03: #546E7A !default; // Comments, Invisibles, Line Highlighting
63
+ $base04: #B2CCD6 !default; // Dark Foreground (Used for status bars)
64
+ $base05: #EEFFFF !default; // Default Foreground, Caret, Delimiters, Operators
65
+ $base06: #EEFFFF !default; // Light Foreground (Not often used)
66
+ $base07: #FFFFFF !default; // Light Background (Not often used)
67
+ $base08: #F07178 !default; // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
68
+ $base09: #F78C6C !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
69
+ $base0a: #FFCB6B !default; // Classes, Markup Bold, Search Text Background
70
+ $base0b: #98C379 !default; // Strings, Inherited Class, Markup Code, Diff Inserted
71
+ $base0c: #89DDFF !default; // Support, Regular Expressions, Escape Characters, Markup Quotes
72
+ $base0d: #82AAFF !default; // Functions, Methods, Attribute IDs, Headings
73
+ $base0e: #C792EA !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
74
+ $base0f: #FF5370 !default; // Deprecated, Opening/Closing Embedded Language Tags e.g.
73
75
 
74
76
 
75
77
 
@@ -2,7 +2,6 @@
2
2
  * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3
3
  * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4
4
  */
5
-
6
5
  @import "font-awesome/variables";
7
6
  @import "font-awesome/mixins";
8
7
  @import "font-awesome/path";
@@ -1,3 +1,7 @@
1
+ /*!
2
+ * Font: SIL OFL 1.1, CSS: MIT License
3
+ */
4
+
1
5
  $pacifico-font-path: "../../assets/fonts/pacifico" !default;
2
6
 
3
7
  @font-face {
@@ -3,7 +3,7 @@
3
3
  * (Font: SIL OFL 1.1, CSS: MIT License)
4
4
  */
5
5
 
6
- $ssp-font-path: "../../assets/fonts/source-sans-pro" !default;
6
+ $ssp-font-path: "../../assets/fonts/source-sans-pro" !default;
7
7
  /* latin */
8
8
  @font-face {
9
9
  font-family: 'Source Sans Pro';
@@ -42,4 +42,4 @@ $ssp-font-path: "../../assets/fonts/source-sans-pro" !default;
42
42
  font-weight: 700;
43
43
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url('#{$ssp-font-path}/source-sans-pro-bold.woff2') format("woff2");
44
44
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
45
- }
45
+ }
@@ -6,58 +6,60 @@
6
6
 
7
7
  div.highlighter-rouge,
8
8
  figure.highlight {
9
- position: relative;
10
- margin-bottom: 1em;
11
- background: $base00;
12
- color: $base05;
13
- font-family: $monospace;
14
- font-size: $font-size-code;
15
- line-height: 1.8;
16
- border-radius: $border-radius;
17
- > pre,
18
- pre.highlight {
19
- margin: 0;
20
- padding: 1em
21
- }
9
+ position: relative;
10
+ margin-bottom: 1em;
11
+ background: $base00;
12
+ color: $base05;
13
+ font-family: $monospace;
14
+ font-size: $font-size-code;
15
+ line-height: 1.8;
16
+ border-radius: $border-radius;
17
+
18
+ > pre,
19
+ pre.highlight {
20
+ margin: 0;
21
+ padding: 1em
22
+ }
22
23
  }
23
24
 
24
25
  code.highlighter-rouge {
25
- padding: 0.2em 0.4em;
26
- font-size: $font-size-code;
27
- background-color: transparentize($base00, 0.85);
28
- color: rgb(36, 41, 46);
29
- border-radius: 2px;
30
- font-family: $monospace;
26
+ padding: 0.2em 0.4em;
27
+ font-size: $font-size-code;
28
+ background-color: transparentize($base00, 0.85);
29
+ color: rgb(36, 41, 46);
30
+ border-radius: 2px;
31
+ font-family: $monospace;
31
32
  }
32
33
 
33
34
  .highlight table {
34
- margin-bottom: 0;
35
- font-size: 1em;
35
+ margin-bottom: 0;
36
+ font-size: 1em;
37
+ border: 0;
38
+
39
+ td {
40
+ padding: 0;
41
+ width: calc(100% - 1em);
36
42
  border: 0;
37
- td {
38
- padding: 0;
39
- width: calc(100% - 1em);
40
- border: 0;
41
- /* line numbers*/
42
- &.gutter,
43
- &.rouge-gutter {
44
- padding-right: 1em;
45
- width: 2em;
46
- color: $base04;
47
- border-right: 1px solid $base04;
48
- text-align: right
49
- }
50
-
51
- /* code */
52
- &.code,
53
- &.rouge-code {
54
- padding-left: 1em
55
- }
43
+ /* line numbers*/
44
+ &.gutter,
45
+ &.rouge-gutter {
46
+ padding-right: 1em;
47
+ width: 2em;
48
+ color: $base04;
49
+ border-right: 1px solid $base04;
50
+ text-align: right
56
51
  }
57
52
 
58
- pre {
59
- margin: 0
53
+ /* code */
54
+ &.code,
55
+ &.rouge-code {
56
+ padding-left: 1em
60
57
  }
58
+ }
59
+
60
+ pre {
61
+ margin: 0
62
+ }
61
63
  }
62
64
 
63
65
  .highlight pre{ width:100%}
@@ -131,56 +133,56 @@ code.highlighter-rouge {
131
133
 
132
134
  // Fix Github syntax display
133
135
  .gist .blob-num {
134
- width: 3.5% !important;
136
+ width: 3.5% !important;
135
137
  }
136
138
 
137
139
  // Fix nbconvert dataframe
138
140
  .dataframe tbody {
139
- font-size: 0.8em;
140
- border-color: white;
141
-
142
- tr{
143
- :nth-child(even) {
144
- background-color: #f8f8f8;
145
- }
146
-
147
- th {
148
- border-top: 0;
149
- border-left: 0;
150
- border-bottom: 0;
151
- }
152
-
153
-
154
- td {
155
- padding: 0;
156
- border: 0;
157
- text-align: center;
158
- }
141
+ font-size: 0.8em;
142
+ border-color: white;
143
+
144
+ tr {
145
+ :nth-child(even) {
146
+ background-color: #f8f8f8;
159
147
  }
160
-
161
-
162
- }
163
148
 
164
- .dataframe thead tr {
165
- :nth-child(n+2) {
166
- color: black;
167
- //width: 100px;
168
-
169
- font-size: 0.75em;
170
- text-align: center !important;
171
- border-top: 0;
172
- border-left: 0;
173
- border-right: 0;
149
+ th {
150
+ border-top: 0;
151
+ border-left: 0;
152
+ border-bottom: 0;
174
153
  }
175
-
176
- :first-child {
177
- border-top: 0;
178
- border-left: 0;
154
+
155
+
156
+ td {
157
+ padding: 0;
158
+ border: 0;
159
+ text-align: center;
179
160
  }
180
-
161
+ }
162
+
163
+
164
+ }
165
+
166
+ .dataframe thead tr {
167
+ :nth-child(n+2) {
168
+ color: black;
169
+ //width: 100px;
170
+
171
+ font-size: 0.75em;
172
+ text-align: center !important;
173
+ border-top: 0;
174
+ border-left: 0;
175
+ border-right: 0;
176
+ }
177
+
178
+ :first-child {
179
+ border-top: 0;
180
+ border-left: 0;
181
+ }
182
+
181
183
  }
182
184
 
183
185
  table.dataframe {
184
- border: 0 solid $border-color;
185
- border-collapse: collapse;
186
+ border: 0 solid $border-color;
187
+ border-collapse: collapse;
186
188
  }
@@ -2,7 +2,6 @@
2
2
  * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3
3
  * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4
4
  */
5
-
6
5
  @import "variables";
7
6
  @import "mixins";
8
7
  @import "path";
@@ -1,56 +1,48 @@
1
1
  /* --- Pagination --- */
2
2
  .pagination {
3
- padding: $padding-small $padding-large 0 $padding-large;
3
+ @extend %padding-nav;
4
+ display: inline-block;
5
+ text-align: center;
6
+ //margin-bottom: 2em;
7
+ width: 100%;
8
+ clear: both;
9
+
10
+ &:before {
11
+ content: '';
4
12
  display: inline-block;
5
- text-align: center;
6
- //margin-bottom: 2em;
7
- width: 100%;
8
- clear: both;
13
+ height: 100%;
14
+ vertical-align: middle;
15
+ }
9
16
 
10
- @media (max-width: 600px) {
11
- padding: $padding-small;
12
- }
17
+ .page_number {
18
+ display: inline-block;
19
+ vertical-align: sub;
13
20
 
14
- &:before {
15
- content: '';
16
- display: inline-block;
17
- height: 100%;
18
- vertical-align: middle;
21
+ @media (max-width: $x-sm-break) {
22
+ display: none;
19
23
  }
24
+ }
20
25
 
21
- .page_number {
22
- display: inline-block;
23
- vertical-align: sub;
26
+ .button {
27
+ margin: 0;
28
+ display: inline-block;
24
29
 
25
- @media (max-width: 254px) {
26
- display: none;
27
- }
30
+ .fa {
31
+ &.fa-chevron-right, &.fa-chevron-left {
32
+ font-size: initial;
33
+ }
28
34
  }
29
35
 
30
- .button {
31
- margin: 0em;
32
- display: inline;
33
-
34
- .fa {
35
- &.fa-chevron-right, &.fa-chevron-left {
36
- font-size: initial;
37
- }
38
- }
39
-
40
- i .fa-chevron-left .fa-chevron-right {
41
- vertical-align: inherit;
42
- }
43
-
44
- @media (max-width: $break) {
45
- display: table-cell;
46
- }
36
+ i .fa-chevron-left .fa-chevron-right {
37
+ vertical-align: inherit;
47
38
  }
39
+ }
48
40
 
49
- .previous {
50
- float: left;
51
- }
41
+ .previous {
42
+ float: left;
43
+ }
52
44
 
53
- .next {
54
- float: right;
55
- }
45
+ .next {
46
+ float: right;
47
+ }
56
48
  }
@@ -1,20 +1,23 @@
1
1
  .site-footer {
2
- @extend %padding-regular;
3
- display: inline-block;
4
- text-align: center;
5
- width: 100%;
6
- color: lighten($text-color, 24%);
7
- font-size: 0.9em;
2
+ @extend %padding-post;
3
+ display: inline-block;
4
+ text-align: center;
5
+ width: 100%;
6
+ color: lighten($text-color, 24%);
7
+ font-size: 0.9em;
8
8
 
9
- .footer-icons {
10
- ul {
11
- list-style: none;
12
- li {
13
- display: inline;
14
- }
15
- a:hover {
16
- color: darken($link-color, 15%);
17
- }
18
- }
9
+ .footer-icons {
10
+ ul {
11
+ list-style: none;
12
+ margin: 0;
13
+
14
+ li {
15
+ display: inline;
16
+ }
17
+
18
+ a:hover {
19
+ color: darken($link-color, 15%);
20
+ }
19
21
  }
22
+ }
20
23
  }