Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ba9079041b | ||
|
|
1ec7954277 | ||
|
|
b0ee45b4de | ||
|
|
acdd3443de | ||
|
|
8f483ae906 | ||
|
|
c415ed0bed | ||
|
|
a2cde2c7f9 | ||
|
|
19ace79114 | ||
|
|
af7c8a136a | ||
|
|
e2d0b00902 | ||
|
|
4462d77420 | ||
|
|
2598fbd6d4 | ||
|
|
9d994f621b | ||
|
|
b9d9dc11bf | ||
|
|
b600046247 | ||
|
|
b59d53e34b | ||
|
|
ba4a07d771 | ||
|
|
ecf22d2d38 | ||
|
|
be68ed4259 | ||
|
|
ed533591d0 | ||
|
|
264bc75963 | ||
|
|
d98808385f | ||
|
|
f711708abe | ||
|
|
3598e8ebf2 | ||
|
|
1c0f19158d | ||
|
|
63e2226054 | ||
|
|
fd2cc8ea53 | ||
|
|
46ad2cf4d4 | ||
|
|
344d52f4c6 | ||
|
|
6efa23ebd9 | ||
|
|
61bad6d0aa | ||
|
|
4f54154ee5 | ||
|
|
cd8fd82587 | ||
|
|
6fee80f754 | ||
|
|
176f972418 | ||
|
|
d90a3d521a | ||
|
|
ed840e9809 | ||
|
|
a86af6d6dc | ||
|
|
97387fa59a | ||
|
|
0ec52b57ce | ||
|
|
637d113179 | ||
|
|
fb9f13c624 | ||
|
|
3b65f1de8d | ||
|
|
474ed73228 | ||
|
|
cf9ac441bb | ||
|
|
b6ff1e5ce0 | ||
|
|
aa960cc57c | ||
|
|
a56161cc78 | ||
|
|
952a099313 | ||
|
|
f64b5f14d3 | ||
|
|
6993b9aac8 | ||
|
|
ba7e8e16c3 | ||
|
|
b75b33ed1a | ||
|
|
5de9991999 | ||
|
|
1be03e6335 | ||
|
|
527d187e82 | ||
|
|
8d5429bcc0 | ||
|
|
ca779e74cb | ||
|
|
046d93d05b | ||
|
|
f349dff2ee | ||
|
|
e305cc79f1 | ||
|
|
6b66bbe914 | ||
|
|
d200fb509d | ||
|
|
7d48f1cae1 | ||
|
|
c24aae3fad | ||
|
|
3c3634fe2c | ||
|
|
20e1c5953a | ||
|
|
51544d5c62 | ||
|
|
8fc3692e21 | ||
|
|
7de9152d0f | ||
|
|
614b6bdf92 | ||
|
|
a8d7bf2237 | ||
|
|
2691067e17 | ||
|
|
58b0f45c59 | ||
|
|
49d09c6c5b | ||
|
|
bbf3cbc5fd | ||
|
|
e8d9b18d17 | ||
|
|
1976b564e8 | ||
|
|
9634bb84fb | ||
|
|
6e0ef33ec7 | ||
|
|
cab1e50f50 | ||
|
|
7bc9e5a47b | ||
|
|
8a8235f8d7 | ||
|
|
b865158151 | ||
|
|
32a2e9d104 | ||
|
|
eaf50acea6 | ||
|
|
267d2c96a0 | ||
|
|
1c0f31d563 | ||
|
|
3f469f268f | ||
|
|
94d753378a | ||
|
|
569181c267 | ||
|
|
7a0f4dc87c | ||
|
|
8604294de8 | ||
|
|
e10501aaa4 | ||
|
|
3fb63f302d | ||
|
|
76b02a8c15 | ||
|
|
3e922ddf58 | ||
|
|
e3858f80e4 | ||
|
|
20ec5789f5 | ||
|
|
70ad1c2d8c | ||
|
|
13ca7629b0 | ||
|
|
27d6774b25 | ||
|
|
e2b50a355f | ||
|
|
0db0f31953 | ||
|
|
bd3e078ab8 | ||
|
|
6fe3b9cd1c | ||
|
|
14d3ed2f7b | ||
|
|
61e2a1aa47 | ||
|
|
f9f97d72e6 | ||
|
|
a9e0482077 | ||
|
|
3c5e913aaf | ||
|
|
eafdd4efc4 | ||
|
|
a736697d88 | ||
|
|
c40ce370fa | ||
|
|
fff5d1f60b | ||
|
|
b4f8096e37 | ||
|
|
b51661e098 | ||
|
|
c5ebfac0e6 | ||
|
|
d95cfbc58e | ||
|
|
c69bf6ca8f | ||
|
|
7bf2b58ede | ||
|
|
a94478da59 | ||
|
|
df61273db7 | ||
|
|
a7b4e964e7 | ||
|
|
7e6a46c447 | ||
|
|
6839069b9b | ||
|
|
457a96a07c | ||
|
|
186a98a4c5 | ||
|
|
6399e8c9ea | ||
|
|
dbdd741898 | ||
|
|
1607632c44 | ||
|
|
5edab731e5 | ||
|
|
e68f2c1601 | ||
|
|
2651c0c27d | ||
|
|
9002a8ff5d | ||
|
|
eb3efc28d5 | ||
|
|
d83e922b96 | ||
|
|
d7c365efa8 | ||
|
|
1ad02b9022 | ||
|
|
979ef26ac6 | ||
|
|
9ca57649c1 | ||
|
|
3d7ea760a2 | ||
|
|
5490b6f46a | ||
|
|
11d67b6fa1 | ||
|
|
4668761456 | ||
|
|
c2a4381d61 | ||
|
|
af74703d2e | ||
|
|
8667ed6916 | ||
|
|
b834035abb | ||
|
|
881337707c | ||
|
|
c2d9791a9b | ||
|
|
0609e16b19 | ||
|
|
1ba85c51b0 | ||
|
|
77c40093a4 | ||
|
|
c30b2fc60b | ||
|
|
b100809c1e | ||
|
|
ba37d523d3 | ||
|
|
7eb00bbd61 | ||
|
|
973520759c | ||
|
|
6101e81d55 | ||
|
|
8d918dadc4 | ||
|
|
33ad934f17 | ||
|
|
87731836ee | ||
|
|
634d2884a2 | ||
|
|
cd896b15d8 | ||
|
|
e9137e591b | ||
|
|
79a8beb61b | ||
|
|
7b3ddfefdf | ||
|
|
1fcda6f988 | ||
|
|
5d022e03d0 | ||
|
|
599712ed58 | ||
|
|
a9cad4f066 | ||
|
|
a612808f2a | ||
|
|
ed7c12b20b | ||
|
|
75b2d514c2 | ||
|
|
01c5700acd | ||
|
|
409d9691b0 | ||
|
|
cb5d8d4ee0 | ||
|
|
1b3cc608bb | ||
|
|
7c2273f23d | ||
|
|
02c109d24f | ||
|
|
da72581be3 | ||
|
|
187c3c38a2 | ||
|
|
28e2885a68 | ||
|
|
281c1288c2 | ||
|
|
c4d14f68f6 | ||
|
|
7f6efbb744 | ||
|
|
696d589fdd | ||
|
|
cb75bc8aed | ||
|
|
f94bc7fbe8 | ||
|
|
0841d49653 | ||
|
|
21a4da0e47 | ||
|
|
fa3647172d | ||
|
|
df2e2c23b3 | ||
|
|
931eedaefa | ||
|
|
f39b15a362 | ||
|
|
19f6d32745 | ||
|
|
7e8700df75 | ||
|
|
2a5cda62b1 | ||
|
|
cc3b21bc86 | ||
|
|
7978376df0 | ||
|
|
1ca7a00d37 | ||
|
|
a4fceb8ac1 | ||
|
|
b291021c2a | ||
|
|
423ba0a18f | ||
|
|
079b3718cb | ||
|
|
f8bb3422ba | ||
|
|
ea5d8fc0b2 | ||
|
|
4196f59c8e | ||
|
|
c4e1cd2e75 | ||
|
|
b6fd84ede1 | ||
|
|
5eefba1bf0 | ||
|
|
95a8c96ce0 | ||
|
|
4a24be73b8 | ||
|
|
6ca184b453 | ||
|
|
a96df5197d | ||
|
|
6d9db31ef0 | ||
|
|
4172237709 | ||
|
|
c36d305fa9 | ||
|
|
41250e7f35 | ||
|
|
cba9e9fbfd | ||
|
|
e09753fa0a | ||
|
|
b4a38ce912 | ||
|
|
3bc95b0343 | ||
|
|
257cc4a7c4 | ||
|
|
47f537b40d | ||
|
|
d535c5d5f6 | ||
|
|
c050f1322d | ||
|
|
d4d716efa3 | ||
|
|
50166ce705 | ||
|
|
d6be62720d | ||
|
|
cf9a908697 | ||
|
|
b111ec17a9 | ||
|
|
9e1a8ec45b | ||
|
|
fc852d3d47 | ||
|
|
7ab03b7192 | ||
|
|
d980884d59 | ||
|
|
061103112e | ||
|
|
e05159c290 | ||
|
|
9529319d78 | ||
|
|
5f3f142c45 | ||
|
|
d9a5efc666 | ||
|
|
61a6ac509a | ||
|
|
869a0e5b73 | ||
|
|
8cc4e0bf48 | ||
|
|
7afdd57c8a | ||
|
|
866fb17d9e | ||
|
|
4b2487722c | ||
|
|
d464128e65 | ||
|
|
f306f11b3f | ||
|
|
181b90e1fb | ||
|
|
fc8ca433c5 | ||
|
|
52f245152d | ||
|
|
9af1e8d548 | ||
|
|
838c9b4788 | ||
|
|
8974732330 | ||
|
|
66db4b92b9 | ||
|
|
fce0c55f2b | ||
|
|
ab09e1bb43 | ||
|
|
cfbec6b90f | ||
|
|
ac929052dd | ||
|
|
6030450ac1 | ||
|
|
7fed4e8eb7 | ||
|
|
5ed73b3f16 | ||
|
|
bf2ac18bcd | ||
|
|
93119a084a | ||
|
|
705c93a08c | ||
|
|
0761cac562 | ||
|
|
05dafce68f | ||
|
|
aeebfaa87c | ||
|
|
3282387b42 | ||
|
|
8d637e0ae3 | ||
|
|
e122e155cc | ||
|
|
ea985a06ec | ||
|
|
3b15297045 | ||
|
|
ab6c416e7e | ||
|
|
9d9e5b7a97 | ||
|
|
2996f08852 | ||
|
|
902f26edb8 | ||
|
|
2ae600eb19 | ||
|
|
370c422a4d | ||
|
|
1f5a89fb9d | ||
|
|
f3fbe28e75 | ||
|
|
4736eb1da0 | ||
|
|
cf604ec33b | ||
|
|
cc2d8ea71d | ||
|
|
a5ca35337b | ||
|
|
3dde1cc729 | ||
|
|
ea6740a5da | ||
|
|
33316e3d25 | ||
|
|
6112dba29e | ||
|
|
fbfc2f9eef | ||
|
|
a3c6a6191f | ||
|
|
d81af1f103 | ||
|
|
e194bc0c7e | ||
|
|
c0cd6d0058 | ||
|
|
2b366ab4e1 | ||
|
|
37aad5d476 | ||
|
|
b8afafb3a2 | ||
|
|
6beaf7099c | ||
|
|
8dcd353e90 | ||
|
|
d5505d2b6f | ||
|
|
84b21b06b7 | ||
|
|
c19db78c5c | ||
|
|
58b8cf8416 | ||
|
|
1570e85fb1 | ||
|
|
7845654225 | ||
|
|
38c2bdbfd8 | ||
|
|
8fc9bccda8 | ||
|
|
93c4fbc4b9 | ||
|
|
d67aa113c8 | ||
|
|
1a2a953dfb | ||
|
|
338df4eb50 | ||
|
|
e0e0fdee4c | ||
|
|
a369b0dc75 | ||
|
|
0883904f95 | ||
|
|
1cc8461f27 | ||
|
|
46c172e041 | ||
|
|
611cecc51a | ||
|
|
b5e1eeb007 | ||
|
|
dc47f82af2 | ||
|
|
f94cbe0296 | ||
|
|
f9132d8998 | ||
|
|
2080469952 | ||
|
|
5d2f34a2d2 | ||
|
|
5e7e15bad9 | ||
|
|
c863ba6e54 | ||
|
|
b814f306d8 | ||
|
|
c4ca06f4b9 | ||
|
|
e8d83de8b7 | ||
|
|
f19e74bc8f | ||
|
|
37da7829cd | ||
|
|
0a9ad5d243 | ||
|
|
d28cb4dea5 | ||
|
|
6c21194c44 | ||
|
|
7bf33e85b9 | ||
|
|
866765b324 | ||
|
|
dddf8656f3 | ||
|
|
4a95a539cb | ||
|
|
9b52f9c61d | ||
|
|
5d5b05d2a2 | ||
|
|
f6ed6f6225 | ||
|
|
c21fa07753 | ||
|
|
3f3145a350 | ||
|
|
12f713677d | ||
|
|
eb1f445050 | ||
|
|
6885a127d7 | ||
|
|
1b311f428f | ||
|
|
78d0b946f7 | ||
|
|
0d87190f36 | ||
|
|
7c863f0094 | ||
|
|
4709e96383 | ||
|
|
0ff9619416 | ||
|
|
38f9861ff2 | ||
|
|
43d05a5718 | ||
|
|
fc193d0b54 | ||
|
|
71f0a2356a | ||
|
|
4a4a2fdbfc | ||
|
|
0e9ebc48cb | ||
|
|
6ed7eab9f8 | ||
|
|
20821e67b0 | ||
|
|
1f4f71636d | ||
|
|
bb39afa125 | ||
|
|
2939d45ecc | ||
|
|
ded8afcc32 | ||
|
|
102cbc8b10 | ||
|
|
46d8cb5efd | ||
|
|
1629f0e4a7 | ||
|
|
0cad75fbb3 | ||
|
|
1509ef7911 | ||
|
|
45c491bec7 | ||
|
|
1cb4f9ebb8 | ||
|
|
d277353c54 | ||
|
|
87c4bbe8be | ||
|
|
ef510063df | ||
|
|
38272fc6b8 | ||
|
|
874326cc41 | ||
|
|
3a632a62e8 | ||
|
|
247bcde42e | ||
|
|
10bc756932 | ||
|
|
3e781220a1 | ||
|
|
0720e42251 | ||
|
|
f1afdf0397 | ||
|
|
1610ed853c | ||
|
|
173f184047 | ||
|
|
91f38f4450 | ||
|
|
192549ef25 | ||
|
|
d59818981b | ||
|
|
46a294b568 | ||
|
|
8e598766f7 | ||
|
|
f372191de5 | ||
|
|
1f5e6609b3 | ||
|
|
bb402eaa46 | ||
|
|
fb0164b0ca | ||
|
|
bc53150b28 | ||
|
|
f9de95a8ad | ||
|
|
3b3905c44f | ||
|
|
edba2c3a88 | ||
|
|
e242554e55 | ||
|
|
709a1e8583 | ||
|
|
1205a8c46c | ||
|
|
67ec264d08 | ||
|
|
13e299a8f3 | ||
|
|
d8be6fd2b5 | ||
|
|
65a3d68dec | ||
|
|
f7a1b1a160 | ||
|
|
cb8cb6f41e | ||
|
|
47a05f3f00 | ||
|
|
6b9afaa8b7 | ||
|
|
15c3abe48b | ||
|
|
4ba7cccdc4 | ||
|
|
e2559db182 | ||
|
|
5a5921474c | ||
|
|
9c318fc3f1 | ||
|
|
b7cc337a77 | ||
|
|
057d3190ea | ||
|
|
f0b979d375 | ||
|
|
3395149c4d | ||
|
|
a7475d3334 | ||
|
|
7a72be67ec | ||
|
|
8b2850c9f9 | ||
|
|
48e2006622 | ||
|
|
100da8b5b2 | ||
|
|
5b4baee3b5 | ||
|
|
822fa4d1f8 | ||
|
|
bf9387c71f | ||
|
|
8eabf8920e | ||
|
|
bb871377bd | ||
|
|
387f8149d6 | ||
|
|
52a791f40b | ||
|
|
97b37ba863 | ||
|
|
5843de91c2 | ||
|
|
c337c7964a | ||
|
|
1d4daaa545 | ||
|
|
1f760c8d1b | ||
|
|
88b80c4f76 | ||
|
|
fe9f90f000 | ||
|
|
031c2aa77e | ||
|
|
3e347970c7 | ||
|
|
984f0dfda7 | ||
|
|
0f2d564837 | ||
|
|
e912ed5b98 | ||
|
|
6d018c1891 | ||
|
|
50b80e95d1 | ||
|
|
8b2837a1bf | ||
|
|
261fb159dd | ||
|
|
2feb3d2ab4 | ||
|
|
160be1dd0b | ||
|
|
8c3fdb2382 | ||
|
|
951b2c7002 | ||
|
|
23447d98ee | ||
|
|
fae4398544 | ||
|
|
71966b688b | ||
|
|
1ef63b55e5 | ||
|
|
b1a5a14173 | ||
|
|
ca6e7e3426 | ||
|
|
bf6bd617e2 | ||
|
|
537d0b28d4 | ||
|
|
cae210c4b9 | ||
|
|
c142f94918 | ||
|
|
d92c75a6b6 | ||
|
|
fc5db3f5d5 | ||
|
|
ab0919cd5c | ||
|
|
4ed938c0ce | ||
|
|
9affa1c82f | ||
|
|
f5f3f2e9d9 | ||
|
|
99ce8ed421 | ||
|
|
0319732b8e | ||
|
|
94dcda2d89 | ||
|
|
8e51d4b8f1 | ||
|
|
7a7428c2f0 | ||
|
|
ede0654d4f | ||
|
|
610e64bb7d | ||
|
|
399cd19472 | ||
|
|
262b6f3c4a | ||
|
|
7b26077a11 | ||
|
|
23349e14f8 | ||
|
|
631db9940c | ||
|
|
cd61120374 | ||
|
|
9de3cade3b | ||
|
|
8ed48c1cd5 | ||
|
|
de3954ac99 | ||
|
|
ec5b255bfb | ||
|
|
63d8d74697 | ||
|
|
0c43a33a3d | ||
|
|
b3410ed8b2 | ||
|
|
69b747474d | ||
|
|
bb01fc8c32 | ||
|
|
55c4f91b8e | ||
|
|
53d4e34ab0 | ||
|
|
47bf229364 | ||
|
|
128977691a | ||
|
|
8494157e64 |
+5
-4
@@ -1,5 +1,6 @@
|
|||||||
_assets/css/vendor/* linguist-vendored
|
|
||||||
_assets/js/plugins/* linguist-vendored
|
|
||||||
_assets/js/vendor/* linguist-vendored
|
|
||||||
assets/fonts/* linguist-vendored
|
assets/fonts/* linguist-vendored
|
||||||
assets/js/vendor/* linguist-vendored
|
assets/js/main.min.js linguist-vendored
|
||||||
|
assets/js/lunr/* linguist-vendored
|
||||||
|
assets/js/plugins/* linguist-vendored
|
||||||
|
assets/js/vendor/* linguist-vendored
|
||||||
|
_sass/minimal-mistakes/vendor/* linguist-vendored
|
||||||
|
|||||||
+25
-12
@@ -2,28 +2,31 @@
|
|||||||
Before submitting please search open and closed issues at
|
Before submitting please search open and closed issues at
|
||||||
https://github.com/mmistakes/minimal-mistakes/issues to avoid duplication.
|
https://github.com/mmistakes/minimal-mistakes/issues to avoid duplication.
|
||||||
|
|
||||||
Feel free to use the following as a template and remove or add fields as you see fit. You can convert `[ ]` into `[x]` to check boxes.
|
Feel free to use the following as a template and remove or add fields as you
|
||||||
|
see fit. You can convert `[ ]` into `[x]` completed check boxes.
|
||||||
-->
|
-->
|
||||||
|
|
||||||
- [ ] This is a question about using the theme.
|
- [ ] This is a question about using the theme.
|
||||||
- [ ] This is a feature request.
|
- [ ] This is a feature request or enhancement.
|
||||||
- [ ] I have updated all gems with `bundle update`.
|
- [ ] I believe this to be a bug with the theme.
|
||||||
- [ ] I have tested locally with `bundle exec jekyll build`.
|
- [ ] I am using the latest version of the theme.
|
||||||
- [ ] I believe this to be a bug with the theme --- not Jekyll, GitHub Pages or one of the bundled plugins.
|
- [ ] I have updated all gems with `bundle update`.
|
||||||
|
- [ ] I have tested locally with `bundle exec jekyll build`.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Environment informations
|
## Environment informations
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Please include theme version, `github-pages --version`, and the operating system you are on or tested with.
|
Please include theme version, Jekyll version, whether you are hosting with
|
||||||
|
GitHub Pages, and the operating system you are on or tested with.
|
||||||
-->
|
-->
|
||||||
|
|
||||||
- **Minimal Mistakes version:**
|
- **Minimal Mistakes version:**
|
||||||
- **`github-pages` or `jekyll` gem version:**
|
- **Jekyll version:**
|
||||||
|
- **GitHub Pages hosted:** yes/no
|
||||||
- **Operating system:**
|
- **Operating system:**
|
||||||
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Expected behavior
|
## Expected behavior
|
||||||
@@ -35,11 +38,21 @@
|
|||||||
## Steps to reproduce the behavior
|
## Steps to reproduce the behavior
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Include a link to a public repository or ZIP file so that they can more easily be reproduced. Being able to see your actual files helps troubleshooting as most issues stem from missing YAML Front Matter, a mis-configured `_config.sys` file, or `_posts` content.
|
Include a link to a public repository or ZIP file so that the behavior or bug
|
||||||
|
can easily be reproduced. Being able to see your actual files helps with
|
||||||
|
troubleshooting as most issues stem from invalid/missing YAML Front Matter, a
|
||||||
|
mis-configured _config.sys file, or problematic site content.
|
||||||
|
|
||||||
Describe the steps you took for this problem to exist. Such as you cloned the theme, customized `_config.yml`, added your own posts, and started up a Jekyll server locally.
|
Describe the steps you took for this problem to exist. Such as: you cloned the
|
||||||
|
theme, customized _config.yml, added your own posts, and started up a Jekyll
|
||||||
|
server locally.
|
||||||
|
|
||||||
If an error occurred on GitHub Pages when pushing, please build locally and provide a complete log by running `bundle exec jekyll --trace --verbose` and including this output in the filed issue.
|
If an error occurred on GitHub Pages when pushing, please test a local version
|
||||||
|
following these setup instructions:
|
||||||
|
https://help.github.com/articles/setting-up-your-github-pages-site-locally-with-jekyll/
|
||||||
|
|
||||||
|
Then provide a complete log by running `bundle exec jekyll build --trace --verbose`
|
||||||
|
and include this output in the filed issue.
|
||||||
|
|
||||||
Screenshots can also be included if they help illustrate a behavior.
|
Screenshots can also be included if they help illustrate a behavior.
|
||||||
-->
|
-->
|
||||||
|
|||||||
@@ -0,0 +1,22 @@
|
|||||||
|
# Number of days of inactivity before an issue becomes stale
|
||||||
|
daysUntilStale: 30
|
||||||
|
# Number of days of inactivity before a stale issue is closed
|
||||||
|
daysUntilClose: 7
|
||||||
|
# Issues with these labels will never be considered stale
|
||||||
|
exemptLabels:
|
||||||
|
- "Status: Accepted"
|
||||||
|
- "Status: Under Consideration"
|
||||||
|
- "Status: Review Needed"
|
||||||
|
# Label to use when marking an issue as stale
|
||||||
|
staleLabel: "Status: Stale"
|
||||||
|
# Comment to post when marking an issue as stale. Set to `false` to disable
|
||||||
|
markComment: |
|
||||||
|
This issue has been automatically marked as stale because it has not had recent activity.
|
||||||
|
|
||||||
|
If this is a **bug** and you can still reproduce this error on the `master` branch, please reply with any additional information you have about it in order to keep the issue open.
|
||||||
|
|
||||||
|
If this is a feature request, please consider whether it can be accomplished in another way. If it cannot, please elaborate on why it is core to this project and why you feel more than 80% of users would find this beneficial.
|
||||||
|
|
||||||
|
This issue will automatically be closed in 7 days if no further activity occurs. Thank you for all your contributions.
|
||||||
|
# Comment to post when closing a stale issue. Set to `false` to disable
|
||||||
|
closeComment: false
|
||||||
+496
-255
File diff suppressed because it is too large
Load Diff
+44
-2
@@ -1,6 +1,6 @@
|
|||||||
The MIT License (MIT)
|
The MIT License (MIT)
|
||||||
|
|
||||||
Copyright (c) 2017 Michael Rose
|
Copyright (c) 2013-2018 Michael Rose and contributors
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
@@ -18,4 +18,46 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
SOFTWARE.
|
SOFTWARE.
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates icons from [The Noun Project](https://thenounproject.com/)
|
||||||
|
creators Garrett Knoll, Arthur Shlain, and Tracy Tam.
|
||||||
|
Icons are distributed under Creative Commons Attribution 3.0 United States (CC BY 3.0 US).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Font Awesome](http://fontawesome.io/),
|
||||||
|
Copyright (c) 2017 Dave Gandy.
|
||||||
|
Font Awesome is distributed under the terms of the [SIL OFL 1.1](http://scripts.sil.org/OFL)
|
||||||
|
and [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates photographs from [Unsplash](https://unsplash.com).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Susy](http://susy.oddbird.net/),
|
||||||
|
Copyright (c) 2017, Miriam Eric Suzanne.
|
||||||
|
Susy is distributed under the terms of the [BSD 3-clause "New" or "Revised" License](https://opensource.org/licenses/BSD-3-Clause).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Breakpoint](http://breakpoint-sass.com/).
|
||||||
|
Breakpoint is distributed under the terms of the [MIT/GPL Licenses](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [FitVids.js](https://github.com/davatron5000/FitVids.js/),
|
||||||
|
Copyright (c) 2013 Dave Rubert and Chris Coyier.
|
||||||
|
FitVids is distributed under the terms of the [WTFPL License](http://sam.zoy.org/wtfpl/).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/),
|
||||||
|
Copyright (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com.
|
||||||
|
Magnific Popup is distributed under the terms of the MIT License.
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [jQuery Smooth Scroll](https://github.com/kswedberg/jquery-smooth-scroll),
|
||||||
|
Copyright (c) 2017 Karl Swedberg.
|
||||||
|
jQuery Smooth Scroll is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [GreedyNav.js](https://github.com/lukejacksonn/GreedyNav),
|
||||||
|
Copyright (c) 2015 Luke Jackson.
|
||||||
|
GreedyNav.js is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Jekyll Group-By-Array](https://github.com/mushishi78/jekyll-group-by-array),
|
||||||
|
Copyright (c) 2015 Max White <mushishi78@gmail.com>.
|
||||||
|
Jekyll Group-By-Array is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Lunr](http://lunrjs.com),
|
||||||
|
Copyright (c) 2017 Oliver Nightingale.
|
||||||
|
Lunr is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|||||||
@@ -1,12 +1,13 @@
|
|||||||
# [Minimal Mistakes Jekyll Theme](https://mmistakes.github.io/minimal-mistakes/)
|
# [Minimal Mistakes Jekyll Theme](https://mmistakes.github.io/minimal-mistakes/)
|
||||||
|
|
||||||
[](https://github.com/mmistakes/minimal-mistakes/releases) [](https://raw.githubusercontent.com/mmistakes/minimal-mistakes/master/LICENSE)
|
[](https://raw.githubusercontent.com/mmistakes/minimal-mistakes/master/LICENSE.txt)
|
||||||
|
[](https://jekyllrb.com/)
|
||||||
|
[](https://rubygems.org/gems/minimal-mistakes-jekyll)
|
||||||
|
[](https://www.paypal.me/mmistakes)
|
||||||
|
|
||||||
Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your personal site, blog, or portfolio on GitHub or self-hosting on your own server. As the name implies --- styling is purposely minimalistic to be enhanced and customized by you :smile:.
|
Minimal Mistakes is a flexible two-column Jekyll theme. Perfect for hosting your personal site, blog, or portfolio on GitHub or self-hosting on your own server. As the name implies --- styling is purposely minimalistic to be enhanced and customized by you :smile:.
|
||||||
|
|
||||||
See what's new in the [CHANGELOG](CHANGELOG.md).
|
:sparkles: See what's new in the [CHANGELOG](CHANGELOG.md).
|
||||||
|
|
||||||
:sparkles: Minimal Mistakes is now available as a [Ruby gem](https://rubygems.org/gems/minimal-mistakes-jekyll). Consult the [Quick-Start Guide](https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/) and [this blog post](https://mmistakes.github.io/minimal-mistakes/jekyll/gemified-theme-beta/) to learn how to upgrade.
|
|
||||||
|
|
||||||
[![Minimal Mistakes live preview][2]][1]
|
[![Minimal Mistakes live preview][2]][1]
|
||||||
|
|
||||||
@@ -17,15 +18,32 @@ See what's new in the [CHANGELOG](CHANGELOG.md).
|
|||||||
|
|
||||||
## Notable Features
|
## Notable Features
|
||||||
|
|
||||||
- "Gemified" for easier install/upgrading
|
- Bundled as a "theme gem" for easier install/upgrading.
|
||||||
- Compatible with Jekyll 3.x and GitHub Pages
|
- Compatible with GitHub Pages.
|
||||||
- Support for Jekyll's built-in Sass/SCSS preprocessor
|
- Support for Jekyll's built-in Sass/SCSS preprocessor.
|
||||||
- Several responsive layout options (single, archive index, splash, and paginated home page)
|
- Nine different skins (color variations).
|
||||||
- SEO optimized with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
|
- Several responsive layout options (single, archive index, search, splash, and paginated home page).
|
||||||
|
- Optimized for search engines with support for [Twitter Cards](https://dev.twitter.com/cards/overview) and [Open Graph](http://ogp.me/) data
|
||||||
- Optional [header images](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#headers), [custom sidebars](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#sidebars), [table of contents](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#table-of-contents), [galleries](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#gallery), related posts, [breadcrumb links](https://mmistakes.github.io/minimal-mistakes/docs/configuration/#breadcrumb-navigation-beta), [navigation lists](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#navigation-list), and more.
|
- Optional [header images](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#headers), [custom sidebars](https://mmistakes.github.io/minimal-mistakes/docs/layouts/#sidebars), [table of contents](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#table-of-contents), [galleries](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#gallery), related posts, [breadcrumb links](https://mmistakes.github.io/minimal-mistakes/docs/configuration/#breadcrumb-navigation-beta), [navigation lists](https://mmistakes.github.io/minimal-mistakes/docs/helpers/#navigation-list), and more.
|
||||||
- Commenting support (powered by [Disqus](https://disqus.com/), [Facebook](https://developers.facebook.com/docs/plugins/comments), Google+, [Discourse](https://www.discourse.org/), static-based via [Staticman](https://staticman.net/), and custom).
|
- Commenting support (powered by [Disqus](https://disqus.com/), [Facebook](https://developers.facebook.com/docs/plugins/comments), Google+, [Discourse](https://www.discourse.org/), static-based via [Staticman v1 and v2](https://staticman.net/), and custom).
|
||||||
- [Google Analytics](https://www.google.com/analytics/) support.
|
- [Google Analytics](https://www.google.com/analytics/) support.
|
||||||
- UI localized text in English (default), Brazilian Portuguese, Chinese, French, German, Italian, Korean, Nepali (Nepalese), Russian, Spanish, and Turkish
|
- UI localized text in English (default), Brazilian Portuguese (Português brasileiro), Chinese, Danish, Dutch, French (Français), German (Deutsch), Greek, Indonesian, Italian (Italiano), Japanese, Korean, Nepali (Nepalese), Polish, Russian, Spanish (Español), Swedish, Turkish (Türkçe), and Vietnamese.
|
||||||
|
|
||||||
|
## Skins (Color Variations)
|
||||||
|
|
||||||
|
This theme comes in nine different skins (including the default one).
|
||||||
|
|
||||||
|
| `air` | `contrast` | `dark` |
|
||||||
|
| --- | --- | --- |
|
||||||
|
|  |  |  |
|
||||||
|
|
||||||
|
| `dirt` | `mint` | `sunrise` |
|
||||||
|
| --- | --- | --- |
|
||||||
|
|  |  |  |
|
||||||
|
|
||||||
|
| `aqua` | `neon` | `plum` |
|
||||||
|
| --- | --- | --- |
|
||||||
|
|  |  |  |
|
||||||
|
|
||||||
## Demo Pages
|
## Demo Pages
|
||||||
|
|
||||||
@@ -37,7 +55,7 @@ See what's new in the [CHANGELOG](CHANGELOG.md).
|
|||||||
| [Post with a Gallery][gallery-post] | A post showing several images wrapped in `<figure>` elements. |
|
| [Post with a Gallery][gallery-post] | A post showing several images wrapped in `<figure>` elements. |
|
||||||
| [Sample Collection Page][sample-collection] | Single page from a collection. |
|
| [Sample Collection Page][sample-collection] | Single page from a collection. |
|
||||||
| [Categories Archive][categories-archive] | Posts grouped by category. |
|
| [Categories Archive][categories-archive] | Posts grouped by category. |
|
||||||
| [Tags Archive][tags-archive] | Posts grouped by tags. |
|
| [Tags Archive][tags-archive] | Posts grouped by tag. |
|
||||||
|
|
||||||
Additional sample posts are available under [posts archive][year-archive] on the demo site. Source files for these (and the entire demo site) can be found in [`/docs`](docs).
|
Additional sample posts are available under [posts archive][year-archive] on the demo site. Source files for these (and the entire demo site) can be found in [`/docs`](docs).
|
||||||
|
|
||||||
@@ -50,34 +68,54 @@ Additional sample posts are available under [posts archive][year-archive] on the
|
|||||||
[tags-archive]: https://mmistakes.github.io/minimal-mistakes/tags/
|
[tags-archive]: https://mmistakes.github.io/minimal-mistakes/tags/
|
||||||
[year-archive]: https://mmistakes.github.io/minimal-mistakes/year-archive/
|
[year-archive]: https://mmistakes.github.io/minimal-mistakes/year-archive/
|
||||||
|
|
||||||
## Usage
|
## Installation
|
||||||
|
|
||||||
For detailed instructions on how to configure, customize, add content, and more read the [theme's documentation](https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/).
|
There are three ways to install the theme: as a Ruby gem (for self-hosted sites), as a Ruby gem + jekyll-remote-theme plugin (GitHub Pages hosted sites), or forking/directly copying all of the theme files into your project.
|
||||||
|
|
||||||
**Note:** Gem version of the theme requires Jekyll v3.3+ and is not currently supported on [GitHub Pages](https://pages.github.com/). You can still use the theme with GitHub Pages, you'll just need to install using the old "[repo fork method](https://mmistakes.github.io/minimal-mistakes/docs/installation/)".
|
### Ruby Gem Method
|
||||||
|
|
||||||
## Quick Start
|
1. Install the theme as a Ruby Gem by adding it to your `Gemfile` like so:
|
||||||
|
|
||||||
Add this line to your Jekyll site's `Gemfile`:
|
```ruby
|
||||||
|
gem "minimal-mistakes-jekyll"
|
||||||
|
```
|
||||||
|
|
||||||
```ruby
|
2. Fetch and update bundled gems by running the following [Bundler](http://bundler.io/) command:
|
||||||
gem "minimal-mistakes-jekyll"
|
|
||||||
```
|
|
||||||
|
|
||||||
Add this line to your Jekyll site's `_config.yml` file:
|
```bash
|
||||||
|
bundle
|
||||||
|
```
|
||||||
|
|
||||||
```yaml
|
3. Set the `theme` in your project's Jekyll `_config.yml` file:
|
||||||
theme: minimal-mistakes-jekyll
|
|
||||||
```
|
|
||||||
|
|
||||||
Then run Bundler to install the theme gem and dependencies:
|
```yaml
|
||||||
|
theme: minimal-mistakes-jekyll
|
||||||
```bash
|
```
|
||||||
bundle install
|
|
||||||
```
|
|
||||||
|
|
||||||
To update the theme run `bundle update`.
|
To update the theme run `bundle update`.
|
||||||
|
|
||||||
|
### GitHub Pages Method
|
||||||
|
|
||||||
|
1. Create/replace the contents of your `Gemfile` with the following:
|
||||||
|
|
||||||
|
```ruby
|
||||||
|
source "https://rubygems.org"
|
||||||
|
|
||||||
|
gem "github-pages", group: :jekyll_plugins
|
||||||
|
```
|
||||||
|
|
||||||
|
2. Fetch and update bundled gems by running the following [Bundler](http://bundler.io/) command:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
bundle
|
||||||
|
```
|
||||||
|
|
||||||
|
3. Add `remote_theme: "mmistakes/minimal-mistakes"` to your `_config.yml` file. Remove any other `theme:` or `remote_theme:` entry.
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
For detailed instructions on how to configure, customize, add/migrate content, and more read the [theme's documentation](https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/).
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
@@ -93,8 +131,8 @@ This goes for author sidebar links and "share button" additions -- I have no int
|
|||||||
When submitting a pull request:
|
When submitting a pull request:
|
||||||
|
|
||||||
1. Clone the repo.
|
1. Clone the repo.
|
||||||
2. Create a branch off of `master` and give it a meaningful name (e.g. `my-awesome-new-feature`) and describe the feature or fix.
|
2. Create a branch off of `master` and give it a meaningful name (e.g. `my-awesome-new-feature`).
|
||||||
3. Open a pull request on GitHub.
|
3. Open a pull request on GitHub and describe the feature or fix.
|
||||||
|
|
||||||
Theme documentation and demo pages can be found in the [`/docs`](docs) if submitting improvements, typo corrections, etc.
|
Theme documentation and demo pages can be found in the [`/docs`](docs) if submitting improvements, typo corrections, etc.
|
||||||
|
|
||||||
@@ -119,7 +157,7 @@ To test the theme, run `bundle exec rake preview` and open your browser at `http
|
|||||||
### Icons + Demo Images:
|
### Icons + Demo Images:
|
||||||
|
|
||||||
- [The Noun Project](https://thenounproject.com) -- Garrett Knoll, Arthur Shlain, and [tracy tam](https://thenounproject.com/tracytam)
|
- [The Noun Project](https://thenounproject.com) -- Garrett Knoll, Arthur Shlain, and [tracy tam](https://thenounproject.com/tracytam)
|
||||||
- [Font Awesome](http://fortawesome.github.io/Font-Awesome/)
|
- [Font Awesome](http://fontawesome.io/)
|
||||||
- [Unsplash](https://unsplash.com/)
|
- [Unsplash](https://unsplash.com/)
|
||||||
|
|
||||||
### Other:
|
### Other:
|
||||||
@@ -130,8 +168,9 @@ To test the theme, run `bundle exec rake preview` and open your browser at `http
|
|||||||
- [Breakpoint](http://breakpoint-sass.com/)
|
- [Breakpoint](http://breakpoint-sass.com/)
|
||||||
- [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/)
|
- [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/)
|
||||||
- [FitVids.JS](http://fitvidsjs.com/)
|
- [FitVids.JS](http://fitvidsjs.com/)
|
||||||
- Greedy Navigation - [lukejacksonn](http://codepen.io/lukejacksonn/pen/PwmwWV)
|
- [GreedyNav.js](https://github.com/lukejacksonn/GreedyNav)
|
||||||
- [jQuery Smooth Scroll](https://github.com/kswedberg/jquery-smooth-scroll)
|
- [jQuery Smooth Scroll](https://github.com/kswedberg/jquery-smooth-scroll)
|
||||||
|
- [Lunr](http://lunrjs.com)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -139,7 +178,7 @@ To test the theme, run `bundle exec rake preview` and open your browser at `http
|
|||||||
|
|
||||||
The MIT License (MIT)
|
The MIT License (MIT)
|
||||||
|
|
||||||
Copyright (c) 2017 Michael Rose
|
Copyright (c) 2013-2018 Michael Rose and contributors
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
@@ -158,3 +197,49 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
SOFTWARE.
|
SOFTWARE.
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates icons from [The Noun Project](https://thenounproject.com/)
|
||||||
|
creators Garrett Knoll, Arthur Shlain, and tracy tam.
|
||||||
|
Icons are distributed under Creative Commons Attribution 3.0 United States (CC BY 3.0 US).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Font Awesome](http://fontawesome.io/),
|
||||||
|
Copyright (c) 2017 Dave Gandy.
|
||||||
|
Font Awesome is distributed under the terms of the [SIL OFL 1.1](http://scripts.sil.org/OFL)
|
||||||
|
and [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates photographs from [Unsplash](https://unsplash.com).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Susy](http://susy.oddbird.net/),
|
||||||
|
Copyright (c) 2017, Miriam Eric Suzanne.
|
||||||
|
Susy is distributed under the terms of the [BSD 3-clause "New" or "Revised" License](https://opensource.org/licenses/BSD-3-Clause).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Breakpoint](http://breakpoint-sass.com/).
|
||||||
|
Breakpoint is distributed under the terms of the [MIT/GPL Licenses](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [FitVids.js](https://github.com/davatron5000/FitVids.js/),
|
||||||
|
Copyright (c) 2013 Dave Rubert and Chris Coyier.
|
||||||
|
FitVids is distributed under the terms of the [WTFPL License](http://sam.zoy.org/wtfpl/).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/),
|
||||||
|
Copyright (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com.
|
||||||
|
Magnific Popup is distributed under the terms of the MIT License.
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [jQuery Smooth Scroll](https://github.com/kswedberg/jquery-smooth-scroll),
|
||||||
|
Copyright (c) 2017 Karl Swedberg.
|
||||||
|
jQuery Smooth Scroll is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [GreedyNav.js](https://github.com/lukejacksonn/GreedyNav),
|
||||||
|
Copyright (c) 2015 Luke Jackson.
|
||||||
|
GreedyNav.js is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Jekyll Group-By-Array](https://github.com/mushishi78/jekyll-group-by-array),
|
||||||
|
Copyright (c) 2015 Max White <mushishi78@gmail.com>.
|
||||||
|
Jekyll Group-By-Array is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [@allejo's Pure Liquid Jekyll Table of Contents](https://allejo.io/blog/a-jekyll-toc-in-liquid-only/),
|
||||||
|
Copyright (c) 2017 Vladimir Jimenez.
|
||||||
|
Pure Liquid Jekyll Table of Contents is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|
||||||
|
Minimal Mistakes incorporates [Lunr](http://lunrjs.com),
|
||||||
|
Copyright (c) 2017 Oliver Nightingale.
|
||||||
|
Lunr is distributed under the terms of the [MIT License](http://opensource.org/licenses/MIT).
|
||||||
|
|||||||
@@ -44,6 +44,7 @@ task :preview do
|
|||||||
|
|
||||||
ENV["LISTEN_GEM_DEBUGGING"] = "1"
|
ENV["LISTEN_GEM_DEBUGGING"] = "1"
|
||||||
listener = Listen.to(
|
listener = Listen.to(
|
||||||
|
base.join("_data"),
|
||||||
base.join("_includes"),
|
base.join("_includes"),
|
||||||
base.join("_layouts"),
|
base.join("_layouts"),
|
||||||
base.join("_sass"),
|
base.join("_sass"),
|
||||||
|
|||||||
+36
-21
@@ -5,8 +5,10 @@
|
|||||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||||
# `jekyll serve`. If you change this file, please restart the server process.
|
# `jekyll serve`. If you change this file, please restart the server process.
|
||||||
|
|
||||||
|
minimal_mistakes_skin : "default" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"
|
||||||
|
|
||||||
# Site Settings
|
# Site Settings
|
||||||
locale : "en"
|
locale : "en-US"
|
||||||
title : "Site Title"
|
title : "Site Title"
|
||||||
title_separator : "-"
|
title_separator : "-"
|
||||||
name : "Your Name"
|
name : "Your Name"
|
||||||
@@ -18,7 +20,7 @@ teaser : # path of fallback teaser image, e.g. "/assets/images
|
|||||||
# breadcrumbs : false # true, false (default)
|
# breadcrumbs : false # true, false (default)
|
||||||
words_per_minute : 200
|
words_per_minute : 200
|
||||||
comments:
|
comments:
|
||||||
provider : # false (default), "disqus", "discourse", "facebook", "google-plus", "staticman", "custom"
|
provider : # false (default), "disqus", "discourse", "facebook", "google-plus", "staticman", "staticman_v2" "custom"
|
||||||
disqus:
|
disqus:
|
||||||
shortname : # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-
|
shortname : # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-
|
||||||
discourse:
|
discourse:
|
||||||
@@ -29,29 +31,40 @@ comments:
|
|||||||
num_posts : # 5 (default)
|
num_posts : # 5 (default)
|
||||||
colorscheme : # "light" (default), "dark"
|
colorscheme : # "light" (default), "dark"
|
||||||
staticman:
|
staticman:
|
||||||
allowedFields : ['name', 'email', 'url', 'message']
|
allowedFields : # ['name', 'email', 'url', 'message']
|
||||||
branch : "master"
|
branch : # "master"
|
||||||
commitMessage : "New comment."
|
commitMessage : # "New comment."
|
||||||
filename : comment-{@timestamp}
|
filename : # comment-{@timestamp}
|
||||||
format : "yml"
|
format : # "yml"
|
||||||
moderation : true
|
moderation : # true
|
||||||
path : "docs/_data/comments/{options.slug}" # "/_data/comments/{options.slug}" (default)
|
path : # "/_data/comments/{options.slug}" (default)
|
||||||
requiredFields : ['name', 'email', 'message']
|
requiredFields : # ['name', 'email', 'message']
|
||||||
transforms:
|
transforms:
|
||||||
email : "md5"
|
email : # "md5"
|
||||||
generatedFields:
|
generatedFields:
|
||||||
date:
|
date:
|
||||||
type : "date"
|
type : # "date"
|
||||||
options:
|
options:
|
||||||
format : "iso8601" # "iso8601" (default), "timestamp-seconds", "timestamp-milliseconds"
|
format : # "iso8601" (default), "timestamp-seconds", "timestamp-milliseconds"
|
||||||
|
reCaptcha:
|
||||||
|
siteKey :
|
||||||
|
secret :
|
||||||
atom_feed:
|
atom_feed:
|
||||||
path : # blank (default) uses feed.xml
|
path : # blank (default) uses feed.xml
|
||||||
|
search : # true, false (default)
|
||||||
|
search_full_content : # true, false (default)
|
||||||
|
search_provider : # lunr (default), algolia
|
||||||
|
algolia:
|
||||||
|
application_id : # YOUR_APPLICATION_ID
|
||||||
|
index_name : # YOUR_INDEX_NAME
|
||||||
|
search_only_api_key : # YOUR_SEARCH_ONLY_API_KEY
|
||||||
|
powered_by : # true (default), false
|
||||||
|
|
||||||
# SEO Related
|
# SEO Related
|
||||||
google_site_verification :
|
google_site_verification :
|
||||||
bing_site_verification :
|
bing_site_verification :
|
||||||
alexa_site_verification :
|
|
||||||
yandex_site_verification :
|
yandex_site_verification :
|
||||||
|
naver_site_verification :
|
||||||
|
|
||||||
# Social Sharing
|
# Social Sharing
|
||||||
twitter:
|
twitter:
|
||||||
@@ -83,6 +96,7 @@ author:
|
|||||||
location : "Somewhere"
|
location : "Somewhere"
|
||||||
email :
|
email :
|
||||||
uri :
|
uri :
|
||||||
|
home : # null (default), "absolute or relative url to link to author home"
|
||||||
bitbucket :
|
bitbucket :
|
||||||
codepen :
|
codepen :
|
||||||
dribbble :
|
dribbble :
|
||||||
@@ -90,15 +104,16 @@ author:
|
|||||||
facebook :
|
facebook :
|
||||||
foursquare :
|
foursquare :
|
||||||
github :
|
github :
|
||||||
|
gitlab :
|
||||||
google_plus :
|
google_plus :
|
||||||
keybase :
|
keybase :
|
||||||
instagram :
|
instagram :
|
||||||
lastfm :
|
lastfm :
|
||||||
linkedin :
|
linkedin : # "john-doe-12345678" (the last part of your profile url, e.g. https://www.linkedin.com/in/john-doe-12345678)
|
||||||
pinterest :
|
pinterest :
|
||||||
soundcloud :
|
soundcloud :
|
||||||
stackoverflow : # "123456/username" (the last part of your profile url, e.g. http://stackoverflow.com/users/123456/username)
|
stackoverflow : # "123456/username" (the last part of your profile url, e.g. https://stackoverflow.com/users/123456/username)
|
||||||
steam :
|
steam : # "steamId" (the last part of your profile url, e.g. https://steamcommunity.com/id/steamId/)
|
||||||
tumblr :
|
tumblr :
|
||||||
twitter :
|
twitter :
|
||||||
vine :
|
vine :
|
||||||
@@ -174,11 +189,11 @@ sass:
|
|||||||
permalink: /:categories/:title/
|
permalink: /:categories/:title/
|
||||||
paginate: 5 # amount of posts to show
|
paginate: 5 # amount of posts to show
|
||||||
paginate_path: /page:num/
|
paginate_path: /page:num/
|
||||||
timezone: # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
|
timezone: # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
|
||||||
|
|
||||||
|
|
||||||
# Plugins
|
# Plugins (previously gems:)
|
||||||
gems:
|
plugins:
|
||||||
- jekyll-paginate
|
- jekyll-paginate
|
||||||
- jekyll-sitemap
|
- jekyll-sitemap
|
||||||
- jekyll-gist
|
- jekyll-gist
|
||||||
@@ -243,4 +258,4 @@ defaults:
|
|||||||
read_time: true
|
read_time: true
|
||||||
comments: # true
|
comments: # true
|
||||||
share: true
|
share: true
|
||||||
related: true
|
related: true
|
||||||
|
|||||||
+373
-59
@@ -40,6 +40,8 @@ en: &DEFAULT_EN
|
|||||||
comment_success_msg : "Thanks for your comment! It will show on the site once it has been approved."
|
comment_success_msg : "Thanks for your comment! It will show on the site once it has been approved."
|
||||||
comment_error_msg : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
|
comment_error_msg : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
|
||||||
loading_label : "Loading..."
|
loading_label : "Loading..."
|
||||||
|
search_placeholder_text : "Enter your search term..."
|
||||||
|
results_found : "Result(s) found"
|
||||||
en-US:
|
en-US:
|
||||||
<<: *DEFAULT_EN
|
<<: *DEFAULT_EN
|
||||||
en-CA:
|
en-CA:
|
||||||
@@ -78,17 +80,17 @@ es: &DEFAULT_ES
|
|||||||
email_label : "Email"
|
email_label : "Email"
|
||||||
recent_posts : "Entradas recientes"
|
recent_posts : "Entradas recientes"
|
||||||
undefined_wpm : "Parametro words_per_minute (Palabras por minuto) no definido en _config.yml"
|
undefined_wpm : "Parametro words_per_minute (Palabras por minuto) no definido en _config.yml"
|
||||||
comment_form_info :
|
comment_form_info : "Su dirección de correo no será publicada. Se han resaltado los campos requeridos"
|
||||||
comment_form_comment_label :
|
comment_form_comment_label : "Comentario"
|
||||||
comment_form_md_info :
|
comment_form_md_info : "Markdown está soportado."
|
||||||
comment_form_name_label :
|
comment_form_name_label : "Nombre"
|
||||||
comment_form_email_label :
|
comment_form_email_label : "Dirección de E-mail"
|
||||||
comment_form_website_label :
|
comment_form_website_label : "Sitio web (opcional)"
|
||||||
comment_btn_submit :
|
comment_btn_submit : "Enviar Commentario"
|
||||||
comment_btn_submitted :
|
comment_btn_submitted : "Enviado"
|
||||||
comment_success_msg :
|
comment_success_msg : "Gracias por su comentario!, Este se visualizará en el sitio una vez haya sido aprobado"
|
||||||
comment_error_msg :
|
comment_error_msg : "Lo sentimos, ha ocurrido un error al enviar su comentario. Por favor asegurese que todos los campos han sido diligenciados e intente de nuevo"
|
||||||
loading_label :
|
loading_label : "Cargando..."
|
||||||
es-ES:
|
es-ES:
|
||||||
<<: *DEFAULT_ES
|
<<: *DEFAULT_ES
|
||||||
es-CO:
|
es-CO:
|
||||||
@@ -186,7 +188,6 @@ tr-TR:
|
|||||||
<<: *DEFAULT_TR
|
<<: *DEFAULT_TR
|
||||||
|
|
||||||
# Portuguese
|
# Portuguese
|
||||||
# -----------------
|
|
||||||
pt: &DEFAULT_PT
|
pt: &DEFAULT_PT
|
||||||
page : "Página"
|
page : "Página"
|
||||||
pagination_previous : "Anterior"
|
pagination_previous : "Anterior"
|
||||||
@@ -225,6 +226,9 @@ pt: &DEFAULT_PT
|
|||||||
comment_success_msg : "Obrigado pelo seu comentário! Será visível no site logo que aprovado."
|
comment_success_msg : "Obrigado pelo seu comentário! Será visível no site logo que aprovado."
|
||||||
comment_error_msg : "Lamento, ocorreu um erro na sua submissão. Por favor verifique se todos os campos obrigatórios estão corretamente preenchidos e tente novamente."
|
comment_error_msg : "Lamento, ocorreu um erro na sua submissão. Por favor verifique se todos os campos obrigatórios estão corretamente preenchidos e tente novamente."
|
||||||
loading_label : "A carregar..."
|
loading_label : "A carregar..."
|
||||||
|
pt-PT:
|
||||||
|
<<: *DEFAULT_PT
|
||||||
|
|
||||||
# Brazilian Portuguese
|
# Brazilian Portuguese
|
||||||
pt-BR:
|
pt-BR:
|
||||||
page : "Página"
|
page : "Página"
|
||||||
@@ -235,8 +239,8 @@ pt-BR:
|
|||||||
menu_label :
|
menu_label :
|
||||||
toc_label : "Nesta página"
|
toc_label : "Nesta página"
|
||||||
ext_link_label : "Link direto"
|
ext_link_label : "Link direto"
|
||||||
less_than : "meno que"
|
less_than : "menos que"
|
||||||
minute_read : "minutos de leitura"
|
minute_read : "minuto(s) de leitura"
|
||||||
share_on_label : "Compartilhe em"
|
share_on_label : "Compartilhe em"
|
||||||
meta_label :
|
meta_label :
|
||||||
tags_label : "Tags:"
|
tags_label : "Tags:"
|
||||||
@@ -244,28 +248,26 @@ pt-BR:
|
|||||||
date_label : "Atualizado em:"
|
date_label : "Atualizado em:"
|
||||||
comments_label : "Deixe um comentário"
|
comments_label : "Deixe um comentário"
|
||||||
comments_title :
|
comments_title :
|
||||||
more_label : "Aprenda Mais"
|
more_label : "Aprenda mais"
|
||||||
related_label : "Você Talvez Goste Também"
|
related_label : "Talvez você goste também"
|
||||||
follow_label : "Acompanhe em"
|
follow_label : "Acompanhe em"
|
||||||
feed_label : "Feed"
|
feed_label : "Feed"
|
||||||
powered_by : "Feito com"
|
powered_by : "Feito com"
|
||||||
website_label : "Site"
|
website_label : "Site"
|
||||||
email_label : "Email"
|
email_label : "Email"
|
||||||
recent_posts : "Postagens recentes"
|
recent_posts : "Postagens recentes"
|
||||||
undefined_wpm : "Parâmetro indefinido em word_per_minute no _config.yml"
|
undefined_wpm : "Parâmetro indefinido em words_per_minute no _config.yml"
|
||||||
comment_form_info :
|
comment_form_info : "Seu email não será publicado. Os campos obrigatórios estão marcados"
|
||||||
comment_form_comment_label :
|
comment_form_comment_label : "Comentário"
|
||||||
comment_form_md_info :
|
comment_form_md_info : "Markdown é suportado."
|
||||||
comment_form_name_label :
|
comment_form_name_label : "Nome"
|
||||||
comment_form_email_label :
|
comment_form_email_label : "Email"
|
||||||
comment_form_website_label :
|
comment_form_website_label : "Site (opcional)"
|
||||||
comment_btn_submit :
|
comment_btn_submit : "Enviar Comentário"
|
||||||
comment_btn_submitted :
|
comment_btn_submitted : "Enviado"
|
||||||
comment_success_msg :
|
comment_success_msg : "Obrigado pelo seu comentário! Ele aparecerá no site assim que for aprovado."
|
||||||
comment_error_msg :
|
comment_error_msg : "Desculpe, ocorreu um erro no envio. Por favor verifique se todos os campos obrigatórios foram preenchidos e tente novamente."
|
||||||
loading_label :
|
loading_label : "Carregando..."
|
||||||
pt-PT:
|
|
||||||
<<: *DEFAULT_PT
|
|
||||||
|
|
||||||
# Italian
|
# Italian
|
||||||
# -----------------
|
# -----------------
|
||||||
@@ -312,7 +314,7 @@ it-IT:
|
|||||||
|
|
||||||
# Chinese (zh-CN Chinese - China)
|
# Chinese (zh-CN Chinese - China)
|
||||||
# -----------------
|
# -----------------
|
||||||
zh: &DEFAULT_ZH
|
zh: &DEFAULT_ZH_HANS
|
||||||
page : "页面"
|
page : "页面"
|
||||||
pagination_previous : "向前"
|
pagination_previous : "向前"
|
||||||
pagination_next : "向后"
|
pagination_next : "向后"
|
||||||
@@ -322,12 +324,12 @@ zh: &DEFAULT_ZH
|
|||||||
toc_label : "在本页上"
|
toc_label : "在本页上"
|
||||||
ext_link_label : "直接链接"
|
ext_link_label : "直接链接"
|
||||||
less_than : "少于"
|
less_than : "少于"
|
||||||
minute_read : "分钟 阅读"
|
minute_read : "分钟读完"
|
||||||
share_on_label : "分享"
|
share_on_label : "分享"
|
||||||
meta_label :
|
meta_label :
|
||||||
tags_label : "标签:"
|
tags_label : "标签:"
|
||||||
categories_label : "分类:"
|
categories_label : "分类:"
|
||||||
date_label : "最新的:"
|
date_label : "更新时间:"
|
||||||
comments_label : "留下评论"
|
comments_label : "留下评论"
|
||||||
comments_title : "评论"
|
comments_title : "评论"
|
||||||
more_label : "了解更多"
|
more_label : "了解更多"
|
||||||
@@ -351,13 +353,11 @@ zh: &DEFAULT_ZH
|
|||||||
comment_error_msg : "很抱歉,您的提交存在错误。请确保所有必填字段都已填写正确,然后再试一次。"
|
comment_error_msg : "很抱歉,您的提交存在错误。请确保所有必填字段都已填写正确,然后再试一次。"
|
||||||
loading_label : "正在加载..."
|
loading_label : "正在加载..."
|
||||||
zh-CN:
|
zh-CN:
|
||||||
<<: *DEFAULT_ZH
|
<<: *DEFAULT_ZH_HANS
|
||||||
zh-HK:
|
|
||||||
<<: *DEFAULT_ZH
|
|
||||||
zh-SG:
|
zh-SG:
|
||||||
<<: *DEFAULT_ZH
|
<<: *DEFAULT_ZH_HANS
|
||||||
# Taiwan (Traditional Chinese)
|
# Taiwan (Traditional Chinese)
|
||||||
zh-TW:
|
zh-TW: &DEFAULT_ZH_HANT
|
||||||
page : "頁面"
|
page : "頁面"
|
||||||
pagination_previous : "較舊"
|
pagination_previous : "較舊"
|
||||||
pagination_next : "較新"
|
pagination_next : "較新"
|
||||||
@@ -395,16 +395,17 @@ zh-TW:
|
|||||||
comment_success_msg : "感謝您的留言! 審核後將會顯示在站上。"
|
comment_success_msg : "感謝您的留言! 審核後將會顯示在站上。"
|
||||||
comment_error_msg : "抱歉,部份資料輸入有問題。請確認資料填寫正確後再試一次。"
|
comment_error_msg : "抱歉,部份資料輸入有問題。請確認資料填寫正確後再試一次。"
|
||||||
loading_label : "載入中..."
|
loading_label : "載入中..."
|
||||||
|
zh-HK:
|
||||||
|
<<: *DEFAULT_ZH_HANT
|
||||||
# German / Deutsch
|
# German / Deutsch
|
||||||
# -----------------
|
# -----------------
|
||||||
de: &DEFAULT_DE
|
de: &DEFAULT_DE
|
||||||
page : "Seite"
|
page : "Seite"
|
||||||
pagination_previous : "Vorherige"
|
pagination_previous : "Vorherige"
|
||||||
pagination_next : "Nächste"
|
pagination_next : "Nächste"
|
||||||
breadcrumb_home_label : "Home"
|
breadcrumb_home_label : "Start"
|
||||||
breadcrumb_separator : "/"
|
breadcrumb_separator : "/"
|
||||||
menu_label :
|
menu_label : "Menü ein-/ausschalten"
|
||||||
toc_label : "Auf dieser Seite"
|
toc_label : "Auf dieser Seite"
|
||||||
ext_link_label : "Direkter Link"
|
ext_link_label : "Direkter Link"
|
||||||
less_than : "weniger als"
|
less_than : "weniger als"
|
||||||
@@ -414,13 +415,13 @@ de: &DEFAULT_DE
|
|||||||
tags_label : "Tags:"
|
tags_label : "Tags:"
|
||||||
categories_label : "Kategorien:"
|
categories_label : "Kategorien:"
|
||||||
date_label : "Aktualisiert:"
|
date_label : "Aktualisiert:"
|
||||||
comments_label : "Hinterlassen sie einen Kommentar"
|
comments_label : "Hinterlassen Sie einen Kommentar"
|
||||||
comments_title : "Kommentare"
|
comments_title : "Kommentare"
|
||||||
more_label : "Mehr anzeigen"
|
more_label : "Mehr anzeigen"
|
||||||
related_label : "Ihnen gefällt vielleicht auch"
|
related_label : "Ihnen gefällt vielleicht auch"
|
||||||
follow_label : "Folgen:"
|
follow_label : "Folgen:"
|
||||||
feed_label : "Feed"
|
feed_label : "Feed"
|
||||||
powered_by : "Powered by"
|
powered_by : "Möglich durch"
|
||||||
website_label : "Webseite"
|
website_label : "Webseite"
|
||||||
email_label : "E-Mail"
|
email_label : "E-Mail"
|
||||||
recent_posts : "Aktuelle Beiträge"
|
recent_posts : "Aktuelle Beiträge"
|
||||||
@@ -429,12 +430,12 @@ de: &DEFAULT_DE
|
|||||||
comment_form_comment_label : "Kommentar"
|
comment_form_comment_label : "Kommentar"
|
||||||
comment_form_md_info : "Markdown wird unterstützt."
|
comment_form_md_info : "Markdown wird unterstützt."
|
||||||
comment_form_name_label : "Name"
|
comment_form_name_label : "Name"
|
||||||
comment_form_email_label : "E-Mail Addresse"
|
comment_form_email_label : "E-Mail-Addresse"
|
||||||
comment_form_website_label : "Webseite (optional)"
|
comment_form_website_label : "Webseite (optional)"
|
||||||
comment_btn_submit : "Kommentar absenden"
|
comment_btn_submit : "Kommentar absenden"
|
||||||
comment_btn_submitted : "Versendet"
|
comment_btn_submitted : "Versendet"
|
||||||
comment_success_msg : "Danke für ihren Kommentar! Er wird auf der Seite angezeigt, nachdem er geprüft wurde."
|
comment_success_msg : "Danke für Ihren Kommentar! Er wird auf der Seite angezeigt, nachdem er geprüft wurde."
|
||||||
comment_error_msg : "Entschuldigung, es gab einen Fehler. Bitte füllen sie alle benötigten Felder aus und versuchen sie es erneut."
|
comment_error_msg : "Entschuldigung, es gab einen Fehler. Bitte füllen Sie alle benötigten Felder aus und versuchen Sie es erneut."
|
||||||
loading_label : "Lade..."
|
loading_label : "Lade..."
|
||||||
de-DE:
|
de-DE:
|
||||||
<<: *DEFAULT_DE
|
<<: *DEFAULT_DE
|
||||||
@@ -575,6 +576,8 @@ ru: &DEFAULT_RU
|
|||||||
comment_success_msg : "Спасибо за Ваш комментарий! Он будет опубликован на сайте после проверки."
|
comment_success_msg : "Спасибо за Ваш комментарий! Он будет опубликован на сайте после проверки."
|
||||||
comment_error_msg : "К сожалению, произошла ошибка с отправкой комментария. Пожалуйста, убедитесь, что все обязательные поля заполнены и попытайтесь снова."
|
comment_error_msg : "К сожалению, произошла ошибка с отправкой комментария. Пожалуйста, убедитесь, что все обязательные поля заполнены и попытайтесь снова."
|
||||||
loading_label : "Отправка..."
|
loading_label : "Отправка..."
|
||||||
|
search_placeholder_text : "Введите поисковый запрос..."
|
||||||
|
results_found : "Найдено"
|
||||||
ru-RU:
|
ru-RU:
|
||||||
<<: *DEFAULT_RU
|
<<: *DEFAULT_RU
|
||||||
|
|
||||||
@@ -627,10 +630,10 @@ gr: &DEFAULT_GR
|
|||||||
page : "Σελίδα"
|
page : "Σελίδα"
|
||||||
pagination_previous : "Προηγούμενo"
|
pagination_previous : "Προηγούμενo"
|
||||||
pagination_next : "Επόμενo"
|
pagination_next : "Επόμενo"
|
||||||
breadcrumb_home_label : "Κεντρική"
|
breadcrumb_home_label : "Αρχική"
|
||||||
breadcrumb_separator : "/"
|
breadcrumb_separator : "/"
|
||||||
menu_label :
|
menu_label : "Μενού"
|
||||||
toc_label : "Πίνακας Περιεχομένων"
|
toc_label : "Περιεχόμενα"
|
||||||
ext_link_label : "Εξωτερικός Σύνδεσμος"
|
ext_link_label : "Εξωτερικός Σύνδεσμος"
|
||||||
less_than : "Λιγότερο από"
|
less_than : "Λιγότερο από"
|
||||||
minute_read : "λεπτά ανάγνωσης"
|
minute_read : "λεπτά ανάγνωσης"
|
||||||
@@ -641,29 +644,340 @@ gr: &DEFAULT_GR
|
|||||||
date_label : "Ενημερώθηκε:"
|
date_label : "Ενημερώθηκε:"
|
||||||
comments_label : "Αφήστε ένα σχόλιο"
|
comments_label : "Αφήστε ένα σχόλιο"
|
||||||
comments_title : "Σχόλια"
|
comments_title : "Σχόλια"
|
||||||
more_label : "Μάθετε περισσότερα"
|
more_label : "Διάβαστε περισσότερα"
|
||||||
related_label : "Θα σας ενδιέφερε ακόμη"
|
related_label : "Σχετικές αναρτήσεις"
|
||||||
follow_label : "Ακολουθήστε:"
|
follow_label : "Ακολουθήστε:"
|
||||||
feed_label : "Feed"
|
feed_label : "RSS Feed"
|
||||||
powered_by : "Powered by"
|
powered_by : "Δημιουργήθηκε με"
|
||||||
website_label : "Ιστοσελίδα"
|
website_label : "Ιστοσελίδα"
|
||||||
email_label : "Email"
|
email_label : "Email"
|
||||||
recent_posts : "Τελευταίες ανακοινώσεις"
|
recent_posts : "Τελευταίες αναρτήσεις"
|
||||||
undefined_wpm : "Undefined parameter words_per_minute at _config.yml"
|
undefined_wpm : "Δεν έχει οριστεί η παράμετρος words_per_minute στο αρχείο _config.yml"
|
||||||
comment_form_info : "Your email address will not be published. Required fields are marked"
|
comment_form_info : "Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα απαιτούμενα πεδία εμφανίζονται με αστερίσκο"
|
||||||
comment_form_comment_label : "Σχόλιο"
|
comment_form_comment_label : "Σχόλιο"
|
||||||
comment_form_md_info : "Markdown is supported."
|
comment_form_md_info : "Το πεδίο υποστηρίζει Markdown."
|
||||||
comment_form_name_label : "Όνομα"
|
comment_form_name_label : "Όνομα"
|
||||||
comment_form_email_label : "Διεύθυνση email"
|
comment_form_email_label : "Διεύθυνση email"
|
||||||
comment_form_website_label : "Ιστοσελίδα (προαιρετικό)"
|
comment_form_website_label : "Ιστοσελίδα (προαιρετικό)"
|
||||||
comment_btn_submit : "Υπέβαλε ένα σχόλιο"
|
comment_btn_submit : "Υπόβαλε ένα σχόλιο"
|
||||||
comment_btn_submitted : "Έχει υποβληθεί"
|
comment_btn_submitted : "Έχει υποβληθεί"
|
||||||
comment_success_msg : "Ευχαριστούμε για το σχόλιό σας! Θα εμφανιστεί στην ιστοσελίδα αφού εγκριθεί."
|
comment_success_msg : "Ευχαριστούμε για το σχόλιό σας! Θα εμφανιστεί στην ιστοσελίδα αφού εγκριθεί."
|
||||||
comment_error_msg : "Λυπούμαστε, παρουσιάστηκε σφάλμα με την υποβολή σας. Παρακαλούμε βεβαιωθείτε ότι έχετε όλα τα απαιτούμενα πεδία συμπληρωμένα και δοκιμάστε ξανά."
|
comment_error_msg : "Λυπούμαστε, παρουσιάστηκε σφάλμα με την υποβολή σας. Παρακαλούμε βεβαιωθείτε ότι έχετε όλα τα απαιτούμενα πεδία συμπληρωμένα και δοκιμάστε ξανά."
|
||||||
loading_label : "Φόρτωση..."
|
loading_label : "Φόρτωση..."
|
||||||
|
search_placeholder_text : "Εισάγετε όρο αναζήτησης..."
|
||||||
|
results_found : "Αποτελέσματα"
|
||||||
gr-GR:
|
gr-GR:
|
||||||
<<: *DEFAULT_GR
|
<<: *DEFAULT_GR
|
||||||
|
|
||||||
|
# Swedish
|
||||||
|
# -----------------
|
||||||
|
sv: &DEFAULT_SV
|
||||||
|
page : "Sidan"
|
||||||
|
pagination_previous : "Föregående"
|
||||||
|
pagination_next : "Nästa"
|
||||||
|
breadcrumb_home_label : "Hem"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "Meny ridå"
|
||||||
|
toc_label : "På denna sida"
|
||||||
|
ext_link_label : "Direkt länk"
|
||||||
|
less_than : "mindre än"
|
||||||
|
minute_read : "minut läsning"
|
||||||
|
share_on_label : "Dela på"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "Taggar:"
|
||||||
|
categories_label : "Kategorier:"
|
||||||
|
date_label : "Uppdaterades:"
|
||||||
|
comments_label : "Lämna en kommentar"
|
||||||
|
comments_title : "Kommentarer"
|
||||||
|
more_label : "Lär dig mer"
|
||||||
|
related_label : "Du kanske vill även läsa:"
|
||||||
|
follow_label : "Följ:"
|
||||||
|
feed_label : "Flöde"
|
||||||
|
powered_by : "Framställd med"
|
||||||
|
website_label : "Webbsida"
|
||||||
|
email_label : "E-post"
|
||||||
|
recent_posts : "Senaste inlägg"
|
||||||
|
undefined_wpm : "Odefinerade parametrar words_per_minute i _config.yml"
|
||||||
|
comment_form_info : "Din e-post adress kommer inte att publiceras. Obligatoriska fält är markerade."
|
||||||
|
comment_form_comment_label : "Kommentar"
|
||||||
|
comment_form_md_info : "Använd Markdown för text-formateringen."
|
||||||
|
comment_form_name_label : "Namn"
|
||||||
|
comment_form_email_label : "E-post adress"
|
||||||
|
comment_form_website_label : "Webdsida (valfritt)"
|
||||||
|
comment_btn_submit : "Skicka en kommentar"
|
||||||
|
comment_btn_submitted : "Kommentaren har tagits emot"
|
||||||
|
comment_success_msg : "Tack för din kommentar! Den kommer att visas på sidan så fort den har godkännts."
|
||||||
|
comment_error_msg : "Tyvärr det har blivit något fel i en av fälten, se till att du fyller i alla rutor och försök igen."
|
||||||
|
loading_label : "Laddar..."
|
||||||
|
sv-SE:
|
||||||
|
<<: *DEFAULT_SV
|
||||||
|
sv-FI:
|
||||||
|
<<: *DEFAULT_SV
|
||||||
|
|
||||||
|
# Dutch
|
||||||
|
# -----------------
|
||||||
|
nl: &DEFAULT_NL
|
||||||
|
page : "Pagina"
|
||||||
|
pagination_previous : "Vorige"
|
||||||
|
pagination_next : "Volgende"
|
||||||
|
breadcrumb_home_label : "Home"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "Wissel Menu"
|
||||||
|
toc_label : "Op deze pagina"
|
||||||
|
ext_link_label : "Directe Link"
|
||||||
|
less_than : "minder dan"
|
||||||
|
minute_read : "minuut gelezen"
|
||||||
|
share_on_label : "Deel op"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "Labels:"
|
||||||
|
categories_label : "Categorieën:"
|
||||||
|
date_label : "Bijgewerkt:"
|
||||||
|
comments_label : "Laat een reactie achter"
|
||||||
|
comments_title : "Commentaren"
|
||||||
|
more_label : "Meer informatie"
|
||||||
|
related_label : "Bekijk ook eens"
|
||||||
|
follow_label : "Volg:"
|
||||||
|
feed_label : "Feed"
|
||||||
|
powered_by : "Aangedreven door"
|
||||||
|
website_label : "Website"
|
||||||
|
email_label : "Email"
|
||||||
|
recent_posts : "Recente berichten"
|
||||||
|
undefined_wpm : "Niet gedefinieerde parameter words_per_minute bij _config.yml"
|
||||||
|
comment_form_info : "Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd"
|
||||||
|
comment_form_comment_label : "Commentaar"
|
||||||
|
comment_form_md_info : "Markdown wordt ondersteund."
|
||||||
|
comment_form_name_label : "Naam"
|
||||||
|
comment_form_email_label : "E-mailadres"
|
||||||
|
comment_form_website_label : "Website (optioneel)"
|
||||||
|
comment_btn_submit : "Commentaar toevoegen"
|
||||||
|
comment_btn_submitted : "Toegevoegd"
|
||||||
|
comment_success_msg : "Bedankt voor uw reactie! Het zal op de site worden weergegeven zodra het is goedgekeurd."
|
||||||
|
comment_error_msg : "Sorry, er is een fout opgetreden bij uw inzending. Zorg ervoor dat alle vereiste velden zijn voltooid en probeer het opnieuw."
|
||||||
|
loading_label : "Laden..."
|
||||||
|
nl-BE:
|
||||||
|
<<: *DEFAULT_NL
|
||||||
|
nl-NL:
|
||||||
|
<<: *DEFAULT_NL
|
||||||
|
|
||||||
|
# Indonesian
|
||||||
|
# -----------------
|
||||||
|
id: &DEFAULT_ID
|
||||||
|
page : "Halaman"
|
||||||
|
pagination_previous : "Kembali"
|
||||||
|
pagination_next : "Maju"
|
||||||
|
breadcrumb_home_label : "Home"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "Menu Toggle"
|
||||||
|
toc_label : "Pada Halaman Ini"
|
||||||
|
ext_link_label : "Link langsung"
|
||||||
|
less_than : "Kurang dari"
|
||||||
|
minute_read : "Waktu baca"
|
||||||
|
share_on_label : "Berbagi di"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "Golongan:"
|
||||||
|
categories_label : "Kategori:"
|
||||||
|
date_label : "Diupdate:"
|
||||||
|
comments_label : "Tinggalkan komentar"
|
||||||
|
comments_title : "Komentar"
|
||||||
|
more_label : "Pelajari lagi"
|
||||||
|
related_label : "Anda juga akan suka"
|
||||||
|
follow_label : "Ikuti:"
|
||||||
|
feed_label : "Feed"
|
||||||
|
powered_by : "Didukung oleh"
|
||||||
|
website_label : "Website"
|
||||||
|
email_label : "Email"
|
||||||
|
recent_posts : "Posting terbaru"
|
||||||
|
undefined_wpm : "Parameter terdeskripsi words_per_minute di _config.yml"
|
||||||
|
comment_form_info : "Email Anda tidak akan dipublish. Kolom yang diperlukan ditandai"
|
||||||
|
comment_form_comment_label : "Komentar"
|
||||||
|
comment_form_md_info : "Markdown disupport."
|
||||||
|
comment_form_name_label : "Nama"
|
||||||
|
comment_form_email_label : "Alamat email"
|
||||||
|
comment_form_website_label : "Website (opsional)"
|
||||||
|
comment_btn_submit : "Submit Komentar"
|
||||||
|
comment_btn_submitted : "Telah disubmit"
|
||||||
|
comment_success_msg : "Terimakasih atas komentar Anda! Komentar ini akan tampil setelah disetujui."
|
||||||
|
comment_error_msg : "Maaf, ada kesalahan pada submisi Anda. Pastikan seluruh kolom sudah dilengkapi dan coba kembali."
|
||||||
|
loading_label : "Sedang meload..."
|
||||||
|
id-ID:
|
||||||
|
<<: *DEFAULT_ID
|
||||||
|
|
||||||
|
# Vietnamese
|
||||||
|
# -----------------
|
||||||
|
vi: &DEFAULT_VI
|
||||||
|
page : "Trang"
|
||||||
|
pagination_previous : "Trước"
|
||||||
|
pagination_next : "Sau"
|
||||||
|
breadcrumb_home_label : "Trang chủ"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "Menu"
|
||||||
|
toc_label : "Tại trang này"
|
||||||
|
ext_link_label : "Đường dẫn trực tiếp"
|
||||||
|
less_than : "nhỏ hơn"
|
||||||
|
minute_read : "phút đọc"
|
||||||
|
share_on_label : "Chia sẻ tại"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "Nhãn:"
|
||||||
|
categories_label : "Chủ đề:"
|
||||||
|
date_label : "Cập nhật:"
|
||||||
|
comments_label : "Để lại bình luận"
|
||||||
|
comments_title : "Bình luận"
|
||||||
|
more_label : "Mở rộng"
|
||||||
|
related_label : "Có thể bạn cũng thích"
|
||||||
|
follow_label : "Theo dõi:"
|
||||||
|
feed_label : "Feed"
|
||||||
|
powered_by : "Được hỗ trợ bởi"
|
||||||
|
website_label : "Website"
|
||||||
|
email_label : "Email"
|
||||||
|
recent_posts : "Bài viết mới"
|
||||||
|
undefined_wpm : "Chưa định nghĩa thông số words_per_minute tại _config.yml"
|
||||||
|
comment_form_info : "Email của bạn sẽ được giữ bí mật. Các phần bắt buộc được đánh dấu."
|
||||||
|
comment_form_comment_label : "Bình luận"
|
||||||
|
comment_form_md_info : "Hỗ trợ Markdown."
|
||||||
|
comment_form_name_label : "Tên"
|
||||||
|
comment_form_email_label : "Địa chỉ email"
|
||||||
|
comment_form_website_label : "Website (không bắt buộc)"
|
||||||
|
comment_btn_submit : "Gửi bình luận"
|
||||||
|
comment_btn_submitted : "Đã được gửi"
|
||||||
|
comment_success_msg : "Cảm ơn bạn đã bình luận! Bình luận sẽ xuất hiện sau khi được duyệt."
|
||||||
|
comment_error_msg : "Rất tiếc, có lỗi trong việc gửi bình luận. Hãy đảm bảo toàn bộ các phần bắt buộc đã được điền đầy đủ và thử lại."
|
||||||
|
loading_label : "Đang tải..."
|
||||||
|
vi-VN:
|
||||||
|
<<: *DEFAULT_VI
|
||||||
|
|
||||||
|
# Danish
|
||||||
|
# ------
|
||||||
|
da: &DEFAULT_DA
|
||||||
|
page : "Side"
|
||||||
|
pagination_previous : "Forrige"
|
||||||
|
pagination_next : "Næste"
|
||||||
|
breadcrumb_home_label : "Home"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "Vis/skjul menu"
|
||||||
|
toc_label : "På denne side"
|
||||||
|
ext_link_label : "Direkte link"
|
||||||
|
less_than : "mindre end"
|
||||||
|
minute_read : "minutters læsning"
|
||||||
|
share_on_label : "Del på"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "Nøgleord:"
|
||||||
|
categories_label : "Kategorier:"
|
||||||
|
date_label : "Opdateret:"
|
||||||
|
comments_label : "Skriv en kommentar"
|
||||||
|
comments_title : "Kommentarer"
|
||||||
|
more_label : "Lær mere"
|
||||||
|
related_label : "Måske kan du også lide"
|
||||||
|
follow_label : "Følg:"
|
||||||
|
feed_label : "Feed"
|
||||||
|
powered_by : "Drives af"
|
||||||
|
website_label : "Website"
|
||||||
|
email_label : "E-mail"
|
||||||
|
recent_posts : "Seneste indlæg"
|
||||||
|
undefined_wpm : "Parameteren words_per_minute er ikke defineret i _config.yml"
|
||||||
|
comment_form_info : "Din e-mail bliver ikke offentliggjort. Obligatoriske felter er markeret"
|
||||||
|
comment_form_comment_label : "Kommentar"
|
||||||
|
comment_form_md_info : "Markdown er understøttet."
|
||||||
|
comment_form_name_label : "Navn"
|
||||||
|
comment_form_email_label : "E-mail"
|
||||||
|
comment_form_website_label : "Website (frivillig)"
|
||||||
|
comment_btn_submit : "Send kommentar"
|
||||||
|
comment_btn_submitted : "Sendt"
|
||||||
|
comment_success_msg : "Tak for din kommentar! Den bliver vist på siden, så snart den er godkendt."
|
||||||
|
comment_error_msg : "Desværre skete der en fejl. Prøv igen, mens du sørger for at alle obligatoriske felter er udfyldt."
|
||||||
|
loading_label : "Indlæser..."
|
||||||
|
search_placeholder_text : "Hvad leder du efter..."
|
||||||
|
results_found : "Resultat(er) fundet"
|
||||||
|
da-DK:
|
||||||
|
<<: *DEFAULT_DA
|
||||||
|
|
||||||
|
# Polish
|
||||||
|
# ------
|
||||||
|
pl: &DEFAULT_PL
|
||||||
|
page : "Strona"
|
||||||
|
pagination_previous : "Poprzednia"
|
||||||
|
pagination_next : "Następna"
|
||||||
|
breadcrumb_home_label : "Strona główna"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "Przełącz menu"
|
||||||
|
toc_label : "Spis treści"
|
||||||
|
ext_link_label : "Link bezpośredni"
|
||||||
|
less_than : "mniej niż"
|
||||||
|
minute_read : "minut(y)"
|
||||||
|
share_on_label : "Udostępnij"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "Tagi:"
|
||||||
|
categories_label : "Kategorie:"
|
||||||
|
date_label : "Ostatnia aktualizacja:"
|
||||||
|
comments_label : "Zostaw komentarz"
|
||||||
|
comments_title : "Komentarze"
|
||||||
|
more_label : "Dowiedz się więcej"
|
||||||
|
related_label : "Także może Ci się spodobać"
|
||||||
|
follow_label : "Śledź:"
|
||||||
|
feed_label : "Feed"
|
||||||
|
powered_by : "Powstało dzięki"
|
||||||
|
website_label : "Strona"
|
||||||
|
email_label : "Email"
|
||||||
|
recent_posts : "Najnowsze wpisy"
|
||||||
|
undefined_wpm : "Parametr words_per_minute nie został zdefiniowany w _config.yml."
|
||||||
|
comment_form_info : "Twój adres email nie będzie udostępiony. Wymagane pola są oznaczone."
|
||||||
|
comment_form_comment_label : "Skomentuj"
|
||||||
|
comment_form_md_info : "Markdown jest wspierany"
|
||||||
|
comment_form_name_label : "Imię"
|
||||||
|
comment_form_email_label : "Adres email"
|
||||||
|
comment_form_website_label : "Strona www (opcjonalna)"
|
||||||
|
comment_btn_submit : "Skomentuj"
|
||||||
|
comment_btn_submitted : "Komentarz dodany"
|
||||||
|
comment_success_msg : "Dziękuję za Twój komentarz! Zostanie dodany po akceptacji."
|
||||||
|
comment_error_msg : "Niestety wystąpił błąd. Proszę upewnij się, że wszystkie wymagane pola zostały wypełnione i spróbuj ponownie."
|
||||||
|
loading_label : "Trwa ładowanie strony..."
|
||||||
|
da-PL:
|
||||||
|
<<: *DEFAULT_PL
|
||||||
|
|
||||||
|
# Japanese
|
||||||
|
# -----------------
|
||||||
|
ja: &DEFAULT_JA
|
||||||
|
page : "ページ"
|
||||||
|
pagination_previous : "前へ"
|
||||||
|
pagination_next : "次へ"
|
||||||
|
breadcrumb_home_label : "ホーム"
|
||||||
|
breadcrumb_separator : "/"
|
||||||
|
menu_label : "メニュー"
|
||||||
|
toc_label : "目次"
|
||||||
|
ext_link_label : "リンク"
|
||||||
|
less_than :
|
||||||
|
minute_read :
|
||||||
|
share_on_label : "共有"
|
||||||
|
meta_label :
|
||||||
|
tags_label : "タグ:"
|
||||||
|
categories_label : "カテゴリー:"
|
||||||
|
date_label : "更新日時:"
|
||||||
|
comments_label : "コメントする"
|
||||||
|
comments_title : "コメント"
|
||||||
|
more_label : "さらに詳しく"
|
||||||
|
related_label : "関連記事"
|
||||||
|
follow_label : "フォロー"
|
||||||
|
feed_label :
|
||||||
|
powered_by :
|
||||||
|
website_label :
|
||||||
|
email_label :
|
||||||
|
recent_posts : "最近の投稿"
|
||||||
|
undefined_wpm : "パラメータ words_per_minute が _config.yml で定義されていません"
|
||||||
|
comment_form_info : "メールアドレスが公開されることはありません。次の印のある項目は必ず入力してください:"
|
||||||
|
comment_form_comment_label : "コメント"
|
||||||
|
comment_form_md_info : "Markdown を使用できます"
|
||||||
|
comment_form_name_label : "名前"
|
||||||
|
comment_form_email_label : "メールアドレス"
|
||||||
|
comment_form_website_label : "URL (任意)"
|
||||||
|
comment_btn_submit : "コメントを送信する"
|
||||||
|
comment_btn_submitted : "送信しました"
|
||||||
|
comment_success_msg : "コメントありがとうございます! コメントは承認されるとページに表示されます。"
|
||||||
|
comment_error_msg : "送信エラーです。必須項目がすべて入力されていることを確認して再送信してください。"
|
||||||
|
loading_label : "読み込み中..."
|
||||||
|
search_placeholder_text : "検索キーワードを入力してください..."
|
||||||
|
results_found : "件"
|
||||||
|
ja-JP:
|
||||||
|
<<: *DEFAULT_JA
|
||||||
|
|
||||||
# Another locale
|
# Another locale
|
||||||
# --------------
|
# --------------
|
||||||
#
|
#
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
{% if site.analytics.provider and page.analytics != false %}
|
{% if jekyll.environment == 'production' and site.analytics.provider and page.analytics != false %}
|
||||||
|
|
||||||
{% case site.analytics.provider %}
|
{% case site.analytics.provider %}
|
||||||
{% when "google" %}
|
{% when "google" %}
|
||||||
|
|||||||
@@ -25,13 +25,13 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
<h2 class="archive__item-title" itemprop="headline">
|
<h2 class="archive__item-title" itemprop="headline">
|
||||||
{% if post.link %}
|
{% if post.link %}
|
||||||
<a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | absolute_url }}" rel="permalink"><i class="fa fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
|
<a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | absolute_url }}" rel="permalink"><i class="fas fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{{ post.url | absolute_url }}" rel="permalink">{{ title }}</a>
|
<a href="{{ post.url | absolute_url }}" rel="permalink">{{ title }}</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</h2>
|
</h2>
|
||||||
{% if post.read_time %}
|
{% if post.read_time %}
|
||||||
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
<p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
|
{% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<!--
|
<!--
|
||||||
<li>
|
<li>
|
||||||
<a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs">
|
<a href="http://link-to-whatever-social-network.com/user/" itemprop="sameAs">
|
||||||
<i class="fa fa-fw" aria-hidden="true"></i> Custom Social Profile Link
|
<i class="fas fa-fw" aria-hidden="true"></i> Custom Social Profile Link
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
-->
|
-->
|
||||||
@@ -1,23 +1,37 @@
|
|||||||
{% if page.author and site.data.authors[page.author] %}
|
{% assign author = page.author | default: page.authors[0] | default: site.author %}
|
||||||
{% assign author = site.data.authors[page.author] %}
|
{% assign author = site.data.authors[author] | default: author %}
|
||||||
{% else %}
|
|
||||||
{% assign author = site.author %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div itemscope itemtype="http://schema.org/Person">
|
<div itemscope itemtype="http://schema.org/Person">
|
||||||
|
|
||||||
{% if author.avatar %}
|
{% if author.avatar %}
|
||||||
<div class="author__avatar">
|
<div class="author__avatar">
|
||||||
{% if author.avatar contains "://" %}
|
{% if author.avatar contains "://" %}
|
||||||
<img src="{{ author.avatar }}" alt="{{ author.name }}" itemprop="image">
|
{% assign author_src = author.avatar %}
|
||||||
{% else %}
|
{% else %}
|
||||||
<img src="{{ author.avatar | absolute_url }}" class="author__avatar" alt="{{ author.name }}" itemprop="image">
|
{% assign author_src = author.avatar | absolute_url %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if author.home %}
|
||||||
|
{% if author.home contains "://" %}
|
||||||
|
{% assign author_link = author.home %}
|
||||||
|
{% else %}
|
||||||
|
{% assign author_link = author.home | absolute_url %}
|
||||||
|
{% endif %}
|
||||||
|
<a href="{{ author_link }}">
|
||||||
|
<img src="{{ author_src }}" alt="{{ author.name }}" itemprop="image">
|
||||||
|
</a>
|
||||||
|
{% else %}
|
||||||
|
<img src="{{ author_src }}" alt="{{ author.name }}" itemprop="image">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="author__content">
|
<div class="author__content">
|
||||||
<h3 class="author__name" itemprop="name">{{ author.name }}</h3>
|
{% if author.home %}
|
||||||
|
<a href="{{ author_link }}"><h3 class="author__name" itemprop="name">{{ author.name }}</h3></a>
|
||||||
|
{% else %}
|
||||||
|
<h3 class="author__name" itemprop="name">{{ author.name }}</h3>
|
||||||
|
{% endif %}
|
||||||
{% if author.bio %}
|
{% if author.bio %}
|
||||||
<p class="author__bio" itemprop="description">
|
<p class="author__bio" itemprop="description">
|
||||||
{{ author.bio }}
|
{{ author.bio }}
|
||||||
@@ -30,14 +44,14 @@
|
|||||||
<ul class="author__urls social-icons">
|
<ul class="author__urls social-icons">
|
||||||
{% if author.location %}
|
{% if author.location %}
|
||||||
<li itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
|
<li itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
|
||||||
<i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> <span itemprop="name">{{ author.location }}</span>
|
<i class="fas fa-fw fa-map-marker-alt" aria-hidden="true"></i> <span itemprop="name">{{ author.location }}</span>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if author.uri %}
|
{% if author.uri %}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ author.uri }}" itemprop="url">
|
<a href="{{ author.uri }}" itemprop="url">
|
||||||
<i class="fa fa-fw fa-chain" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
|
<i class="fas fa-fw fa-link" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -46,7 +60,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<a href="mailto:{{ author.email }}">
|
<a href="mailto:{{ author.email }}">
|
||||||
<meta itemprop="email" content="{{ author.email }}" />
|
<meta itemprop="email" content="{{ author.email }}" />
|
||||||
<i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
|
<i class="fas fa-fw fa-envelope-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -54,7 +68,7 @@
|
|||||||
{% if author.keybase %}
|
{% if author.keybase %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://keybase.io/{{ author.keybase }}" itemprop="sameAs">
|
<a href="https://keybase.io/{{ author.keybase }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-key" aria-hidden="true"></i> Keybase
|
<i class="fas fa-fw fa-key" aria-hidden="true"></i> Keybase
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -62,7 +76,7 @@
|
|||||||
{% if author.twitter %}
|
{% if author.twitter %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
|
<a href="https://twitter.com/{{ author.twitter }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter
|
<i class="fab fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -70,15 +84,15 @@
|
|||||||
{% if author.facebook %}
|
{% if author.facebook %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
|
<a href="https://www.facebook.com/{{ author.facebook }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook
|
<i class="fab fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if author.google_plus %}
|
{% if author.google_plus %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://plus.google.com/+{{ author.google_plus }}" itemprop="sameAs">
|
<a href="https://plus.google.com/{{ author.google_plus }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-google-plus-square" aria-hidden="true"></i> Google+
|
<i class="fab fa-fw fa-google-plus-square" aria-hidden="true"></i> Google+
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -86,7 +100,7 @@
|
|||||||
{% if author.linkedin %}
|
{% if author.linkedin %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
|
<a href="https://www.linkedin.com/in/{{ author.linkedin }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> LinkedIn
|
<i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -94,7 +108,7 @@
|
|||||||
{% if author.xing %}
|
{% if author.xing %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
|
<a href="https://www.xing.com/profile/{{ author.xing }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> XING
|
<i class="fab fa-fw fa-xing-square" aria-hidden="true"></i> XING
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -102,7 +116,7 @@
|
|||||||
{% if author.instagram %}
|
{% if author.instagram %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
|
<a href="https://instagram.com/{{ author.instagram }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-instagram" aria-hidden="true"></i> Instagram
|
<i class="fab fa-fw fa-instagram" aria-hidden="true"></i> Instagram
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -110,7 +124,7 @@
|
|||||||
{% if author.tumblr %}
|
{% if author.tumblr %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
|
<a href="https://{{ author.tumblr }}.tumblr.com" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> Tumblr
|
<i class="fab fa-fw fa-tumblr-square" aria-hidden="true"></i> Tumblr
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -118,7 +132,7 @@
|
|||||||
{% if author.bitbucket %}
|
{% if author.bitbucket %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
|
<a href="https://bitbucket.org/{{ author.bitbucket }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket
|
<i class="fab fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -126,7 +140,15 @@
|
|||||||
{% if author.github %}
|
{% if author.github %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://github.com/{{ author.github }}" itemprop="sameAs">
|
<a href="https://github.com/{{ author.github }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub
|
<i class="fab fa-fw fa-github" aria-hidden="true"></i> GitHub
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if author.gitlab %}
|
||||||
|
<li>
|
||||||
|
<a href="https://gitlab.com/{{ author.gitlab }}" itemprop="sameAs">
|
||||||
|
<i class="fab fa-fw fa-gitlab" aria-hidden="true"></i> GitLab
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -134,7 +156,7 @@
|
|||||||
{% if author.stackoverflow %}
|
{% if author.stackoverflow %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
|
<a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> Stackoverflow
|
<i class="fab fa-fw fa-stack-overflow" aria-hidden="true"></i> Stack Overflow
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -142,7 +164,7 @@
|
|||||||
{% if author.lastfm %}
|
{% if author.lastfm %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
|
<a href="https://last.fm/user/{{ author.lastfm }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> Last.fm
|
<i class="fab fa-fw fa-lastfm-square" aria-hidden="true"></i> Last.fm
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -150,7 +172,7 @@
|
|||||||
{% if author.dribbble %}
|
{% if author.dribbble %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
|
<a href="https://dribbble.com/{{ author.dribbble }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble
|
<i class="fab fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -158,7 +180,7 @@
|
|||||||
{% if author.pinterest %}
|
{% if author.pinterest %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
|
<a href="https://www.pinterest.com/{{ author.pinterest }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest
|
<i class="fab fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -166,7 +188,7 @@
|
|||||||
{% if author.foursquare %}
|
{% if author.foursquare %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
|
<a href="https://foursquare.com/{{ author.foursquare }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare
|
<i class="fab fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -174,7 +196,7 @@
|
|||||||
{% if author.steam %}
|
{% if author.steam %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
|
<a href="https://steamcommunity.com/id/{{ author.steam }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> Steam
|
<i class="fab fa-fw fa-steam" aria-hidden="true"></i> Steam
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -183,13 +205,13 @@
|
|||||||
{% if author.youtube contains "://" %}
|
{% if author.youtube contains "://" %}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ author.youtube }}" itemprop="sameAs">
|
<a href="{{ author.youtube }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> YouTube
|
<i class="fab fa-fw fa-youtube" aria-hidden="true"></i> YouTube
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% else author.youtube %}
|
{% else author.youtube %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
|
<a href="https://www.youtube.com/user/{{ author.youtube }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> YouTube
|
<i class="fab fa-fw fa-youtube" aria-hidden="true"></i> YouTube
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -198,7 +220,7 @@
|
|||||||
{% if author.soundcloud %}
|
{% if author.soundcloud %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
|
<a href="https://soundcloud.com/{{ author.soundcloud }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> Soundcloud
|
<i class="fab fa-fw fa-soundcloud" aria-hidden="true"></i> SoundCloud
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -206,7 +228,7 @@
|
|||||||
{% if author.weibo %}
|
{% if author.weibo %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
|
<a href="https://www.weibo.com/{{ author.weibo }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-weibo" aria-hidden="true"></i> Weibo
|
<i class="fab fa-fw fa-weibo" aria-hidden="true"></i> Weibo
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -214,7 +236,7 @@
|
|||||||
{% if author.flickr %}
|
{% if author.flickr %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
|
<a href="https://www.flickr.com/{{ author.flickr }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-flickr" aria-hidden="true"></i> Flickr
|
<i class="fab fa-fw fa-flickr" aria-hidden="true"></i> Flickr
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -222,7 +244,7 @@
|
|||||||
{% if author.codepen %}
|
{% if author.codepen %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
|
<a href="https://codepen.io/{{ author.codepen }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-codepen" aria-hidden="true"></i> CodePen
|
<i class="fab fa-fw fa-codepen" aria-hidden="true"></i> CodePen
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -230,7 +252,7 @@
|
|||||||
{% if author.vine %}
|
{% if author.vine %}
|
||||||
<li>
|
<li>
|
||||||
<a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
|
<a href="https://vine.co/u/{{ author.vine }}" itemprop="sameAs">
|
||||||
<i class="fa fa-fw fa-vine" aria-hidden="true"></i> Vine
|
<i class="fab fa-fw fa-vine" aria-hidden="true"></i> Vine
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
{% case site.categories.type %}
|
{% case site.category_archive.type %}
|
||||||
{% when "liquid" %}
|
{% when "liquid" %}
|
||||||
{% assign path_type = "#" %}
|
{% assign path_type = "#" %}
|
||||||
{% when "jekyll-archives" %}
|
{% when "jekyll-archives" %}
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
{% assign path_type = nil %}
|
{% assign path_type = nil %}
|
||||||
{% assign crumb_path = '/' %}
|
{% assign crumb_path = '/' %}
|
||||||
{% else %}
|
{% else %}
|
||||||
{% assign crumb_path = site.categories.path %}
|
{% assign crumb_path = site.category_archive.path %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<nav class="breadcrumbs">
|
<nav class="breadcrumbs">
|
||||||
@@ -36,4 +36,4 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
|
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|||||||
@@ -11,10 +11,10 @@
|
|||||||
<!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
|
<!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
{% capture page_categories %}{% for category in page.categories %}{{ category | downcase }}#{{ category }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
|
{% capture page_categories %}{% for category in page.categories %}{{ category | downcase }}#{{ category }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
|
||||||
{% assign category_hashes = (page_categories | split: ',' | sort:0) %}
|
{% assign category_hashes = page_categories | split: ',' | sort %}
|
||||||
|
|
||||||
<p class="page__taxonomy">
|
<p class="page__taxonomy">
|
||||||
<strong><i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].categories_label | default: "Categories:" }} </strong>
|
<strong><i class="fas fa-fw fa-folder-open" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].categories_label | default: "Categories:" }} </strong>
|
||||||
<span itemprop="keywords">
|
<span itemprop="keywords">
|
||||||
{% for hash in category_hashes %}
|
{% for hash in category_hashes %}
|
||||||
{% assign keyValue = hash | split: '#' %}
|
{% assign keyValue = hash | split: '#' %}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<article id="comment{{ include.index }}" class="js-comment comment" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
<article id="comment{{ include.index }}" class="js-comment comment" itemprop="comment" itemscope itemtype="http://schema.org/Comment">
|
||||||
<div class="comment__avatar-wrapper">
|
<div class="comment__avatar-wrapper">
|
||||||
<img class="comment__avatar" src="https://www.gravatar.com/avatar/{{ include.email }}?d=mm&s=80">
|
<img class="comment__avatar" src="https://www.gravatar.com/avatar/{{ include.email }}?d=mm&s=80" alt="{{ include.name }}">
|
||||||
</div>
|
</div>
|
||||||
<div class="comment__content-wrapper">
|
<div class="comment__content-wrapper">
|
||||||
<h3 class="comment__author" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
<h3 class="comment__author" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||||||
@@ -19,4 +19,4 @@
|
|||||||
</p>
|
</p>
|
||||||
<div itemprop="text">{{ include.message | markdownify }}</div>
|
<div itemprop="text">{{ include.message | markdownify }}</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -1,22 +1,15 @@
|
|||||||
{% if site.comments.disqus.shortname %}
|
{% if site.comments.disqus.shortname %}
|
||||||
<script type="text/javascript">
|
<script>
|
||||||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
var disqus_config = function () {
|
||||||
var disqus_shortname = '{{ site.comments.disqus.shortname }}';
|
this.page.url = "{{ page.url | absolute_url }}"; // Replace PAGE_URL with your page's canonical URL variable
|
||||||
|
this.page.identifier = "{{ page.id }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
};
|
||||||
(function() {
|
(function() { // DON'T EDIT BELOW THIS LINE
|
||||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
var d = document, s = d.createElement('script');
|
||||||
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js';
|
||||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
s.setAttribute('data-timestamp', +new Date());
|
||||||
})();
|
(d.head || d.body).appendChild(s);
|
||||||
|
})();
|
||||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
|
||||||
(function () {
|
|
||||||
var s = document.createElement('script'); s.async = true;
|
|
||||||
s.type = 'text/javascript';
|
|
||||||
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
|
||||||
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
|
||||||
}());
|
|
||||||
</script>
|
</script>
|
||||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -1,18 +1,18 @@
|
|||||||
{% if site.comments.provider and page.comments %}
|
{% if site.comments.provider and page.comments %}
|
||||||
|
|
||||||
{% case site.comments.provider %}
|
{% case site.comments.provider %}
|
||||||
{% when "disqus" %}
|
{% when "disqus" %}
|
||||||
{% include /comments-providers/disqus.html %}
|
{% include /comments-providers/disqus.html %}
|
||||||
{% when "discourse" %}
|
{% when "discourse" %}
|
||||||
{% include /comments-providers/discourse.html %}
|
{% include /comments-providers/discourse.html %}
|
||||||
{% when "facebook" %}
|
{% when "facebook" %}
|
||||||
{% include /comments-providers/facebook.html %}
|
{% include /comments-providers/facebook.html %}
|
||||||
{% when "google-plus" %}
|
{% when "google-plus" %}
|
||||||
{% include /comments-providers/google-plus.html %}
|
{% include /comments-providers/google-plus.html %}
|
||||||
{% when "staticman" %}
|
{% when "staticman" %}
|
||||||
{% include /comments-providers/staticman.html %}
|
{% include /comments-providers/staticman.html %}
|
||||||
{% when "custom" %}
|
{% when "staticman_v2" %}
|
||||||
{% include /comments-providers/custom.html %}
|
{% include /comments-providers/staticman_v2.html %}
|
||||||
|
{% when "custom" %}
|
||||||
|
{% include /comments-providers/custom.html %}
|
||||||
{% endcase %}
|
{% endcase %}
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -7,7 +7,7 @@
|
|||||||
var form = this;
|
var form = this;
|
||||||
|
|
||||||
$(form).addClass('disabled');
|
$(form).addClass('disabled');
|
||||||
$('#comment-form-submit').html('<i class="fa fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
$('#comment-form-submit').html('<i class="fas fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: $(this).attr('method'),
|
type: $(this).attr('method'),
|
||||||
|
|||||||
+1
-1
@@ -7,7 +7,7 @@
|
|||||||
var form = this;
|
var form = this;
|
||||||
|
|
||||||
$(form).addClass('disabled');
|
$(form).addClass('disabled');
|
||||||
$('#comment-form-submit').html('<i class="fa fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
$('#comment-form-submit').html('<i class="fas fa-spinner fa-spin fa-fw"></i> {{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}');
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: $(this).attr('method'),
|
type: $(this).attr('method'),
|
||||||
+162
-76
@@ -1,83 +1,169 @@
|
|||||||
<div class="page__comments">
|
<div class="page__comments">
|
||||||
{% capture comments_label %}{{ site.data.ui-text[site.locale].comments_label | default: "Comments" }}{% endcapture %}
|
{% capture comments_label %}{{ site.data.ui-text[site.locale].comments_label | default: "Comments" }}{% endcapture %}
|
||||||
{% case site.comments.provider %}
|
{% case site.comments.provider %}
|
||||||
{% when "discourse" %}
|
{% when "discourse" %}
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
||||||
<section id="discourse-comments"></section>
|
<section id="discourse-comments"></section>
|
||||||
{% when "disqus" %}
|
{% when "disqus" %}
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
||||||
<section id="disqus_thread"></section>
|
<section id="disqus_thread"></section>
|
||||||
{% when "facebook" %}
|
{% when "facebook" %}
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
||||||
<section class="fb-comments" data-href="{{ page.url | absolute_url }}" data-mobile="true" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="100%" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
|
<section class="fb-comments" data-href="{{ page.url | absolute_url }}" data-mobile="true" data-num-posts="{{ site.comments.facebook.num_posts | default: 5 }}" data-width="100%" data-colorscheme="{{ site.comments.facebook.colorscheme | default: 'light' }}"></section>
|
||||||
{% when "google-plus" %}
|
{% when "google-plus" %}
|
||||||
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
<h4 class="page__comments-title">{{ comments_label }}</h4>
|
||||||
<section class="g-comments" data-href="{{ page.url | absolute_url }}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</section>
|
<section id="g-comments" class="g-comments">Loading Google+ Comments ...</section>
|
||||||
{% when "staticman" %}
|
<script>
|
||||||
<section id="static-comments">
|
function initComment() {
|
||||||
{% if site.repository and site.staticman.branch %}
|
gapi.comments.render("g-comments", {
|
||||||
<!-- Start static comments -->
|
href: "{{ page.url | absolute_url }}",
|
||||||
<div class="js-comments">
|
width: "624",
|
||||||
{% if site.data.comments[page.slug] %}
|
first_party_property: "BLOGGER",
|
||||||
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_title | default: "Comments" }}</h4>
|
view_type: "FILTERED_POSTMOD"
|
||||||
{% assign comments = site.data.comments[page.slug] | sort %}
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script async type="text/javascript" src="https://apis.google.com/js/plusone.js" onload="initComment()" />
|
||||||
|
<noscript>Please enable JavaScript to view the <a href="https://plus.google.com/">comments powered by Google+.</a></noscript>-->
|
||||||
|
{% when "staticman_v2" %}
|
||||||
|
<section id="static-comments">
|
||||||
|
{% if site.repository and site.staticman.branch %}
|
||||||
|
<!-- Start static comments -->
|
||||||
|
<div class="js-comments">
|
||||||
|
{% if site.data.comments[page.slug] %}
|
||||||
|
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_title | default: "Comments" }}</h4>
|
||||||
|
{% assign comments = site.data.comments[page.slug] | sort %}
|
||||||
|
|
||||||
{% for comment in comments %}
|
{% for comment in comments %}
|
||||||
{% assign email = comment[1].email %}
|
{% assign email = comment[1].email %}
|
||||||
{% assign name = comment[1].name %}
|
{% assign name = comment[1].name %}
|
||||||
{% assign url = comment[1].url %}
|
{% assign url = comment[1].url %}
|
||||||
{% assign date = comment[1].date %}
|
{% assign date = comment[1].date %}
|
||||||
{% assign message = comment[1].message %}
|
{% assign message = comment[1].message %}
|
||||||
{% include comment.html index=forloop.index email=email name=name url=url date=date message=message %}
|
{% include comment.html index=forloop.index email=email name=name url=url date=date message=message %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
|
||||||
<!-- End static comments -->
|
|
||||||
|
|
||||||
<!-- Start new comment form -->
|
|
||||||
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
|
|
||||||
<p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
|
|
||||||
<form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
|
|
||||||
<div class="form__spinner">
|
|
||||||
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
|
|
||||||
<span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- End static comments -->
|
||||||
|
|
||||||
<fieldset>
|
<!-- Start new comment form -->
|
||||||
<label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
|
<div class="page__comments-form">
|
||||||
<textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
|
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
|
||||||
<div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
|
<p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
|
||||||
</fieldset>
|
<form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v2/entry/{{ site.repository }}/{{ site.staticman.branch }}/comments">
|
||||||
<fieldset>
|
<div class="form__spinner">
|
||||||
<label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
|
<i class="fas fa-spinner fa-spin fa-3x fa-fw"></i>
|
||||||
<input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
|
<span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
|
||||||
</fieldset>
|
</div>
|
||||||
<fieldset>
|
|
||||||
<label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
|
<div class="form-group">
|
||||||
<input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
|
<label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
|
||||||
</fieldset>
|
<textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
|
||||||
<fieldset>
|
<div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
|
||||||
<label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
|
</div>
|
||||||
<input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
|
<div class="form-group">
|
||||||
</fieldset>
|
<label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
|
||||||
<fieldset class="hidden" style="display: none;">
|
<input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
|
||||||
<input type="hidden" name="options[slug]" value="{{ page.slug }}">
|
</div>
|
||||||
<label for="comment-form-location">Not used. Leave blank if you are a human.</label>
|
<div class="form-group">
|
||||||
<input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
|
<label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
|
||||||
</fieldset>
|
<input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
|
||||||
<!-- Start comment form alert messaging -->
|
</div>
|
||||||
<p class="hidden js-notice">
|
<div class="form-group">
|
||||||
<strong class="js-notice-text"></strong>
|
<label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
|
||||||
</p>
|
<input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
|
||||||
<!-- End comment form alert messaging -->
|
</div>
|
||||||
<fieldset>
|
<div class="form-group hidden" style="display: none;">
|
||||||
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
<input type="hidden" name="options[slug]" value="{{ page.slug }}">
|
||||||
</fieldset>
|
<label for="comment-form-location">Not used. Leave blank if you are a human.</label>
|
||||||
</form>
|
<input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
|
||||||
<!-- End new comment form -->
|
<input type="hidden" name="options[reCaptcha][siteKey]" value="{{ site.reCaptcha.siteKey }}">
|
||||||
{% endif %}
|
<input type="hidden" name="options[reCaptcha][secret]" value="{{ site.reCaptcha.secret }}">
|
||||||
</section>
|
</div>
|
||||||
{% when "custom" %}
|
<!-- Start comment form alert messaging -->
|
||||||
<section id="custom-comments"></section>
|
<p class="hidden js-notice">
|
||||||
|
<strong class="js-notice-text"></strong>
|
||||||
|
</p>
|
||||||
|
<!-- End comment form alert messaging -->
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="g-recaptcha" data-sitekey="{{ site.reCaptcha.siteKey }}"></div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- End new comment form -->
|
||||||
|
{% if site.reCaptcha.siteKey %}<script async src="https://www.google.com/recaptcha/api.js"></script>{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</section>
|
||||||
|
{% when "staticman" %}
|
||||||
|
<section id="static-comments">
|
||||||
|
{% if site.repository and site.staticman.branch %}
|
||||||
|
<!-- Start static comments -->
|
||||||
|
<div class="js-comments">
|
||||||
|
{% if site.data.comments[page.slug] %}
|
||||||
|
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_title | default: "Comments" }}</h4>
|
||||||
|
{% assign comments = site.data.comments[page.slug] | sort %}
|
||||||
|
|
||||||
|
{% for comment in comments %}
|
||||||
|
{% assign email = comment[1].email %}
|
||||||
|
{% assign name = comment[1].name %}
|
||||||
|
{% assign url = comment[1].url %}
|
||||||
|
{% assign date = comment[1].date %}
|
||||||
|
{% assign message = comment[1].message %}
|
||||||
|
{% include comment.html index=forloop.index email=email name=name url=url date=date message=message %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<!-- End static comments -->
|
||||||
|
|
||||||
|
<!-- Start new comment form -->
|
||||||
|
<div class="page__comments-form">
|
||||||
|
<h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
|
||||||
|
<p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
|
||||||
|
<form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
|
||||||
|
<div class="form__spinner">
|
||||||
|
<i class="fas fa-spinner fa-spin fa-3x fa-fw"></i>
|
||||||
|
<span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
|
||||||
|
<textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
|
||||||
|
<div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
|
||||||
|
<input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
|
||||||
|
<input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
|
||||||
|
<input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
|
||||||
|
</div>
|
||||||
|
<div class="form-group hidden" style="display: none;">
|
||||||
|
<input type="hidden" name="options[slug]" value="{{ page.slug }}">
|
||||||
|
<label for="comment-form-location">Not used. Leave blank if you are a human.</label>
|
||||||
|
<input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
|
||||||
|
</div>
|
||||||
|
<!-- Start comment form alert messaging -->
|
||||||
|
<p class="hidden js-notice">
|
||||||
|
<strong class="js-notice-text"></strong>
|
||||||
|
</p>
|
||||||
|
<!-- End comment form alert messaging -->
|
||||||
|
<div class="form-group">
|
||||||
|
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- End new comment form -->
|
||||||
|
{% endif %}
|
||||||
|
</section>
|
||||||
|
{% when "custom" %}
|
||||||
|
<section id="custom-comments"></section>
|
||||||
{% endcase %}
|
{% endcase %}
|
||||||
</div>
|
</div>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
{% if include.id %}
|
{% if include.id %}
|
||||||
{% assign feature_row = page.[include.id] %}
|
{% assign feature_row = page[include.id] %}
|
||||||
{% else %}
|
{% else %}
|
||||||
{% assign feature_row = page.feature_row %}
|
{% assign feature_row = page.feature_row %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -4,19 +4,22 @@
|
|||||||
<li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
|
<li><strong>{{ site.data.ui-text[site.locale].follow_label }}</strong></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.twitter.username %}
|
{% if site.twitter.username %}
|
||||||
<li><a href="https://twitter.com/{{ site.twitter.username }}"><i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
|
<li><a href="https://twitter.com/{{ site.twitter.username }}"><i class="fab fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.facebook.username %}
|
{% if site.facebook.username %}
|
||||||
<li><a href="https://facebook.com/{{ site.facebook.username }}"><i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
|
<li><a href="https://www.facebook.com/{{ site.facebook.username }}"><i class="fab fa-fw fa-facebook-square" aria-hidden="true"></i> Facebook</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.author.github %}
|
{% if site.author.github %}
|
||||||
<li><a href="http://github.com/{{ site.author.github }}"><i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
|
<li><a href="https://github.com/{{ site.author.github }}"><i class="fab fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li>
|
||||||
|
{% endif %}
|
||||||
|
{% if site.author.gitlab %}
|
||||||
|
<li><a href="https://gitlab.com/{{ site.author.gitlab }}"><i class="fab fa-fw fa-gitlab" aria-hidden="true"></i> Gitlab</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.author.bitbucket %}
|
{% if site.author.bitbucket %}
|
||||||
<li><a href="http://bitbucket.org/{{ site.author.bitbucket }}"><i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
|
<li><a href="https://bitbucket.org/{{ site.author.bitbucket }}"><i class="fab fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}"><i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
|
<li><a href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}"><i class="fas fa-fw fa-rss-square" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].feed_label | default: "Feed" }}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="page__footer-copyright">© {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> & <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
|
<div class="page__footer-copyright">© {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}. {{ site.data.ui-text[site.locale].powered_by | default: "Powered by" }} <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> & <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
|
||||||
|
|||||||
+1
-1
@@ -1,5 +1,5 @@
|
|||||||
{% if include.id %}
|
{% if include.id %}
|
||||||
{% assign gallery = page.[include.id] %}
|
{% assign gallery = page[include.id] %}
|
||||||
{% else %}
|
{% else %}
|
||||||
{% assign gallery = page.gallery %}
|
{% assign gallery = page.gallery %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
<!-- Uniq -->
|
<!-- Uniq -->
|
||||||
{% assign __names = __names | sort %}
|
{% assign __names = __names | sort %}
|
||||||
{% for name in __names | sort %}
|
{% for name in __names %}
|
||||||
|
|
||||||
<!-- If not equal to previous then it must be unique as sorted -->
|
<!-- If not equal to previous then it must be unique as sorted -->
|
||||||
{% unless name == previous %}
|
{% unless name == previous %}
|
||||||
|
|||||||
+10
-1
@@ -31,4 +31,13 @@
|
|||||||
</style>
|
</style>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<meta http-equiv="cleartype" content="on">
|
{% if site.head_scripts %}
|
||||||
|
{% for script in site.head_scripts %}
|
||||||
|
{% if script contains "://" %}
|
||||||
|
{% capture script_path %}{{ script }}{% endcapture %}
|
||||||
|
{% else %}
|
||||||
|
{% capture script_path %}{{ script | absolute_url }}{% endcapture %}
|
||||||
|
{% endif %}
|
||||||
|
<script src="{{ script_path }}"></script>
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
+14
-2
@@ -10,10 +10,22 @@
|
|||||||
{% else %}
|
{% else %}
|
||||||
{% assign domain = site.url | append: site.baseurl %}
|
{% assign domain = site.url | append: site.baseurl %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li class="masthead__menu-item"><a href="{{ domain }}{{ link.url }}">{{ link.title }}</a></li>
|
<li class="masthead__menu-item">
|
||||||
|
<a href="{{ domain }}{{ link.url }}" {% if link.description %}title="{{ link.description }}"{% endif %}>{{ link.title }}</a>
|
||||||
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
<button><div class="navicon"></div></button>
|
{% if site.search == true %}
|
||||||
|
<button class="search__toggle" type="button">
|
||||||
|
<svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16">
|
||||||
|
<path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
{% endif %}
|
||||||
|
<button class="greedy-nav__toggle hidden" type="button">
|
||||||
|
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
|
||||||
|
<div class="navicon"></div>
|
||||||
|
</button>
|
||||||
<ul class="hidden-links hidden"></ul>
|
<ul class="hidden-links hidden"></ul>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -22,6 +22,14 @@
|
|||||||
{% capture overlay_filter %}rgba(0, 0, 0, {{ page.header.overlay_filter }}){% endcapture %}
|
{% capture overlay_filter %}rgba(0, 0, 0, {{ page.header.overlay_filter }}){% endcapture %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% if page.header.image_description %}
|
||||||
|
{% assign image_description = page.header.image_description %}
|
||||||
|
{% else %}
|
||||||
|
{% assign image_description = page.title %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% assign image_description = image_description | markdownify | strip_html | strip_newlines | escape_once %}
|
||||||
|
|
||||||
<div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}"
|
<div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}"
|
||||||
style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}), {% endif %}url('{{ overlay_img_path }}');{% endif %}"
|
style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}), {% endif %}url('{{ overlay_img_path }}');{% endif %}"
|
||||||
>
|
>
|
||||||
@@ -34,18 +42,18 @@
|
|||||||
{{ page.title | default: site.title | markdownify | remove: "<p>" | remove: "</p>" }}
|
{{ page.title | default: site.title | markdownify | remove: "<p>" | remove: "</p>" }}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</h1>
|
</h1>
|
||||||
{% if page.excerpt %}
|
{% if page.header.show_overlay_excerpt != false and page.excerpt %}
|
||||||
<p class="page__lead">{{ page.excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p>
|
<p class="page__lead">{{ page.excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if site.read_time and page.read_time %}
|
{% if site.read_time and page.read_time %}
|
||||||
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
<p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if page.header.cta_url %}
|
{% if page.header.cta_url %}
|
||||||
<p><a href="{{ cta_path }}" class="btn btn--light-outline btn--large">{{ page.header.cta_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
|
<p><a href="{{ cta_path }}" class="btn btn--light-outline btn--large">{{ page.header.cta_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<img src="{{ img_path }}" alt="{{ page.title }}" class="page__hero-image">
|
<img src="{{ img_path }}" alt="{{ image_description }}" class="page__hero-image">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if page.header.caption %}
|
{% if page.header.caption %}
|
||||||
<span class="page__hero-caption">{{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
|
<span class="page__hero-caption">{{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
|
||||||
|
|||||||
@@ -60,7 +60,7 @@
|
|||||||
|
|
||||||
{% comment %} Link next page {% endcomment %}
|
{% comment %} Link next page {% endcomment %}
|
||||||
{% if paginator.next_page %}
|
{% if paginator.next_page %}
|
||||||
<li><a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | absolute_url }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a></li></a></li>
|
<li><a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | absolute_url }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</span></a></li>
|
<li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</span></a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
+23
-1
@@ -1,4 +1,26 @@
|
|||||||
<script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
|
{% if site.footer_scripts %}
|
||||||
|
{% for script in site.footer_scripts %}
|
||||||
|
{% if script contains "://" %}
|
||||||
|
{% capture script_path %}{{ script }}{% endcapture %}
|
||||||
|
{% else %}
|
||||||
|
{% capture script_path %}{{ script | absolute_url }}{% endcapture %}
|
||||||
|
{% endif %}
|
||||||
|
<script src="{{ script_path }}"></script>
|
||||||
|
{% endfor %}
|
||||||
|
{% else %}
|
||||||
|
<script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
|
||||||
|
<script src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if site.search == true or page.layout == "search" %}
|
||||||
|
{%- assign search_provider = site.search_provider | default: "lunr" -%}
|
||||||
|
{%- case search_provider -%}
|
||||||
|
{%- when "lunr" -%}
|
||||||
|
{% include search/lunr-search-scripts.html %}
|
||||||
|
{%- when "algolia" -%}
|
||||||
|
{% include search/algolia-search-scripts.html %}
|
||||||
|
{%- endcase -%}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% include analytics.html %}
|
{% include analytics.html %}
|
||||||
{% include /comments-providers/scripts.html %}
|
{% include /comments-providers/scripts.html %}
|
||||||
|
|||||||
@@ -0,0 +1,54 @@
|
|||||||
|
<!-- Including InstantSearch.js library and styling -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.3.3/dist/instantsearch.min.js"></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.3.3/dist/instantsearch.min.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.3.3/dist/instantsearch-theme-algolia.min.css">
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Instanciating InstantSearch.js with Algolia credentials
|
||||||
|
const search = instantsearch({
|
||||||
|
appId: '{{ site.algolia.application_id }}',
|
||||||
|
apiKey: '{{ site.algolia.search_only_api_key }}',
|
||||||
|
indexName: '{{ site.algolia.index_name }}',
|
||||||
|
searchParameters: {
|
||||||
|
restrictSearchableAttributes: [
|
||||||
|
'title',
|
||||||
|
'content'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const hitTemplate = function(hit) {
|
||||||
|
const url = hit.url;
|
||||||
|
const title = hit._highlightResult.title.value;
|
||||||
|
const content = hit._highlightResult.html.value;
|
||||||
|
|
||||||
|
return `
|
||||||
|
<div class="list__item">
|
||||||
|
<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
|
||||||
|
<h2 class="archive__item-title" itemprop="headline"><a href="{{ site.baseurl }}${url}">${title}</a></h2>
|
||||||
|
<div class="archive__item-excerpt" itemprop="description">${content}</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Adding searchbar and results widgets
|
||||||
|
search.addWidget(
|
||||||
|
instantsearch.widgets.searchBox({
|
||||||
|
container: '.search-searchbar',
|
||||||
|
{% unless site.algolia.powered_by == false %}poweredBy: true,{% endunless %}
|
||||||
|
placeholder: '{{ site.data.ui-text[site.locale].search_placeholder_text | default: "Enter your search term..." }}'
|
||||||
|
})
|
||||||
|
);
|
||||||
|
search.addWidget(
|
||||||
|
instantsearch.widgets.hits({
|
||||||
|
container: '.search-hits',
|
||||||
|
templates: {
|
||||||
|
item: hitTemplate
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
// Starting the search
|
||||||
|
search.start();
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
{% assign lang = site.locale | slice: 0,2 | default: "en" %}
|
||||||
|
{% case lang %}
|
||||||
|
{% when "gr" %}
|
||||||
|
{% assign lang = "gr" %}
|
||||||
|
{% else %}
|
||||||
|
{% assign lang = "en" %}
|
||||||
|
{% endcase %}
|
||||||
|
<script src="{{ '/assets/js/lunr/lunr.min.js' | absolute_url }}"></script>
|
||||||
|
<script src="{{ '/assets/js/lunr/lunr-store.js' | absolute_url }}"></script>
|
||||||
|
<script src="{{ '/assets/js/lunr/lunr-' | append: lang | append: '.js' | absolute_url }}"></script>
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<div class="search-content__inner-wrap">
|
||||||
|
{%- assign search_provider = site.search_provider | default: "lunr" -%}
|
||||||
|
{%- case search_provider -%}
|
||||||
|
{%- when "lunr" -%}
|
||||||
|
<input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
|
||||||
|
<div id="results" class="results"></div>
|
||||||
|
{%- when "algolia" -%}
|
||||||
|
<div class="search-searchbar"></div>
|
||||||
|
<div class="search-hits"></div>
|
||||||
|
{%- endcase -%}
|
||||||
|
</div>
|
||||||
+87
-68
@@ -1,82 +1,111 @@
|
|||||||
<!-- begin SEO -->
|
<!-- begin _includes/seo.html -->
|
||||||
{% if site.url %}
|
{%- if site.url -%}
|
||||||
{% assign seo_url = site.url | append: site.baseurl %}
|
{%- assign seo_url = site.url | append: site.baseurl -%}
|
||||||
{% endif %}
|
{%- endif -%}
|
||||||
{% assign seo_url = seo_url | default: site.github.url %}
|
{%- assign seo_url = seo_url | default: site.github.url -%}
|
||||||
|
|
||||||
{% if page.title %}
|
{% if site.title_separator %}
|
||||||
{% assign seo_title = page.title | append: " " | append: site.title_separator | append: " " | append: site.title %}
|
{% assign title_separator = site.title_separator | default: '-' | replace: '|', '|' %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if seo_title %}
|
{%- if page.title -%}
|
||||||
{% assign seo_title = seo_title | markdownify | strip_html | strip_newlines | escape_once %}
|
{%- assign seo_title = page.title | append: " " | append: title_separator | append: " " | append: site.title -%}
|
||||||
{% endif %}
|
{%- endif -%}
|
||||||
|
|
||||||
{% if site.url %}
|
{%- if seo_title -%}
|
||||||
{% assign canonical_url = page.url | replace: "index.html", "" | prepend: site.url %}
|
{%- assign seo_title = seo_title | markdownify | strip_html | strip_newlines | escape_once -%}
|
||||||
{% endif %}
|
{%- endif -%}
|
||||||
|
|
||||||
<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ site.title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
|
{%- assign canonical_url = page.url | replace: "index.html", "" | absolute_url %}
|
||||||
|
|
||||||
{% assign seo_description = page.description | default: page.excerpt | default: site.description %}
|
{%- assign seo_description = page.description | default: page.excerpt | default: site.description -%}
|
||||||
{% if seo_description %}
|
{%- if seo_description -%}
|
||||||
{% assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once %}
|
{%- assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once -%}
|
||||||
{% endif %}
|
{%- endif -%}
|
||||||
|
|
||||||
|
{%- assign author = page.author | default: page.authors[0] | default: site:author -%}
|
||||||
|
{%- assign author = site.data.authors[author] | default: author -%}
|
||||||
|
|
||||||
|
{%- if author.twitter -%}
|
||||||
|
{%- assign author_twitter = author.twitter | replace: "@", "" -%}
|
||||||
|
{%- endif -%}
|
||||||
|
|
||||||
|
{%- assign page_large_image = page.header.og_image | default: page.header.overlay_image | default: page.header.image -%}
|
||||||
|
{%- unless page_large_image contains '://' -%}
|
||||||
|
{%- assign page_large_image = page_large_image | absolute_url -%}
|
||||||
|
{%- endunless -%}
|
||||||
|
{%- assign page_large_image = page_large_image | escape -%}
|
||||||
|
|
||||||
|
{%- assign page_teaser_image = page.header.teaser | default: site.og_image -%}
|
||||||
|
{%- unless page_teaser_image contains '://' -%}
|
||||||
|
{%- assign page_teaser_image = page_teaser_image | absolute_url -%}
|
||||||
|
{%- endunless -%}
|
||||||
|
{%- assign page_teaser_image = page_teaser_image | escape -%}
|
||||||
|
|
||||||
|
{%- assign site_og_image = site.og_image -%}
|
||||||
|
{%- unless site_og_image contains '://' -%}
|
||||||
|
{%- assign site_og_image = site_og_image | absolute_url -%}
|
||||||
|
{%- endunless -%}
|
||||||
|
{%- assign site_og_image = site_og_image | escape -%}
|
||||||
|
|
||||||
|
{%- if page.date -%}
|
||||||
|
{%- assign og_type = "article" -%}
|
||||||
|
{%- else -%}
|
||||||
|
{%- assign og_type = "website" -%}
|
||||||
|
{%- endif -%}
|
||||||
|
|
||||||
|
<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
|
||||||
<meta name="description" content="{{ seo_description }}">
|
<meta name="description" content="{{ seo_description }}">
|
||||||
|
|
||||||
{% assign seo_author = page.author | default: page.author[0] | default: site.author.name %}
|
{% if author.name %}
|
||||||
{% if seo_author %}
|
<meta name="author" content="{{ author.name | default: author }}">
|
||||||
{% if seo_author.twitter %}
|
|
||||||
{% assign seo_author_twitter = seo_author.twitter %}
|
|
||||||
{% else %}
|
|
||||||
{% if site.data.authors and site.data.authors[seo_author] %}
|
|
||||||
{% assign seo_author_twitter = site.data.authors[seo_author].twitter %}
|
|
||||||
{% else %}
|
|
||||||
{% assign seo_author_twitter = seo_author %}
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% assign seo_author_twitter = seo_author_twitter | replace: "@", "" %}
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<meta name="author" content="{{ seo_author }}">
|
<meta property="og:type" content="{{ og_type }}">
|
||||||
|
|
||||||
<meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
|
<meta property="og:locale" content="{{ site.locale | replace: "-", "_" | default: "en_US" }}">
|
||||||
<meta property="og:site_name" content="{{ site.title }}">
|
<meta property="og:site_name" content="{{ site.title }}">
|
||||||
<meta property="og:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
|
<meta property="og:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
|
||||||
|
<meta property="og:url" content="{{ canonical_url }}">
|
||||||
{% if seo_url %}
|
|
||||||
<link rel="canonical" href="{{ page.url | prepend: seo_url | replace: "/index.html", "/" }}">
|
|
||||||
<meta property="og:url" content="{{ page.url | prepend: seo_url | replace: "/index.html", "/" }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.excerpt %}
|
{% if page.excerpt %}
|
||||||
<meta property="og:description" content="{{ seo_description }}">
|
<meta property="og:description" content="{{ seo_description }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% if page_large_image %}
|
||||||
|
<meta property="og:image" content="{{ page_large_image }}">
|
||||||
|
{% elsif page_teaser_image %}
|
||||||
|
<meta property="og:image" content="{{ page_teaser_image }}">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% if site.twitter.username %}
|
{% if site.twitter.username %}
|
||||||
<meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
|
<meta name="twitter:site" content="@{{ site.twitter.username | replace: "@", "" }}">
|
||||||
<meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
|
<meta name="twitter:title" content="{{ page.title | default: site.title | markdownify | strip_html | strip_newlines | escape_once }}">
|
||||||
<meta name="twitter:description" content="{{ seo_description }}">
|
<meta name="twitter:description" content="{{ seo_description }}">
|
||||||
<meta name="twitter:url" content="{{ canonical_url }}">
|
<meta name="twitter:url" content="{{ canonical_url }}">
|
||||||
|
|
||||||
{% if page.header.image %}
|
{% if page_large_image %}
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
<meta name="twitter:image" content="{% if page.header.image contains "://" %}{{ page.header.image }}{% else %}{{ page.header.image | absolute_url }}{% endif %}">
|
<meta name="twitter:image" content="{{ page_large_image }}">
|
||||||
{% else %}
|
{% else %}
|
||||||
<meta name="twitter:card" content="summary">
|
<meta name="twitter:card" content="summary">
|
||||||
{% if page.header.teaser %}
|
{% if page_teaser_image %}
|
||||||
<meta name="twitter:image" content="{% if page.header.teaser contains "://" %}{{ page.header.teaser }}{% else %}{{ page.header.teaser | absolute_url }}{% endif %}">
|
<meta name="twitter:image" content="{{ page_teaser_image }}">
|
||||||
{% elsif site.og_image %}
|
|
||||||
<meta name="twitter:image" content="{{ site.og_image | absolute_url }}">
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if seo_author_twitter %}
|
{% if author_twitter %}
|
||||||
<meta name="twitter:creator" content="@{{ seo_author_twitter }}">
|
<meta name="twitter:creator" content="@{{ author_twitter }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% if page.date %}
|
||||||
|
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if og_type == "article" and page.last_modified_at %}
|
||||||
|
<meta property="article:modified_time" content="{{ page.last_modified_at | date_to_xmlschema }}">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% if site.facebook %}
|
{% if site.facebook %}
|
||||||
{% if site.facebook.publisher %}
|
{% if site.facebook.publisher %}
|
||||||
<meta property="article:publisher" content="{{ site.facebook.publisher }}">
|
<meta property="article:publisher" content="{{ site.facebook.publisher }}">
|
||||||
@@ -87,26 +116,13 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if page.header.image %}
|
<link rel="canonical" href="{{ canonical_url }}">
|
||||||
<meta property="og:image" content="{% if page.header.image contains "://" %}{{ page.header.image }}{% else %}{{ page.header.image | absolute_url }}{% endif %}">
|
|
||||||
{% elsif page.header.overlay_image %}
|
|
||||||
<meta property="og:image" content="{% if page.header.overlay_image contains "://" %}{{ page.header.overlay_image }}{% else %}{{ page.header.overlay_image | absolute_url }}{% endif %}">
|
|
||||||
{% elsif page.header.teaser %}
|
|
||||||
<meta property="og:image" content="{% if page.header.teaser contains "://" %}{{ page.header.teaser }}{% else %}{{ page.header.teaser | absolute_url }}{% endif %}">
|
|
||||||
{% elsif site.og_image %}
|
|
||||||
<meta property="og:image" content="{% if site.og_image contains "://" %}{{ site.og_image }}{% else %}{{ site.og_image | absolute_url }}{% endif %}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if page.date %}
|
|
||||||
<meta property="og:type" content="article">
|
|
||||||
<meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if paginator.previous_page %}
|
{% if paginator.previous_page %}
|
||||||
<link rel="prev" href="{{ paginator.previous_page_path | prepend: seo_url }}">
|
<link rel="prev" href="{{ paginator.previous_page_path | absolute_url }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if paginator.next_page %}
|
{% if paginator.next_page %}
|
||||||
<link rel="next" href="{{ paginator.next_page_path | prepend: seo_url }}">
|
<link rel="next" href="{{ paginator.next_page_path | absolute_url }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if site.og_image %}
|
{% if site.og_image %}
|
||||||
@@ -115,7 +131,7 @@
|
|||||||
"@context": "http://schema.org",
|
"@context": "http://schema.org",
|
||||||
"@type": "Organization",
|
"@type": "Organization",
|
||||||
"url": {{ seo_url | jsonify }},
|
"url": {{ seo_url | jsonify }},
|
||||||
"logo": {{ site.og_image | absolute_url | jsonify }}
|
"logo": {{ site_og_image | jsonify }}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -123,11 +139,11 @@
|
|||||||
{% if site.social %}
|
{% if site.social %}
|
||||||
<script type="application/ld+json">
|
<script type="application/ld+json">
|
||||||
{
|
{
|
||||||
"@context" : "http://schema.org",
|
"@context": "http://schema.org",
|
||||||
"@type" : "{% if site.social.type %}{{ site.social.type }}{% else %}Person{% endif %}",
|
"@type": "{% if site.social.type %}{{ site.social.type }}{% else %}Person{% endif %}",
|
||||||
"name" : "{{ site.social.name | default: site.name }}",
|
"name": {{ site.social.name | default: site.name | jsonify }},
|
||||||
"url" : {{ seo_url | jsonify }},
|
"url": {{ seo_url | jsonify }},
|
||||||
"sameAs" : {{ site.social.links | jsonify }}
|
"sameAs": {{ site.social.links | jsonify }}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -144,4 +160,7 @@
|
|||||||
{% if site.yandex_site_verification %}
|
{% if site.yandex_site_verification %}
|
||||||
<meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
|
<meta name="yandex-verification" content="{{ site.yandex_site_verification }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<!-- end SEO -->
|
{% if site.naver-site-verification %}
|
||||||
|
<meta name="naver-site-verification" content="{{ site.naver-site-verification }}">
|
||||||
|
{% endif %}
|
||||||
|
<!-- end _includes/seo.html -->
|
||||||
|
|||||||
@@ -3,11 +3,11 @@
|
|||||||
<h4 class="page__share-title">{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}</h4>
|
<h4 class="page__share-title">{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}</h4>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username }}&{% endif %}text={{ page.title }} {{ page.url | absolute_url }}" class="btn btn--twitter" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Twitter"><i class="fa fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
|
<a href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" class="btn btn--twitter" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Twitter"><i class="fab fa-fw fa-twitter" aria-hidden="true"></i><span> Twitter</span></a>
|
||||||
|
|
||||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}" class="btn btn--facebook" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Facebook"><i class="fa fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
|
<a href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" class="btn btn--facebook" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Facebook"><i class="fab fa-fw fa-facebook" aria-hidden="true"></i><span> Facebook</span></a>
|
||||||
|
|
||||||
<a href="https://plus.google.com/share?url={{ page.url | absolute_url }}" class="btn btn--google-plus" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Google Plus"><i class="fa fa-fw fa-google-plus" aria-hidden="true"></i><span> Google+</span></a>
|
<a href="https://plus.google.com/share?url={{ page.url | absolute_url | url_encode }}" class="btn btn--google-plus" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} Google Plus"><i class="fab fa-fw fa-google-plus" aria-hidden="true"></i><span> Google+</span></a>
|
||||||
|
|
||||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url }}" class="btn btn--linkedin" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} LinkedIn"><i class="fa fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
|
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" class="btn btn--linkedin" onclick="window.open(this.href, 'window', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="{{ site.data.ui-text[site.locale].share_on_label | default: 'Share on' }} LinkedIn"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i><span> LinkedIn</span></a>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -11,10 +11,10 @@
|
|||||||
<!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
|
<!-- modified from http://www.codeofclimber.ru/2015/sorting-site-tags-in-jekyll/ -->
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
{% capture page_tags %}{% for tag in page.tags %}{{ tag | downcase }}#{{ tag }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
|
{% capture page_tags %}{% for tag in page.tags %}{{ tag | downcase }}#{{ tag }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
|
||||||
{% assign tag_hashes = (page_tags | split: ',' | sort:0) %}
|
{% assign tag_hashes = page_tags | split: ',' | sort %}
|
||||||
|
|
||||||
<p class="page__taxonomy">
|
<p class="page__taxonomy">
|
||||||
<strong><i class="fa fa-fw fa-tags" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].tags_label | default: "Tags:" }} </strong>
|
<strong><i class="fas fa-fw fa-tags" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].tags_label | default: "Tags:" }} </strong>
|
||||||
<span itemprop="keywords">
|
<span itemprop="keywords">
|
||||||
{% for hash in tag_hashes %}
|
{% for hash in tag_hashes %}
|
||||||
{% assign keyValue = hash | split: '#' %}
|
{% assign keyValue = hash | split: '#' %}
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
<aside class="sidebar__right">
|
<aside class="sidebar__right">
|
||||||
<nav class="toc" markdown="1">
|
<nav class="toc" markdown="1">
|
||||||
<header><h4 class="nav__title"><i class="fa fa-{{ include.icon | default: 'file-text' }}"></i> {{ include.title | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
|
<header><h4 class="nav__title"><i class="fas fa-{{ include.icon | default: 'file-alt' }}"></i> {{ include.title | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
|
||||||
* Auto generated table of contents
|
* Auto generated table of contents
|
||||||
{:toc .toc__menu}
|
{:toc .toc__menu}
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
@@ -0,0 +1,75 @@
|
|||||||
|
{% capture tocWorkspace %}
|
||||||
|
{%- comment -%}
|
||||||
|
Version 1.0.2
|
||||||
|
|
||||||
|
"...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
|
||||||
|
|
||||||
|
Usage:
|
||||||
|
{% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
|
||||||
|
|
||||||
|
Parameters:
|
||||||
|
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
|
||||||
|
|
||||||
|
Optional Parameters:
|
||||||
|
* sanitize (bool) : false - when set to true, the headers will be stripped of any HTML in the TOC
|
||||||
|
* class (string) : '' - a CSS class assigned to the TOC
|
||||||
|
* id (string) : '' - an ID to assigned to the TOC
|
||||||
|
* h_min (int) : 1 - the minimum TOC header level to use; any header lower than this value will be ignored
|
||||||
|
* h_max (int) : 6 - the maximum TOC header level to use; any header greater than this value will be ignored
|
||||||
|
|
||||||
|
Output:
|
||||||
|
An unordered list representing the table of contents of a markdown block. This snippet will only generate the table of contents and will NOT output the markdown given to it
|
||||||
|
{%- endcomment -%}
|
||||||
|
|
||||||
|
{% capture my_toc %}{% endcapture %}
|
||||||
|
{% assign minHeader = include.h_min | default: 1 %}
|
||||||
|
{% assign maxHeader = include.h_max | default: 6 %}
|
||||||
|
{% assign nodes = include.html | split: '<h' %}
|
||||||
|
{% assign firstHeader = true %}
|
||||||
|
|
||||||
|
{% for node in nodes %}
|
||||||
|
{% if node == "" %}
|
||||||
|
{% continue %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
|
||||||
|
|
||||||
|
{% if headerLevel < minHeader or headerLevel > maxHeader %}
|
||||||
|
{% continue %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if firstHeader %}
|
||||||
|
{% assign firstHeader = false %}
|
||||||
|
{% assign minHeader = headerLevel %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% assign indentAmount = headerLevel | minus: minHeader | add: 1 %}
|
||||||
|
{% assign _workspace = node | split: '</h' %}
|
||||||
|
|
||||||
|
{% assign _idWorkspace = _workspace[0] | split: 'id="' %}
|
||||||
|
{% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
|
||||||
|
{% assign html_id = _idWorkspace[0] %}
|
||||||
|
|
||||||
|
{% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
|
||||||
|
{% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
|
||||||
|
|
||||||
|
{% assign space = '' %}
|
||||||
|
{% for i in (1..indentAmount) %}
|
||||||
|
{% assign space = space | prepend: ' ' %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
{% capture my_toc %}{{ my_toc }}
|
||||||
|
{{ space }}- [{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}](#{{ html_id }}){% endcapture %}
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
{% if include.class %}
|
||||||
|
{% capture my_toc %}{:.{{ include.class }}}
|
||||||
|
{{ my_toc | lstrip }}{% endcapture %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if include.id %}
|
||||||
|
{% capture my_toc %}{: #{{ include.id }}}
|
||||||
|
{{ my_toc | lstrip }}{% endcapture %}
|
||||||
|
{% endif %}
|
||||||
|
{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
|
||||||
+12
-4
@@ -3,8 +3,8 @@
|
|||||||
|
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
Minimal Mistakes Jekyll Theme 4.4.1 by Michael Rose
|
Minimal Mistakes Jekyll Theme 4.10.0 by Michael Rose
|
||||||
Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
Copyright 2013-2018 Michael Rose - mademistakes.com | @mmistakes
|
||||||
Free for personal and commercial use under the MIT license
|
Free for personal and commercial use under the MIT license
|
||||||
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
|
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
|
||||||
-->
|
-->
|
||||||
@@ -19,7 +19,15 @@
|
|||||||
{% include browser-upgrade.html %}
|
{% include browser-upgrade.html %}
|
||||||
{% include masthead.html %}
|
{% include masthead.html %}
|
||||||
|
|
||||||
{{ content }}
|
<div class="initial-content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if site.search == true %}
|
||||||
|
<div class="search-content">
|
||||||
|
{% include search/search_form.html %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="page__footer">
|
<div class="page__footer">
|
||||||
<footer>
|
<footer>
|
||||||
@@ -31,4 +39,4 @@
|
|||||||
{% include scripts.html %}
|
{% include scripts.html %}
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -4,8 +4,6 @@ layout: default
|
|||||||
|
|
||||||
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
||||||
{% include page__hero.html %}
|
{% include page__hero.html %}
|
||||||
{% elsif page.header.video.id and page.header.video.provider %}
|
|
||||||
{% include page__hero_video.html %}
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if page.url != "/" and site.breadcrumbs %}
|
{% if page.url != "/" and site.breadcrumbs %}
|
||||||
@@ -21,6 +19,17 @@ layout: default
|
|||||||
{% unless page.header.overlay_color or page.header.overlay_image %}
|
{% unless page.header.overlay_color or page.header.overlay_image %}
|
||||||
<h1 class="page__title">{{ page.title }}</h1>
|
<h1 class="page__title">{{ page.title }}</h1>
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
|
|
||||||
|
{%- assign search_provider = site.search_provider | default: "lunr" -%}
|
||||||
|
{%- case search_provider -%}
|
||||||
|
{%- when "lunr" -%}
|
||||||
|
<input type="text" id="search" class="search-input" tabindex="-1" placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: 'Enter your search term...' }}" />
|
||||||
|
<div id="results" class="results"></div>
|
||||||
|
{%- when "algolia" -%}
|
||||||
|
<div class="search-searchbar"></div>
|
||||||
|
<div class="search-hits"></div>
|
||||||
|
{%- endcase -%}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
+24
-6
@@ -28,14 +28,22 @@ layout: default
|
|||||||
<header>
|
<header>
|
||||||
{% if page.title %}<h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
|
{% if page.title %}<h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
|
||||||
{% if page.read_time %}
|
{% if page.read_time %}
|
||||||
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
<p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</header>
|
</header>
|
||||||
{% endunless %}
|
{% endunless %}
|
||||||
|
|
||||||
<section class="page__content" itemprop="text">
|
<section class="page__content" itemprop="text">
|
||||||
|
{% if page.toc %}
|
||||||
|
<aside class="sidebar__right">
|
||||||
|
<nav class="toc">
|
||||||
|
<header><h4 class="nav__title"><i class="fas fa-{{ page.toc_icon | default: 'file-alt' }}"></i> {{ page.toc_label | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
|
||||||
|
{% include toc.html sanitize=true html=content h_min=2 h_max=3 class="toc__menu" %}
|
||||||
|
</nav>
|
||||||
|
</aside>
|
||||||
|
{% endif %}
|
||||||
{{ content }}
|
{{ content }}
|
||||||
{% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
|
{% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer class="page__meta">
|
<footer class="page__meta">
|
||||||
@@ -44,9 +52,9 @@ layout: default
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
{% include page__taxonomy.html %}
|
{% include page__taxonomy.html %}
|
||||||
{% if page.last_modified_at %}
|
{% if page.last_modified_at %}
|
||||||
<p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.last_modified_at | date: "%Y-%m-%d" }}">{{ page.last_modified_at | date: "%B %d, %Y" }}</time></p>
|
<p class="page__date"><strong><i class="fas fa-fw fa-calendar-alt" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.last_modified_at | date: "%Y-%m-%d" }}">{{ page.last_modified_at | date: "%B %d, %Y" }}</time></p>
|
||||||
{% elsif page.date %}
|
{% elsif page.date %}
|
||||||
<p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
|
<p class="page__date"><strong><i class="fas fa-fw fa-calendar-alt" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
@@ -55,12 +63,12 @@ layout: default
|
|||||||
{% include post_pagination.html %}
|
{% include post_pagination.html %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if site.comments.provider and page.comments %}
|
{% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
|
||||||
{% include comments.html %}
|
{% include comments.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
{% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
|
{% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
|
||||||
{% if page.id and page.related and site.related_posts.size > 0 %}
|
{% if page.id and page.related and site.related_posts.size > 0 %}
|
||||||
<div class="page__related">
|
<div class="page__related">
|
||||||
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
||||||
@@ -70,5 +78,15 @@ layout: default
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{% comment %}<!-- otherwise show recent posts if no related when `related: true` -->{% endcomment %}
|
||||||
|
{% elsif page.id and page.related %}
|
||||||
|
<div class="page__related">
|
||||||
|
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
||||||
|
<div class="grid__wrapper">
|
||||||
|
{% for post in site.posts limit:4 %}
|
||||||
|
{% include archive-single.html type="grid" %}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
/*!
|
/*!
|
||||||
* Minimal Mistakes Jekyll Theme 4.4.1 by Michael Rose
|
* Minimal Mistakes Jekyll Theme 4.10.0 by Michael Rose
|
||||||
* Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
* Copyright 2013-2018 Michael Rose - mademistakes.com | @mmistakes
|
||||||
* Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
|
* Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@@ -10,7 +10,6 @@
|
|||||||
/* Mixins and functions */
|
/* Mixins and functions */
|
||||||
@import "minimal-mistakes/vendor/breakpoint/breakpoint";
|
@import "minimal-mistakes/vendor/breakpoint/breakpoint";
|
||||||
@include breakpoint-set("to ems", true);
|
@include breakpoint-set("to ems", true);
|
||||||
@import "minimal-mistakes/vendor/font-awesome/font-awesome";
|
|
||||||
@import "minimal-mistakes/vendor/magnific-popup/magnific-popup"; // Magnific Popup
|
@import "minimal-mistakes/vendor/magnific-popup/magnific-popup"; // Magnific Popup
|
||||||
@import "minimal-mistakes/vendor/susy/susy";
|
@import "minimal-mistakes/vendor/susy/susy";
|
||||||
@import "minimal-mistakes/mixins";
|
@import "minimal-mistakes/mixins";
|
||||||
@@ -28,6 +27,7 @@
|
|||||||
@import "minimal-mistakes/masthead";
|
@import "minimal-mistakes/masthead";
|
||||||
@import "minimal-mistakes/navigation";
|
@import "minimal-mistakes/navigation";
|
||||||
@import "minimal-mistakes/footer";
|
@import "minimal-mistakes/footer";
|
||||||
|
@import "minimal-mistakes/search";
|
||||||
@import "minimal-mistakes/syntax";
|
@import "minimal-mistakes/syntax";
|
||||||
|
|
||||||
/* Utility classes */
|
/* Utility classes */
|
||||||
@@ -37,4 +37,4 @@
|
|||||||
@import "minimal-mistakes/page";
|
@import "minimal-mistakes/page";
|
||||||
@import "minimal-mistakes/archive";
|
@import "minimal-mistakes/archive";
|
||||||
@import "minimal-mistakes/sidebar";
|
@import "minimal-mistakes/sidebar";
|
||||||
@import "minimal-mistakes/print";
|
@import "minimal-mistakes/print";
|
||||||
|
|||||||
@@ -5,18 +5,15 @@
|
|||||||
.archive {
|
.archive {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
|
||||||
@include span(12 of 12);
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
@include span(10 of 12 last);
|
float: right;
|
||||||
@include prefix(0.5 of 12);
|
width: calc(100% - #{$right-sidebar-width-narrow});
|
||||||
|
padding-right: $right-sidebar-width-narrow;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
@include breakpoint($x-large) {
|
||||||
color: inherit;
|
width: calc(100% - #{$right-sidebar-width});
|
||||||
text-decoration: none;
|
padding-right: $right-sidebar-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -24,7 +21,7 @@
|
|||||||
margin: 1.414em 0 0;
|
margin: 1.414em 0 0;
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
font-size: $type-size-5;
|
font-size: $type-size-5;
|
||||||
color: mix(#fff, $gray, 25%);
|
color: $muted-text-color;
|
||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
|
|
||||||
+ .list__item .archive__item-title {
|
+ .list__item .archive__item-title {
|
||||||
@@ -35,6 +32,13 @@
|
|||||||
.archive__item-title {
|
.archive__item-title {
|
||||||
margin-bottom: 0.25em;
|
margin-bottom: 0.25em;
|
||||||
font-family: $sans-serif-narrow;
|
font-family: $sans-serif-narrow;
|
||||||
|
line-height: initial;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
a + a {
|
a + a {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
@@ -43,7 +47,6 @@
|
|||||||
|
|
||||||
/* remove border*/
|
/* remove border*/
|
||||||
.page__content {
|
.page__content {
|
||||||
|
|
||||||
.archive__item-title {
|
.archive__item-title {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
@@ -67,49 +70,85 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.archive__item:hover {
|
|
||||||
.archive__item-teaser {
|
|
||||||
box-shadow: 0 0 10px rgba(#000, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-title {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
List view
|
List view
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.list__item {
|
.list__item {
|
||||||
@include breakpoint($medium) {
|
|
||||||
padding-right: $right-sidebar-width-narrow;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($large) {
|
|
||||||
padding-right: $right-sidebar-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
|
||||||
padding-right: $right-sidebar-width-wide;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page__meta {
|
.page__meta {
|
||||||
margin: 0 0 4px;
|
margin: 0 0 4px;
|
||||||
|
font-size: 0.6em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Grid view
|
Grid view
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
|
.archive {
|
||||||
|
.grid__wrapper {
|
||||||
|
/* extend grid elements to the right */
|
||||||
|
|
||||||
|
@include breakpoint($large) {
|
||||||
|
margin-right: -1 * $right-sidebar-width-narrow;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
margin-right: -1 * $right-sidebar-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.grid__item {
|
.grid__item {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
|
|
||||||
|
@include breakpoint($small) {
|
||||||
|
float: left;
|
||||||
|
width: span(5 of 10);
|
||||||
|
|
||||||
|
&:nth-child(2n + 1) {
|
||||||
|
clear: both;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(2n + 2) {
|
||||||
|
clear: none;
|
||||||
|
margin-left: gutter(of 10);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($medium) {
|
||||||
|
margin-left: 0; /* override margin*/
|
||||||
|
margin-right: 0; /* override margin*/
|
||||||
|
width: span(3 of 12);
|
||||||
|
|
||||||
|
&:nth-child(2n + 1) {
|
||||||
|
clear: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(4n + 1) {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(4n + 2) {
|
||||||
|
clear: none;
|
||||||
|
margin-left: gutter(1 of 12);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(4n + 3) {
|
||||||
|
clear: none;
|
||||||
|
margin-left: gutter(1 of 12);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(4n + 4) {
|
||||||
|
clear: none;
|
||||||
|
margin-left: gutter(1 of 12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.page__meta {
|
.page__meta {
|
||||||
margin: 0 0 4px;
|
margin: 0 0 4px;
|
||||||
|
font-size: 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.archive__item-title {
|
.archive__item-title {
|
||||||
@@ -119,31 +158,23 @@
|
|||||||
|
|
||||||
.archive__item-excerpt {
|
.archive__item-excerpt {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($small) {
|
@include breakpoint($medium) {
|
||||||
@include gallery(5 of 10);
|
|
||||||
.archive__item-teaser {
|
|
||||||
max-height: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint($medium) {
|
|
||||||
margin-left: 0; /* reset before mixin does its thing*/
|
|
||||||
margin-right: 0; /* reset before mixin does its thing*/
|
|
||||||
@include gallery(2.5 of 10);
|
|
||||||
|
|
||||||
.archive__item-teaser {
|
|
||||||
max-height: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.archive__item-excerpt {
|
|
||||||
display: block;
|
display: block;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
.archive__item-teaser {
|
||||||
|
@include breakpoint($small) {
|
||||||
|
max-height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($medium) {
|
||||||
|
max-height: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Features
|
Features
|
||||||
@@ -160,8 +191,24 @@
|
|||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
|
||||||
@include breakpoint($small) {
|
@include breakpoint($small) {
|
||||||
|
float: left;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@include gallery(4 of 12);
|
width: span(4 of 12);
|
||||||
|
|
||||||
|
&:nth-child(3n + 1) {
|
||||||
|
clear: both;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3n + 2) {
|
||||||
|
clear: none;
|
||||||
|
margin-left: gutter(of 12);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3n + 3) {
|
||||||
|
clear: none;
|
||||||
|
margin-left: gutter(of 12);
|
||||||
|
}
|
||||||
|
|
||||||
.feature__item-teaser {
|
.feature__item-teaser {
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
@@ -170,7 +217,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&--left {
|
&--left {
|
||||||
@include full();
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
@@ -179,19 +230,25 @@
|
|||||||
|
|
||||||
@include breakpoint($small) {
|
@include breakpoint($small) {
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
@include span(5 of 12);
|
float: left;
|
||||||
|
width: span(5 of 12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.archive__item-body {
|
.archive__item-body {
|
||||||
@include span(7 of 12 last);
|
float: right;
|
||||||
@include prefix(0.5 of 12);
|
padding-left: gutter(0.5 of 12);
|
||||||
@include suffix(1 of 12);
|
padding-right: gutter(1 of 12);
|
||||||
|
width: span(7 of 12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&--right {
|
&--right {
|
||||||
@include full();
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
@@ -202,19 +259,25 @@
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
@include span(5 of 12 rtl);
|
float: right;
|
||||||
|
width: span(5 of 12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.archive__item-body {
|
.archive__item-body {
|
||||||
@include span(7 of 12 last rtl);
|
float: right;
|
||||||
@include prefix(0.5 of 12);
|
width: span(7 of 12);
|
||||||
@include suffix(1 of 12);
|
padding-left: gutter(0.5 of 12);
|
||||||
|
padding-right: gutter(1 of 12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&--center {
|
&--center {
|
||||||
@include full();
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
|
||||||
.archive__item-teaser {
|
.archive__item-teaser {
|
||||||
@@ -235,4 +298,22 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Place inside an archive layout */
|
||||||
|
|
||||||
|
.archive {
|
||||||
|
.feature__wrapper {
|
||||||
|
.archive__item-title {
|
||||||
|
margin-top: 0.25em;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature__item,
|
||||||
|
.feature__item--left,
|
||||||
|
.feature__item--center,
|
||||||
|
.feature__item--right {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -21,7 +21,12 @@ body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
margin: 2em 0 0.5em;
|
margin: 2em 0 0.5em;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
font-family: $header-font-family;
|
font-family: $header-font-family;
|
||||||
@@ -53,7 +58,8 @@ h6 {
|
|||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
|
|
||||||
small, .small {
|
small,
|
||||||
|
.small {
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -76,7 +82,15 @@ del a {
|
|||||||
|
|
||||||
/* reduce orphans and widows when printing */
|
/* reduce orphans and widows when printing */
|
||||||
|
|
||||||
p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
|
p,
|
||||||
|
pre,
|
||||||
|
blockquote,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl,
|
||||||
|
figure,
|
||||||
|
table,
|
||||||
|
fieldset {
|
||||||
orphans: 3;
|
orphans: 3;
|
||||||
widows: 3;
|
widows: 3;
|
||||||
}
|
}
|
||||||
@@ -118,13 +132,28 @@ a {
|
|||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
|
color: $link-color-hover;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
color: $link-color-visited;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* buttons */
|
||||||
|
|
||||||
|
button:focus {
|
||||||
|
@extend %tab-focus;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* code */
|
/* code */
|
||||||
|
|
||||||
tt, code, kbd, samp, pre {
|
tt,
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp,
|
||||||
|
pre {
|
||||||
font-family: $monospace;
|
font-family: $monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -141,11 +170,10 @@ td > code {
|
|||||||
padding-bottom: 0.1rem;
|
padding-bottom: 0.1rem;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
background: $code-background-color;
|
background: $code-background-color;
|
||||||
border: 1px solid $lighter-gray;
|
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
box-shadow: $box-shadow;
|
|
||||||
|
|
||||||
&:before, &:after {
|
&:before,
|
||||||
|
&:after {
|
||||||
letter-spacing: -0.2em;
|
letter-spacing: -0.2em;
|
||||||
content: "\00a0"; /* non-breaking space*/
|
content: "\00a0"; /* non-breaking space*/
|
||||||
}
|
}
|
||||||
@@ -182,9 +210,9 @@ figure {
|
|||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-pack: justify;
|
-webkit-box-pack: justify;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
-webkit-box-align: start;
|
-webkit-box-align: start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin: 2em 0;
|
margin: 2em 0;
|
||||||
|
|
||||||
@@ -236,32 +264,26 @@ figure {
|
|||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
color: mix(#fff, $text-color, 25%);
|
color: $muted-text-color;
|
||||||
font-family: $caption-font-family;
|
font-family: $caption-font-family;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: 1px solid $light-gray;
|
|
||||||
-webkit-transition: $global-transition;
|
-webkit-transition: $global-transition;
|
||||||
transition: $global-transition;
|
transition: $global-transition;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #000;
|
color: $link-color-hover;
|
||||||
border-bottom-color: #000;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Fix IE9 SVG bug */
|
/* Fix IE9 SVG bug */
|
||||||
|
|
||||||
svg:not(:root) {
|
svg:not(:root) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Navigation lists
|
Navigation lists
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -309,7 +331,28 @@ nav {
|
|||||||
Global animation transition
|
Global animation transition
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, input[type="submit"], .btn, .highlight, .archive__item-teaser {
|
b,
|
||||||
|
i,
|
||||||
|
strong,
|
||||||
|
em,
|
||||||
|
blockquote,
|
||||||
|
p,
|
||||||
|
q,
|
||||||
|
span,
|
||||||
|
figure,
|
||||||
|
img,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
header,
|
||||||
|
input,
|
||||||
|
a,
|
||||||
|
tr,
|
||||||
|
td,
|
||||||
|
form button,
|
||||||
|
input[type="submit"],
|
||||||
|
.btn,
|
||||||
|
.highlight,
|
||||||
|
.archive__item-teaser {
|
||||||
-webkit-transition: $global-transition;
|
-webkit-transition: $global-transition;
|
||||||
transition: $global-transition;
|
transition: $global-transition;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,25 +7,19 @@
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
/* default button */
|
/* default */
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 0.25em;
|
margin-bottom: 0.25em;
|
||||||
padding: 0.5em 1em;
|
padding: 0.5em 1em;
|
||||||
color: #fff !important;
|
|
||||||
font-family: $sans-serif;
|
font-family: $sans-serif;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: $primary-color;
|
border-width: 0;
|
||||||
border: 0 !important;
|
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: mix(white, #000, 20%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
@@ -34,8 +28,41 @@
|
|||||||
margin-left: -0.5em; /* override for hidden text*/
|
margin-left: -0.5em; /* override for hidden text*/
|
||||||
}
|
}
|
||||||
|
|
||||||
/* fills width of parent container */
|
/* button colors */
|
||||||
|
$buttoncolors:
|
||||||
|
(primary, $primary-color),
|
||||||
|
(inverse, #fff),
|
||||||
|
(light-outline, transparent),
|
||||||
|
(success, $success-color),
|
||||||
|
(warning, $warning-color),
|
||||||
|
(danger, $danger-color),
|
||||||
|
(info, $info-color),
|
||||||
|
(facebook, $facebook-color),
|
||||||
|
(twitter, $twitter-color),
|
||||||
|
(google-plus, $google-plus-color),
|
||||||
|
(linkedin, $linkedin-color);
|
||||||
|
|
||||||
|
@each $buttoncolor, $color in $buttoncolors {
|
||||||
|
&--#{$buttoncolor} {
|
||||||
|
@include yiq-contrasted($color);
|
||||||
|
@if ($buttoncolor == inverse) {
|
||||||
|
border: 1px solid $border-color;
|
||||||
|
}
|
||||||
|
@if ($buttoncolor == light-outline) {
|
||||||
|
border: 1px solid #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include yiq-contrasted(mix(#000, $color, 20%));
|
||||||
|
}
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
@include yiq-contrasted($color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* fills width of parent container */
|
||||||
&--block {
|
&--block {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -45,68 +72,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* for dark backgrounds */
|
|
||||||
|
|
||||||
&--inverse {
|
|
||||||
color: $gray !important;
|
|
||||||
border: 1px solid $light-gray !important; /* override*/
|
|
||||||
background-color: #fff;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #fff !important;
|
|
||||||
border-color: $gray;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* light outline */
|
|
||||||
|
|
||||||
&--light-outline {
|
|
||||||
border: 1px solid #fff !important; /* override*/
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* information */
|
|
||||||
|
|
||||||
&--info {
|
|
||||||
background-color: $info-color;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: mix(#000, $info-color, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* warning */
|
|
||||||
|
|
||||||
&--warning {
|
|
||||||
background-color: $warning-color;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: mix(#000, $warning-color, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* success */
|
|
||||||
|
|
||||||
&--success {
|
|
||||||
background-color: $success-color;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: mix(#000, $success-color, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* danger */
|
|
||||||
|
|
||||||
&--danger {
|
|
||||||
background-color: $danger-color;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: mix(#000, $danger-color, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* disabled */
|
/* disabled */
|
||||||
|
|
||||||
&--disabled {
|
&--disabled {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
@@ -115,38 +81,17 @@
|
|||||||
opacity: 0.65;
|
opacity: 0.65;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* social buttons */
|
|
||||||
|
|
||||||
$social:
|
|
||||||
(facebook, $facebook-color),
|
|
||||||
(twitter, $twitter-color),
|
|
||||||
(google-plus, $google-plus-color),
|
|
||||||
(linkedin, $linkedin-color);
|
|
||||||
|
|
||||||
@each $socialnetwork, $color in $social {
|
|
||||||
&--#{$socialnetwork} {
|
|
||||||
background-color: $color;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: mix(#000, $color, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* extra large button */
|
/* extra large button */
|
||||||
|
|
||||||
&--x-large {
|
&--x-large {
|
||||||
font-size: $type-size-4;
|
font-size: $type-size-4;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* large button */
|
/* large button */
|
||||||
|
|
||||||
&--large {
|
&--large {
|
||||||
font-size: $type-size-5;
|
font-size: $type-size-5;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* small button */
|
/* small button */
|
||||||
|
|
||||||
&--small {
|
&--small {
|
||||||
font-size: $type-size-7;
|
font-size: $type-size-7;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,28 +3,31 @@
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.page__footer {
|
.page__footer {
|
||||||
@include full();
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
/* sticky footer fix start */
|
/* sticky footer fix start */
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
|
||||||
clear: both;
|
|
||||||
height: auto;
|
height: auto;
|
||||||
/* sticky footer fix end */
|
/* sticky footer fix end */
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
color: mix(#fff, $gray, 25%);
|
color: $muted-text-color;
|
||||||
-webkit-animation: intro 0.3s both;
|
-webkit-animation: $intro-transition;
|
||||||
animation: intro 0.3s both;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.45s;
|
-webkit-animation-delay: 0.45s;
|
||||||
animation-delay: 0.45s;
|
animation-delay: 0.45s;
|
||||||
background-color: $lighter-gray;
|
background-color: $footer-background-color;
|
||||||
border-top: 1px solid $light-gray;
|
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
@include container;
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
|
max-width: 100%;
|
||||||
padding: 0 1em 2em;
|
padding: 0 1em 2em;
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
@@ -41,8 +44,11 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa {
|
.fas,
|
||||||
color: mix(#fff, $gray, 25%);
|
.fab,
|
||||||
|
.far,
|
||||||
|
.fal {
|
||||||
|
color: $muted-text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -52,7 +58,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page__footer-follow {
|
.page__footer-follow {
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -77,4 +82,4 @@
|
|||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,6 +4,8 @@
|
|||||||
|
|
||||||
form {
|
form {
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
|
padding: 1em;
|
||||||
|
background-color: $form-background-color;
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
@@ -19,7 +21,6 @@ form {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 1px solid mix(#fff, #000, 80%);
|
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -80,14 +81,10 @@ select {
|
|||||||
padding: 0.25em;
|
padding: 0.25em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
background-color: #fff;
|
background-color: $background-color;
|
||||||
border: 1px solid mix(#fff, #000, 80%);
|
border: $border-color;
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
box-shadow: $box-shadow;
|
box-shadow: $box-shadow;
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-color: mix(#fff, $primary-color, 50%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-mini {
|
.input-mini {
|
||||||
@@ -199,10 +196,9 @@ input[type="hidden"] {
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Disabled state
|
Disabled state
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
input[disabled],
|
input[disabled],
|
||||||
select[disabled],
|
select[disabled],
|
||||||
@@ -214,16 +210,17 @@ textarea[readonly] {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Focus & active state
|
Focus & active state
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
input:focus,
|
input:focus,
|
||||||
textarea:focus {
|
textarea:focus {
|
||||||
border-color: $primary-color;
|
border-color: $primary-color;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
outline: thin dotted \9;
|
outline: thin dotted \9;
|
||||||
|
box-shadow: inset 0 1px 3px rgba($text-color, 0.06),
|
||||||
|
0 0 5px rgba($primary-color, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="file"]:focus,
|
input[type="file"]:focus,
|
||||||
@@ -233,14 +230,13 @@ select:focus {
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Help text
|
Help text
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.help-block,
|
.help-block,
|
||||||
.help-inline {
|
.help-inline {
|
||||||
color: $info-color;
|
color: $muted-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-block {
|
.help-block {
|
||||||
@@ -255,10 +251,19 @@ select:focus {
|
|||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
.form-group
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
padding: 0;
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.form-inline
|
.form-inline
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.form-inline input,
|
.form-inline input,
|
||||||
.form-inline textarea,
|
.form-inline textarea,
|
||||||
@@ -283,12 +288,12 @@ select:focus {
|
|||||||
.form-inline .checkbox input[type="checkbox"] {
|
.form-inline .checkbox input[type="checkbox"] {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 3px; }
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.form-search
|
.form-search
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.form-search input,
|
.form-search input,
|
||||||
.form-search textarea,
|
.form-search textarea,
|
||||||
@@ -323,13 +328,12 @@ select:focus {
|
|||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
.form--loading
|
.form--loading
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.form--loading:before {
|
.form--loading:before {
|
||||||
content: '';
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
.form--loading .form__spinner {
|
.form--loading .form__spinner {
|
||||||
@@ -354,11 +358,9 @@ select:focus {
|
|||||||
z-index: 11;
|
z-index: 11;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Google search form
|
Google search form
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
#goog-fixurl {
|
#goog-fixurl {
|
||||||
ul {
|
ul {
|
||||||
@@ -382,10 +384,10 @@ select:focus {
|
|||||||
color: #000;
|
color: #000;
|
||||||
border-width: 2px !important;
|
border-width: 2px !important;
|
||||||
border-style: solid !important;
|
border-style: solid !important;
|
||||||
border-color: lighten(#000,50);
|
border-color: $border-color;
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
#goog-wm-sb {
|
#goog-wm-sb {
|
||||||
@extend .btn;
|
@extend .btn;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,20 +5,22 @@
|
|||||||
.masthead {
|
.masthead {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
-webkit-animation: intro 0.3s both;
|
-webkit-animation: $intro-transition;
|
||||||
animation: intro 0.3s both;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.15s;
|
-webkit-animation-delay: 0.15s;
|
||||||
animation-delay: 0.15s;
|
animation-delay: 0.15s;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
|
|
||||||
&__inner-wrap {
|
&__inner-wrap {
|
||||||
@include container;
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 1em;
|
||||||
|
max-width: 100%;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-pack: justify;
|
-webkit-box-pack: justify;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 1em 1em 1em;
|
|
||||||
font-family: $sans-serif-narrow;
|
font-family: $sans-serif-narrow;
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
@@ -41,13 +43,17 @@
|
|||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
|
||||||
.masthead__menu {
|
.masthead__menu {
|
||||||
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
|
|
||||||
.site-nav {
|
.site-nav {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -74,4 +80,4 @@
|
|||||||
padding-right: 2em;
|
padding-right: 2em;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -50,4 +50,43 @@
|
|||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Compass YIQ Color Contrast
|
||||||
|
https://github.com/easy-designs/yiq-color-contrast
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
@function yiq-is-light(
|
||||||
|
$color,
|
||||||
|
$threshold: $yiq-contrasted-threshold
|
||||||
|
) {
|
||||||
|
$red: red($color);
|
||||||
|
$green: green($color);
|
||||||
|
$blue: blue($color);
|
||||||
|
|
||||||
|
$yiq: (($red*299)+($green*587)+($blue*114))/1000;
|
||||||
|
|
||||||
|
@if $yiq-debug { @debug $yiq, $threshold; }
|
||||||
|
|
||||||
|
@return if($yiq >= $threshold, true, false);
|
||||||
|
}
|
||||||
|
|
||||||
|
@function yiq-contrast-color(
|
||||||
|
$color,
|
||||||
|
$dark: $yiq-contrasted-dark-default,
|
||||||
|
$light: $yiq-contrasted-light-default,
|
||||||
|
$threshold: $yiq-contrasted-threshold
|
||||||
|
) {
|
||||||
|
@return if(yiq-is-light($color, $threshold), $yiq-contrasted-dark-default, $yiq-contrasted-light-default);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin yiq-contrasted(
|
||||||
|
$background-color,
|
||||||
|
$dark: $yiq-contrasted-dark-default,
|
||||||
|
$light: $yiq-contrasted-light-default,
|
||||||
|
$threshold: $yiq-contrasted-threshold
|
||||||
|
) {
|
||||||
|
background-color: $background-color;
|
||||||
|
color: yiq-contrast-color($background-color, $dark, $light, $threshold);
|
||||||
}
|
}
|
||||||
@@ -7,17 +7,16 @@
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.breadcrumbs {
|
.breadcrumbs {
|
||||||
@include container;
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
margin-top: 0;
|
margin: 0 auto;
|
||||||
margin-bottom: 0;
|
max-width: 100%;
|
||||||
padding-left: 2em;
|
padding-left: 2em;
|
||||||
padding-right: 2em;
|
padding-right: 2em;
|
||||||
font-family: $sans-serif;
|
font-family: $sans-serif;
|
||||||
-webkit-animation: intro 0.3s both;
|
-webkit-animation: $intro-transition;
|
||||||
animation: intro 0.3s both;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.30s;
|
-webkit-animation-delay: 0.3s;
|
||||||
animation-delay: 0.30s;
|
animation-delay: 0.3s;
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
@@ -34,11 +33,12 @@
|
|||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
@include span(10 of 12 last);
|
float: right;
|
||||||
|
width: span(10 of 12);
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
@include prefix(0.5 of 12);
|
padding-left: gutter(0.5 of 12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -51,16 +51,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Post pagination navigation links
|
Post pagination navigation links
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
@include full();
|
|
||||||
@include clearfix();
|
@include clearfix();
|
||||||
|
float: left;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -84,21 +84,22 @@
|
|||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: mix(#fff, $gray, 25%);
|
color: $muted-text-color;
|
||||||
border: 1px solid $light-gray;
|
border: 1px solid mix(#000, $border-color, 25%);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $link-color-hover;
|
color: $link-color-hover;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.current {
|
&.current,
|
||||||
|
&.current.disabled {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: $primary-color;
|
background: $primary-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
color: mix(#fff, $gray, 75%);
|
color: rgba($muted-text-color, 0.5);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
@@ -132,12 +133,12 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: $link-color;
|
color: $muted-text-color;
|
||||||
border: 1px solid $light-gray;
|
border: 1px solid mix(#000, $border-color, 25%);
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $link-color-hover;
|
@include yiq-contrasted($muted-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
@@ -152,7 +153,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
color: mix(#fff, $gray, 75%);
|
color: rgba($muted-text-color, 0.5);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
@@ -168,17 +169,16 @@
|
|||||||
border-top: 1px solid $border-color;
|
border-top: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Priority plus navigation
|
Priority plus navigation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.greedy-nav {
|
.greedy-nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-align: center;
|
-webkit-box-align: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: $background-color;
|
background: $background-color;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -197,7 +197,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
&__toggle {
|
||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
border: 0;
|
border: 0;
|
||||||
@@ -211,21 +211,14 @@
|
|||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-pack: end;
|
-webkit-box-pack: end;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
-webkit-box-flex: 1;
|
-webkit-box-flex: 1;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-right: 2rem;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
-webkit-box-flex: 0;
|
-webkit-box-flex: 0;
|
||||||
flex: none;
|
flex: none;
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
a {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -237,18 +230,18 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
height: 4px;
|
height: 4px;
|
||||||
background: mix(#fff, $primary-color, 50%);
|
background: $primary-color;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
-webkit-transition: $global-transition;
|
-webkit-transition: $global-transition;
|
||||||
transition: $global-transition;
|
transition: $global-transition;
|
||||||
-webkit-transform: scaleX(0) translate3d(0, 0 , 0);
|
-webkit-transform: scaleX(0) translate3d(0, 0, 0);
|
||||||
transform: scaleX(0) translate3d(0, 0 , 0); /* hide*/
|
transform: scaleX(0) translate3d(0, 0, 0); /* hide*/
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:before {
|
&:hover:before {
|
||||||
-webkit-transform: scaleX(1);
|
-webkit-transform: scaleX(1);
|
||||||
-ms-transform: scaleX(1);
|
-ms-transform: scaleX(1);
|
||||||
transform: scaleX(1); /* reveal*/
|
transform: scaleX(1); /* reveal*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -261,7 +254,7 @@
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid $border-color;
|
border: 1px solid $border-color;
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
background: #fff;
|
background: $background-color;
|
||||||
box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
|
box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
|
||||||
|
|
||||||
&.hidden {
|
&.hidden {
|
||||||
@@ -275,7 +268,7 @@
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $masthead-link-color-hover;
|
color: $masthead-link-color-hover;
|
||||||
background: mix(#fff, $primary-color, 75%);
|
background: $navicon-link-color-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -300,7 +293,7 @@
|
|||||||
width: 0;
|
width: 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 10px 10px;
|
border-width: 0 10px 10px;
|
||||||
border-color: #fff transparent;
|
border-color: $background-color transparent;
|
||||||
display: block;
|
display: block;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
@@ -316,10 +309,19 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.no-js {
|
||||||
|
.greedy-nav {
|
||||||
|
.visible-links {
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Navigation list
|
Navigation list
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.nav__list {
|
.nav__list {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
@@ -330,7 +332,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint(max-width ($large - 1px)) {
|
@include breakpoint(max-width ($large - 1px)) {
|
||||||
|
|
||||||
label {
|
label {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -347,7 +348,7 @@
|
|||||||
|
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1em;
|
right: 1em;
|
||||||
top: 1.25em;
|
top: 1.25em;
|
||||||
@@ -361,8 +362,8 @@
|
|||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
-ms-transform: rotate(90deg);
|
-ms-transform: rotate(90deg);
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -391,14 +392,14 @@
|
|||||||
/* on hover show expand*/
|
/* on hover show expand*/
|
||||||
label:hover:after {
|
label:hover:after {
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
-ms-transform: rotate(90deg);
|
-ms-transform: rotate(90deg);
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
input:checked + label:hover:after {
|
input:checked + label:hover:after {
|
||||||
-webkit-transform: rotate(0);
|
-webkit-transform: rotate(0);
|
||||||
-ms-transform: rotate(0);
|
-ms-transform: rotate(0);
|
||||||
transform: rotate(0);
|
transform: rotate(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@@ -433,14 +434,7 @@
|
|||||||
margin-left: -0.5em;
|
margin-left: -0.5em;
|
||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
padding-right: 0.5em;
|
padding-right: 0.5em;
|
||||||
color: #fff;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: $primary-color;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint(max-width ($large - 1px)) {
|
@include breakpoint(max-width ($large - 1px)) {
|
||||||
@@ -452,8 +446,8 @@
|
|||||||
-webkit-transition: 0.3s ease-in-out;
|
-webkit-transition: 0.3s ease-in-out;
|
||||||
transition: 0.3s ease-in-out;
|
transition: 0.3s ease-in-out;
|
||||||
-webkit-transform: translate(0, 10%);
|
-webkit-transform: translate(0, 10%);
|
||||||
-ms-transform: translate(0, 10%);
|
-ms-transform: translate(0, 10%);
|
||||||
transform: translate(0, 10%);
|
transform: translate(0, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -466,8 +460,8 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
-webkit-transform: translate(0, 0);
|
-webkit-transform: translate(0, 0);
|
||||||
-ms-transform: translate(0, 0);
|
-ms-transform: translate(0, 0);
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -490,17 +484,16 @@
|
|||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Table of contents navigation
|
Table of contents navigation
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.toc {
|
.toc {
|
||||||
font-family: $sans-serif-narrow;
|
font-family: $sans-serif-narrow;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
background-color: #fff;
|
background-color: $background-color;
|
||||||
border: 1px solid $border-color;
|
border: 1px solid $border-color;
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
box-shadow: $box-shadow;
|
box-shadow: $box-shadow;
|
||||||
@@ -524,15 +517,14 @@
|
|||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
color: $gray;
|
color: $muted-text-color;
|
||||||
font-size: $type-size-7;
|
font-size: $type-size-7;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #000;
|
color: $text-color;
|
||||||
background: $lighter-gray;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -543,7 +535,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
li ul > li a {
|
li ul > li a {
|
||||||
padding-left: 2rem;
|
padding-left: 1.75rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -555,4 +547,4 @@
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,6 +13,7 @@
|
|||||||
@mixin notice($notice-color) {
|
@mixin notice($notice-color) {
|
||||||
margin: 2em 0 !important; /* override*/
|
margin: 2em 0 !important; /* override*/
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
color: $dark-gray;
|
||||||
font-family: $global-font-family;
|
font-family: $global-font-family;
|
||||||
font-size: $type-size-6 !important;
|
font-size: $type-size-6 !important;
|
||||||
text-indent: initial; /* override*/
|
text-indent: initial; /* override*/
|
||||||
|
|||||||
@@ -3,15 +3,17 @@
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
@include container;
|
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
|
margin-left: auto;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
|
margin-right: auto;
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
-webkit-animation: intro 0.3s both;
|
-webkit-animation: $intro-transition;
|
||||||
animation: intro 0.3s both;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.35s;
|
max-width: 100%;
|
||||||
animation-delay: 0.35s;
|
-webkit-animation-delay: 0.15s;
|
||||||
|
animation-delay: 0.15s;
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
max-width: $x-large;
|
max-width: $x-large;
|
||||||
@@ -20,18 +22,32 @@
|
|||||||
|
|
||||||
.page {
|
.page {
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
@include span(10 of 12 last);
|
float: right;
|
||||||
@include prefix(0.5 of 12);
|
width: calc(100% - #{$right-sidebar-width-narrow});
|
||||||
@include suffix(2 of 12);
|
padding-right: $right-sidebar-width-narrow;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
width: calc(100% - #{$right-sidebar-width});
|
||||||
|
padding-right: $right-sidebar-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page__inner-wrap {
|
.page__inner-wrap {
|
||||||
@include full();
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
|
|
||||||
.page__content,
|
.page__content,
|
||||||
.page__meta,
|
.page__meta,
|
||||||
.page__share {
|
.page__share {
|
||||||
@include full();
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -51,13 +67,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page__content {
|
.page__content {
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
border-bottom: 1px solid $border-color;
|
border-bottom: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
p, li, dl {
|
p,
|
||||||
|
li,
|
||||||
|
dl {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,9 +91,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a:not(.btn) {
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
@@ -113,10 +128,10 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
-webkit-animation: intro 0.3s both;
|
-webkit-animation: $intro-transition;
|
||||||
animation: intro 0.3s both;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.25s;
|
-webkit-animation-delay: 0.25s;
|
||||||
animation-delay: 0.25s;
|
animation-delay: 0.25s;
|
||||||
|
|
||||||
&--overlay {
|
&--overlay {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -126,10 +141,10 @@
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
-webkit-animation: intro 0.3s both;
|
-webkit-animation: $intro-transition;
|
||||||
animation: intro 0.3s both;
|
animation: $intro-transition;
|
||||||
-webkit-animation-delay: 0.25s;
|
-webkit-animation-delay: 0.25s;
|
||||||
animation-delay: 0.25s;
|
animation-delay: 0.25s;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@@ -226,14 +241,13 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Page meta
|
Page meta
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.page__meta {
|
.page__meta {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
color: mix(#fff, $gray, 25%);
|
color: $muted-text-color;
|
||||||
font-family: $sans-serif;
|
font-family: $sans-serif;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
|
|
||||||
@@ -252,7 +266,6 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Page taxonomy
|
Page taxonomy
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -273,7 +286,7 @@
|
|||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border: 1px solid $light-gray;
|
border: 1px solid mix(#000, $border-color, 25%);
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -282,13 +295,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Comments
|
Comments
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.page__comments {
|
.page__comments {
|
||||||
@include full();
|
float: left;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page__comments-title {
|
.page__comments-title {
|
||||||
@@ -301,8 +317,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page__comments-form {
|
.page__comments-form {
|
||||||
padding: 1em;
|
|
||||||
background: $lighter-gray;
|
|
||||||
-webkit-transition: $global-transition;
|
-webkit-transition: $global-transition;
|
||||||
transition: $global-transition;
|
transition: $global-transition;
|
||||||
|
|
||||||
@@ -379,20 +393,24 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Related
|
Related
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.page__related {
|
.page__related {
|
||||||
|
@include clearfix();
|
||||||
|
float: left;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
border-top: 1px solid $border-color;
|
border-top: 1px solid $border-color;
|
||||||
@include clearfix();
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
@include pre(2.5 of 12);
|
float: right;
|
||||||
|
width: calc(100% - #{$right-sidebar-width-narrow});
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
width: calc(100% - #{$right-sidebar-width});
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -405,4 +423,30 @@
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Wide Pages
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.wide {
|
||||||
|
.page {
|
||||||
|
@include breakpoint($large) {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__related {
|
||||||
|
@include breakpoint($large) {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -15,19 +15,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: 16px;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
min-height: auto !important;
|
||||||
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
-moz-osx-font-smoothing: grayscale;
|
margin: 0 auto;
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin: 0 auto;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -185,6 +186,16 @@
|
|||||||
content: " (" attr(title) ")";
|
content: " (" attr(title) ")";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.page-break,
|
.page-break,
|
||||||
.page-break-before {
|
.page-break-before {
|
||||||
page-break-before: always;
|
page-break-before: always;
|
||||||
@@ -228,11 +239,14 @@
|
|||||||
.pagination,
|
.pagination,
|
||||||
.ads,
|
.ads,
|
||||||
.page__footer,
|
.page__footer,
|
||||||
|
.page__comments-form,
|
||||||
.author__avatar,
|
.author__avatar,
|
||||||
.author__content,
|
.author__content,
|
||||||
.author__urls-wrapper,
|
.author__urls-wrapper,
|
||||||
.nav__list,
|
.nav__list,
|
||||||
|
.sidebar,
|
||||||
.adsbygoogle {
|
.adsbygoogle {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
|
height: 1px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
STYLE RESETS
|
STYLE RESETS
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
@include border-box-sizing;
|
* { box-sizing: border-box; }
|
||||||
|
|
||||||
html {
|
html {
|
||||||
/* apply a natural box layout model to all elements */
|
/* apply a natural box layout model to all elements */
|
||||||
@@ -172,7 +172,7 @@ input[type="checkbox"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
input[type="search"] { /* Appearance in Safari/Chrome*/
|
input[type="search"] { /* Appearance in Safari/Chrome*/
|
||||||
box-sizing: content-box;
|
box-sizing: border-box;
|
||||||
-webkit-appearance: textfield;
|
-webkit-appearance: textfield;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,125 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
SEARCH
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.layout--search {
|
||||||
|
.archive__item-teaser {
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search__toggle {
|
||||||
|
margin-left: 1rem;
|
||||||
|
margin-right: 1rem;
|
||||||
|
border: 0;
|
||||||
|
outline: none;
|
||||||
|
color: $muted-text-color;
|
||||||
|
background-color: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-transition: 0.2s;
|
||||||
|
transition: 0.2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-icon {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-content {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
padding-top: 1em;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
|
||||||
|
&__inner-wrap {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-left: 1em;
|
||||||
|
padding-right: 1em;
|
||||||
|
-webkit-animation: $intro-transition;
|
||||||
|
animation: $intro-transition;
|
||||||
|
-webkit-animation-delay: 0.15s;
|
||||||
|
animation-delay: 0.15s;
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
max-width: $x-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-input {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
box-shadow: none;
|
||||||
|
background-color: transparent;
|
||||||
|
font-size: $type-size-3;
|
||||||
|
|
||||||
|
@include breakpoint($large) {
|
||||||
|
font-size: $type-size-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
font-size: $type-size-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is--visible {
|
||||||
|
display: block;
|
||||||
|
visibility: visible;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.results__found {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
font-size: $type-size-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
|
||||||
|
@include breakpoint($large) {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item-title {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item-excerpt {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Algolia search */
|
||||||
|
|
||||||
|
.ais-search-box {
|
||||||
|
max-width: 100% !important;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__item-title .ais-Highlight {
|
||||||
|
color: $link-color;
|
||||||
|
font-style: normal;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.archive__item-excerpt .ais-Highlight {
|
||||||
|
color: $link-color;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
@@ -7,33 +7,52 @@
|
|||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
-webkit-transform: translate3d(0, 0 , 0);
|
|
||||||
transform: translate3d(0, 0 , 0);
|
|
||||||
|
|
||||||
@include clearfix();
|
@include clearfix();
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
|
@include breakpoint(max-width $large) {
|
||||||
|
/* fix z-index order of follow links */
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
-webkit-transform: translate3d(0, 0, 0);
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
@include span(2 of 12);
|
float: left;
|
||||||
|
width: calc(#{$right-sidebar-width-narrow} - 1em);
|
||||||
opacity: 0.75;
|
opacity: 0.75;
|
||||||
-webkit-transition: opacity 0.2s ease-in-out;
|
-webkit-transition: opacity 0.2s ease-in-out;
|
||||||
transition: opacity 0.2s ease-in-out;
|
transition: opacity 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.sticky {
|
||||||
|
overflow-y: auto;
|
||||||
|
/* calculate height of nav list */
|
||||||
|
height: calc(
|
||||||
|
100vh - 90px - 2em
|
||||||
|
); // viewport height - approx. masthead height - main content top margin
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
padding-right: 0;
|
width: calc(#{$right-sidebar-width} - 1em);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2, h3, h4, h5, h6 {
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-family: $sans-serif-narrow;
|
font-family: $sans-serif-narrow;
|
||||||
}
|
}
|
||||||
|
|
||||||
p, li {
|
p,
|
||||||
|
li {
|
||||||
font-family: $sans-serif;
|
font-family: $sans-serif;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
@@ -48,15 +67,30 @@
|
|||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
position: relative;
|
position: absolute;
|
||||||
float: right;
|
top: 0;
|
||||||
|
right: 0;
|
||||||
width: $right-sidebar-width-narrow;
|
width: $right-sidebar-width-narrow;
|
||||||
margin-left: span(0.5 of 12);
|
margin-right: -1 * $right-sidebar-width-narrow;
|
||||||
|
padding-left: 1em;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint($x-large) {
|
@include breakpoint($x-large) {
|
||||||
width: $right-sidebar-width;
|
width: $right-sidebar-width;
|
||||||
|
margin-right: -1 * $right-sidebar-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.splash .sidebar__right {
|
||||||
|
@include breakpoint($large) {
|
||||||
|
position: relative;
|
||||||
|
float: right;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -100,6 +134,11 @@
|
|||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.author__name {
|
.author__name {
|
||||||
@@ -161,11 +200,15 @@
|
|||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
border: 1px solid $border-color;
|
border: 1px solid $border-color;
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
background: #fff;
|
background: $background-color;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
|
box-shadow: 0 2px 4px 0 rgba(#000, 0.16), 0 2px 10px 0 rgba(#000, 0.12);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
|
||||||
|
&.is--visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -202,7 +245,7 @@
|
|||||||
width: 0;
|
width: 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 10px 10px;
|
border-width: 0 10px 10px;
|
||||||
border-color: #fff transparent;
|
border-color: $background-color transparent;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
@include breakpoint($large) {
|
@include breakpoint($large) {
|
||||||
@@ -228,4 +271,27 @@
|
|||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Wide Pages
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.wide .sidebar__right {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
@include breakpoint($large) {
|
||||||
|
position: initial;
|
||||||
|
top: initial;
|
||||||
|
right: initial;
|
||||||
|
width: initial;
|
||||||
|
margin-right: initial;
|
||||||
|
padding-left: initial;
|
||||||
|
z-index: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include breakpoint($x-large) {
|
||||||
|
width: initial;
|
||||||
|
margin-right: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
+288
-110
@@ -6,50 +6,44 @@ div.highlighter-rouge,
|
|||||||
figure.highlight {
|
figure.highlight {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
background: $base00;
|
||||||
|
color: $base05;
|
||||||
font-family: $monospace;
|
font-family: $monospace;
|
||||||
font-size: $type-size-7;
|
font-size: $type-size-6;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
border: 1px solid $border-color;
|
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
background-color: $code-background-color;
|
|
||||||
box-shadow: $box-shadow;
|
|
||||||
|
|
||||||
&:before {
|
> pre,
|
||||||
position: absolute;
|
pre.highlight {
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
padding: 0.5em;
|
|
||||||
background-color: $lighter-gray;
|
|
||||||
content: "\f121";
|
|
||||||
font-family: "fontawesome" !important;
|
|
||||||
line-height: 1;
|
|
||||||
text-transform: none;
|
|
||||||
speak: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight {
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
figure.highlight {
|
|
||||||
padding-left: 1em;
|
|
||||||
padding-right: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.highlight table {
|
.highlight table {
|
||||||
|
margin-bottom: 0;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 5px;
|
padding: 0;
|
||||||
|
width: calc(100% - 1em);
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
||||||
/* line numbers*/
|
/* line numbers*/
|
||||||
&.gutter {
|
&.gutter,
|
||||||
|
&.rouge-gutter {
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
color: $light-gray;
|
width: 1em;
|
||||||
|
color: $base04;
|
||||||
|
border-right: 1px solid $base04;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* code */
|
||||||
|
&.code,
|
||||||
|
&.rouge-code {
|
||||||
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -58,89 +52,273 @@ figure.highlight {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight pre { width: 100%; }
|
.highlight pre {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
.highlight .hll {
|
||||||
Solarized Light
|
background-color: $base06;
|
||||||
http://ethanschoonover.com/solarized
|
}
|
||||||
|
.highlight {
|
||||||
|
.c {
|
||||||
|
/* Comment */
|
||||||
|
color: $base04;
|
||||||
|
}
|
||||||
|
.err {
|
||||||
|
/* Error */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.k {
|
||||||
|
/* Keyword */
|
||||||
|
color: $base0e;
|
||||||
|
}
|
||||||
|
.l {
|
||||||
|
/* Literal */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.n {
|
||||||
|
/* Name */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.o {
|
||||||
|
/* Operator */
|
||||||
|
color: $base0c;
|
||||||
|
}
|
||||||
|
.p {
|
||||||
|
/* Punctuation */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.cm {
|
||||||
|
/* Comment.Multiline */
|
||||||
|
color: $base04;
|
||||||
|
}
|
||||||
|
.cp {
|
||||||
|
/* Comment.Preproc */
|
||||||
|
color: $base04;
|
||||||
|
}
|
||||||
|
.c1 {
|
||||||
|
/* Comment.Single */
|
||||||
|
color: $base04;
|
||||||
|
}
|
||||||
|
.cs {
|
||||||
|
/* Comment.Special */
|
||||||
|
color: $base04;
|
||||||
|
}
|
||||||
|
.gd {
|
||||||
|
/* Generic.Deleted */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.ge {
|
||||||
|
/* Generic.Emph */
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.gh {
|
||||||
|
/* Generic.Heading */
|
||||||
|
color: $base05;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.gi {
|
||||||
|
/* Generic.Inserted */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.gp {
|
||||||
|
/* Generic.Prompt */
|
||||||
|
color: $base04;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.gs {
|
||||||
|
/* Generic.Strong */
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.gu {
|
||||||
|
/* Generic.Subheading */
|
||||||
|
color: $base0c;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.kc {
|
||||||
|
/* Keyword.Constant */
|
||||||
|
color: $base0e;
|
||||||
|
}
|
||||||
|
.kd {
|
||||||
|
/* Keyword.Declaration */
|
||||||
|
color: $base0e;
|
||||||
|
}
|
||||||
|
.kn {
|
||||||
|
/* Keyword.Namespace */
|
||||||
|
color: $base0c;
|
||||||
|
}
|
||||||
|
.kp {
|
||||||
|
/* Keyword.Pseudo */
|
||||||
|
color: $base0e;
|
||||||
|
}
|
||||||
|
.kr {
|
||||||
|
/* Keyword.Reserved */
|
||||||
|
color: $base0e;
|
||||||
|
}
|
||||||
|
.kt {
|
||||||
|
/* Keyword.Type */
|
||||||
|
color: $base0a;
|
||||||
|
}
|
||||||
|
.ld {
|
||||||
|
/* Literal.Date */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.m {
|
||||||
|
/* Literal.Number */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.s {
|
||||||
|
/* Literal.String */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.na {
|
||||||
|
/* Name.Attribute */
|
||||||
|
color: $base0d;
|
||||||
|
}
|
||||||
|
.nb {
|
||||||
|
/* Name.Builtin */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.nc {
|
||||||
|
/* Name.Class */
|
||||||
|
color: $base0a;
|
||||||
|
}
|
||||||
|
.no {
|
||||||
|
/* Name.Constant */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.nd {
|
||||||
|
/* Name.Decorator */
|
||||||
|
color: $base0c;
|
||||||
|
}
|
||||||
|
.ni {
|
||||||
|
/* Name.Entity */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.ne {
|
||||||
|
/* Name.Exception */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.nf {
|
||||||
|
/* Name.Function */
|
||||||
|
color: $base0d;
|
||||||
|
}
|
||||||
|
.nl {
|
||||||
|
/* Name.Label */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.nn {
|
||||||
|
/* Name.Namespace */
|
||||||
|
color: $base0a;
|
||||||
|
}
|
||||||
|
.nx {
|
||||||
|
/* Name.Other */
|
||||||
|
color: $base0d;
|
||||||
|
}
|
||||||
|
.py {
|
||||||
|
/* Name.Property */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.nt {
|
||||||
|
/* Name.Tag */
|
||||||
|
color: $base0c;
|
||||||
|
}
|
||||||
|
.nv {
|
||||||
|
/* Name.Variable */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.ow {
|
||||||
|
/* Operator.Word */
|
||||||
|
color: $base0c;
|
||||||
|
}
|
||||||
|
.w {
|
||||||
|
/* Text.Whitespace */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.mf {
|
||||||
|
/* Literal.Number.Float */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.mh {
|
||||||
|
/* Literal.Number.Hex */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.mi {
|
||||||
|
/* Literal.Number.Integer */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.mo {
|
||||||
|
/* Literal.Number.Oct */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.sb {
|
||||||
|
/* Literal.String.Backtick */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.sc {
|
||||||
|
/* Literal.String.Char */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.sd {
|
||||||
|
/* Literal.String.Doc */
|
||||||
|
color: $base04;
|
||||||
|
}
|
||||||
|
.s2 {
|
||||||
|
/* Literal.String.Double */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.se {
|
||||||
|
/* Literal.String.Escape */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.sh {
|
||||||
|
/* Literal.String.Heredoc */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.si {
|
||||||
|
/* Literal.String.Interpol */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
.sx {
|
||||||
|
/* Literal.String.Other */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.sr {
|
||||||
|
/* Literal.String.Regex */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.s1 {
|
||||||
|
/* Literal.String.Single */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.ss {
|
||||||
|
/* Literal.String.Symbol */
|
||||||
|
color: $base0b;
|
||||||
|
}
|
||||||
|
.bp {
|
||||||
|
/* Name.Builtin.Pseudo */
|
||||||
|
color: $base05;
|
||||||
|
}
|
||||||
|
.vc {
|
||||||
|
/* Name.Variable.Class */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.vg {
|
||||||
|
/* Name.Variable.Global */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.vi {
|
||||||
|
/* Name.Variable.Instance */
|
||||||
|
color: $base08;
|
||||||
|
}
|
||||||
|
.il {
|
||||||
|
/* Literal.Number.Integer.Long */
|
||||||
|
color: $base09;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
SOLARIZED HEX ROLE
|
.gist {
|
||||||
--------- -------- ------------------------------------------
|
th, td {
|
||||||
base01 #586e75 body text / default code / primary content
|
border-bottom: 0;
|
||||||
base1 #93a1a1 comments / secondary content
|
}
|
||||||
base3 #fdf6e3 background
|
}
|
||||||
orange #cb4b16 constants
|
|
||||||
red #dc322f regex, special keywords
|
|
||||||
blue #22b3eb reserved keywords
|
|
||||||
cyan #2aa198 strings, numbers
|
|
||||||
green #859900 operators, other keywords
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.highlight .c { color: #93a1a1 } /* Comment */
|
|
||||||
.highlight .err { color: #586e75 } /* Error */
|
|
||||||
.highlight .g { color: #586e75 } /* Generic */
|
|
||||||
.highlight .k { color: #859900 } /* Keyword */
|
|
||||||
.highlight .l { color: #586e75 } /* Literal */
|
|
||||||
.highlight .n { color: #586e75 } /* Name */
|
|
||||||
.highlight .o { color: #859900 } /* Operator */
|
|
||||||
.highlight .x { color: #cb4b16 } /* Other */
|
|
||||||
.highlight .p { color: #586e75 } /* Punctuation */
|
|
||||||
.highlight .cm { color: #93a1a1 } /* Comment.Multiline */
|
|
||||||
.highlight .cp { color: #859900 } /* Comment.Preproc */
|
|
||||||
.highlight .c1 { color: #93a1a1 } /* Comment.Single */
|
|
||||||
.highlight .cs { color: #859900 } /* Comment.Special */
|
|
||||||
.highlight .gd { color: #2aa198 } /* Generic.Deleted */
|
|
||||||
.highlight .ge { color: #586e75; font-style: italic } /* Generic.Emph */
|
|
||||||
.highlight .gr { color: #dc322f } /* Generic.Error */
|
|
||||||
.highlight .gh { color: #cb4b16 } /* Generic.Heading */
|
|
||||||
.highlight .gi { color: #859900 } /* Generic.Inserted */
|
|
||||||
.highlight .go { color: #586e75 } /* Generic.Output */
|
|
||||||
.highlight .gp { color: #586e75 } /* Generic.Prompt */
|
|
||||||
.highlight .gs { color: #586e75; font-weight: bold } /* Generic.Strong */
|
|
||||||
.highlight .gu { color: #cb4b16 } /* Generic.Subheading */
|
|
||||||
.highlight .gt { color: #586e75 } /* Generic.Traceback */
|
|
||||||
.highlight .kc { color: #cb4b16 } /* Keyword.Constant */
|
|
||||||
.highlight .kd { color: #22b3eb } /* Keyword.Declaration */
|
|
||||||
.highlight .kn { color: #859900 } /* Keyword.Namespace */
|
|
||||||
.highlight .kp { color: #859900 } /* Keyword.Pseudo */
|
|
||||||
.highlight .kr { color: #22b3eb } /* Keyword.Reserved */
|
|
||||||
.highlight .kt { color: #dc322f } /* Keyword.Type */
|
|
||||||
.highlight .ld { color: #586e75 } /* Literal.Date */
|
|
||||||
.highlight .m { color: #2aa198 } /* Literal.Number */
|
|
||||||
.highlight .s { color: #2aa198 } /* Literal.String */
|
|
||||||
.highlight .na { color: #586e75 } /* Name.Attribute */
|
|
||||||
.highlight .nb { color: #B58900 } /* Name.Builtin */
|
|
||||||
.highlight .nc { color: #22b3eb } /* Name.Class */
|
|
||||||
.highlight .no { color: #cb4b16 } /* Name.Constant */
|
|
||||||
.highlight .nd { color: #22b3eb } /* Name.Decorator */
|
|
||||||
.highlight .ni { color: #cb4b16 } /* Name.Entity */
|
|
||||||
.highlight .ne { color: #cb4b16 } /* Name.Exception */
|
|
||||||
.highlight .nf { color: #22b3eb } /* Name.Function */
|
|
||||||
.highlight .nl { color: #586e75 } /* Name.Label */
|
|
||||||
.highlight .nn { color: #586e75 } /* Name.Namespace */
|
|
||||||
.highlight .nx { color: #586e75 } /* Name.Other */
|
|
||||||
.highlight .py { color: #586e75 } /* Name.Property */
|
|
||||||
.highlight .nt { color: #22b3eb } /* Name.Tag */
|
|
||||||
.highlight .nv { color: #22b3eb } /* Name.Variable */
|
|
||||||
.highlight .ow { color: #859900 } /* Operator.Word */
|
|
||||||
.highlight .w { color: #586e75 } /* Text.Whitespace */
|
|
||||||
.highlight .mf { color: #2aa198 } /* Literal.Number.Float */
|
|
||||||
.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */
|
|
||||||
.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */
|
|
||||||
.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */
|
|
||||||
.highlight .sb { color: #93a1a1 } /* Literal.String.Backtick */
|
|
||||||
.highlight .sc { color: #2aa198 } /* Literal.String.Char */
|
|
||||||
.highlight .sd { color: #586e75 } /* Literal.String.Doc */
|
|
||||||
.highlight .s2 { color: #2aa198 } /* Literal.String.Double */
|
|
||||||
.highlight .se { color: #cb4b16 } /* Literal.String.Escape */
|
|
||||||
.highlight .sh { color: #586e75 } /* Literal.String.Heredoc */
|
|
||||||
.highlight .si { color: #2aa198 } /* Literal.String.Interpol */
|
|
||||||
.highlight .sx { color: #2aa198 } /* Literal.String.Other */
|
|
||||||
.highlight .sr { color: #dc322f } /* Literal.String.Regex */
|
|
||||||
.highlight .s1 { color: #2aa198 } /* Literal.String.Single */
|
|
||||||
.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */
|
|
||||||
.highlight .bp { color: #22b3eb } /* Name.Builtin.Pseudo */
|
|
||||||
.highlight .vc { color: #22b3eb } /* Name.Variable.Class */
|
|
||||||
.highlight .vg { color: #22b3eb } /* Name.Variable.Global */
|
|
||||||
.highlight .vi { color: #22b3eb } /* Name.Variable.Instance */
|
|
||||||
.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
|
|
||||||
@@ -8,7 +8,6 @@ table {
|
|||||||
font-family: $global-font-family;
|
font-family: $global-font-family;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border: 1px solid $light-gray;
|
|
||||||
|
|
||||||
& + table {
|
& + table {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
@@ -16,23 +15,23 @@ table {
|
|||||||
}
|
}
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
background-color: $lighter-gray;
|
background-color: $border-color;
|
||||||
border-bottom: 1px solid $light-gray;
|
border-bottom: 2px solid mix(#000, $border-color, 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-right: 1px solid $light-gray;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
border-bottom: 1px solid $light-gray;
|
border-bottom: 1px solid mix(#000, $border-color, 25%);
|
||||||
border-right: 1px solid $light-gray;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
tr, td, th {
|
tr,
|
||||||
|
td,
|
||||||
|
th {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
@@ -8,7 +8,8 @@
|
|||||||
|
|
||||||
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
|
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
|
||||||
|
|
||||||
.hidden {
|
.hidden,
|
||||||
|
.is--hidden {
|
||||||
display: none;
|
display: none;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
@@ -46,7 +47,7 @@ body:hover .visually-hidden button {
|
|||||||
/* screen readers */
|
/* screen readers */
|
||||||
|
|
||||||
.screen-reader-text:focus,
|
.screen-reader-text:focus,
|
||||||
.screen-reader-shortcut:focus {
|
.screen-reader-shortcut:focus {
|
||||||
clip: auto !important;
|
clip: auto !important;
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
@@ -57,10 +58,9 @@ body:hover .visually-hidden button {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 100000;
|
z-index: 100000;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Skip links
|
Skip links
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -79,7 +79,6 @@ body:hover .visually-hidden button {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Type
|
Type
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -104,19 +103,21 @@ body:hover .visually-hidden button {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Alignment
|
Alignment
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/* clearfix */
|
/* clearfix */
|
||||||
|
|
||||||
.cf { clear: both; }
|
.cf {
|
||||||
|
clear: both;
|
||||||
.wrapper {
|
|
||||||
@include container();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Images
|
Images
|
||||||
@@ -159,7 +160,7 @@ body:hover .visually-hidden button {
|
|||||||
/* file page content container */
|
/* file page content container */
|
||||||
|
|
||||||
.full {
|
.full {
|
||||||
@include breakpoint($large){
|
@include breakpoint($large) {
|
||||||
margin-right: -1 * span(2.5 of 12) !important;
|
margin-right: -1 * span(2.5 of 12) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -182,8 +183,11 @@ body:hover .visually-hidden button {
|
|||||||
/* social icons*/
|
/* social icons*/
|
||||||
|
|
||||||
.social-icons {
|
.social-icons {
|
||||||
.fa {
|
.fas,
|
||||||
color: #000;
|
.fab,
|
||||||
|
.far,
|
||||||
|
.fal {
|
||||||
|
color: $text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-behance,
|
.fa-behance,
|
||||||
@@ -191,12 +195,18 @@ body:hover .visually-hidden button {
|
|||||||
color: $behance-color;
|
color: $behance-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-dribbble {
|
.fa-bitbucket {
|
||||||
|
color: $bitbucket-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa-dribbble,
|
||||||
|
.fa-dribble-square {
|
||||||
color: $dribbble-color;
|
color: $dribbble-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-facebook,
|
.fa-facebook,
|
||||||
.fa-facebook-square {
|
.fa-facebook-square,
|
||||||
|
.fa-facebook-f {
|
||||||
color: $facebook-color;
|
color: $facebook-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -215,7 +225,8 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fa-google-plus,
|
.fa-google-plus,
|
||||||
.fa-google-plus-square {
|
.fa-google-plus-square,
|
||||||
|
.fa-google-plus-g {
|
||||||
color: $google-plus-color;
|
color: $google-plus-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -229,7 +240,7 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fa-linkedin,
|
.fa-linkedin,
|
||||||
.fa-linkedin-square {
|
.fa-linkedin-in {
|
||||||
color: $linkedin-color;
|
color: $linkedin-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -264,7 +275,8 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fa-vimeo,
|
.fa-vimeo,
|
||||||
.fa-vimeo-square {
|
.fa-vimeo-square,
|
||||||
|
.fa-vimeo-v {
|
||||||
color: $vimeo-color;
|
color: $vimeo-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -272,9 +284,7 @@ body:hover .visually-hidden button {
|
|||||||
color: $vine-color;
|
color: $vine-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-youtube,
|
.fa-youtube {
|
||||||
.fa-youtube-square,
|
|
||||||
.fa-youtube-play {
|
|
||||||
color: $youtube-color;
|
color: $youtube-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -284,7 +294,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Navicons
|
Navicons
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -324,26 +333,26 @@ body:hover .visually-hidden button {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
||||||
/* overlay the lines by setting both their top values to 0*/
|
/* overlay the lines by setting both their top values to 0*/
|
||||||
&:before, &:after{
|
&:before,
|
||||||
|
&:after {
|
||||||
-webkit-transform-origin: 50% 50%;
|
-webkit-transform-origin: 50% 50%;
|
||||||
-ms-transform-origin: 50% 50%;
|
-ms-transform-origin: 50% 50%;
|
||||||
transform-origin: 50% 50%;
|
transform-origin: 50% 50%;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: $navicon-width;
|
width: $navicon-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* rotate the lines to form the x shape*/
|
/* rotate the lines to form the x shape*/
|
||||||
&:before{
|
&:before {
|
||||||
-webkit-transform: rotate3d(0,0,1,45deg);
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
||||||
transform: rotate3d(0,0,1,45deg);
|
transform: rotate3d(0, 0, 1, 45deg);
|
||||||
}
|
}
|
||||||
&:after{
|
&:after {
|
||||||
-webkit-transform: rotate3d(0,0,1,-45deg);
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
||||||
transform: rotate3d(0,0,1,-45deg);
|
transform: rotate3d(0, 0, 1, -45deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Sticky, fixed to top content
|
Sticky, fixed to top content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -361,7 +370,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Wells
|
Wells
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -376,7 +384,6 @@ body:hover .visually-hidden button {
|
|||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Modals
|
Modals
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -431,7 +438,6 @@ body:hover .visually-hidden button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Footnotes
|
Footnotes
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -444,7 +450,9 @@ body:hover .visually-hidden button {
|
|||||||
.footnotes {
|
.footnotes {
|
||||||
color: mix(#fff, $gray, 25%);
|
color: mix(#fff, $gray, 25%);
|
||||||
|
|
||||||
ol, li, p {
|
ol,
|
||||||
|
li,
|
||||||
|
p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: $type-size-6;
|
font-size: $type-size-6;
|
||||||
}
|
}
|
||||||
@@ -459,7 +467,6 @@ a.reversefootnote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Required
|
Required
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
@@ -469,14 +476,14 @@ a.reversefootnote {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Google Custom Search Engine
|
Google Custom Search Engine
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.gsc-control-cse {
|
.gsc-control-cse {
|
||||||
|
table,
|
||||||
table, tr, td {
|
tr,
|
||||||
|
td {
|
||||||
border: 0; /* remove table borders widget */
|
border: 0; /* remove table borders widget */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -506,8 +513,8 @@ a.reversefootnote {
|
|||||||
|
|
||||||
// full screen video fixes
|
// full screen video fixes
|
||||||
:-webkit-full-screen-ancestor {
|
:-webkit-full-screen-ancestor {
|
||||||
.masthead,
|
.masthead,
|
||||||
.page__footer {
|
.page__footer {
|
||||||
position: static;
|
position: static;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,123 +6,148 @@
|
|||||||
Typography
|
Typography
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
$doc-font-size : 16 !default;
|
$doc-font-size: 16 !default;
|
||||||
|
|
||||||
/* paragraph indention */
|
/* paragraph indention */
|
||||||
$paragraph-indent : false !default; // true, false (default)
|
$paragraph-indent: false !default; // true, false (default)
|
||||||
$indent-var : 1.3em !default;
|
$indent-var: 1.3em !default;
|
||||||
|
|
||||||
/* system typefaces */
|
/* system typefaces */
|
||||||
$serif : Georgia, Times, serif !default;
|
$serif: Georgia, Times, serif !default;
|
||||||
$sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
|
$sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
|
||||||
$monospace : Monaco, Consolas, "Lucida Console", monospace !default;
|
"Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
|
||||||
|
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
|
||||||
|
|
||||||
/* sans serif typefaces */
|
/* sans serif typefaces */
|
||||||
$sans-serif-narrow : $sans-serif !default;
|
$sans-serif-narrow: $sans-serif !default;
|
||||||
$helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif !default;
|
$helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default;
|
||||||
|
|
||||||
/* serif typefaces */
|
/* serif typefaces */
|
||||||
$georgia : Georgia, serif !default;
|
$georgia: Georgia, serif !default;
|
||||||
$times : Times, serif !default;
|
$times: Times, serif !default;
|
||||||
$bodoni : "Bodoni MT", serif !default;
|
$bodoni: "Bodoni MT", serif !default;
|
||||||
$calisto : "Calisto MT", serif !default;
|
$calisto: "Calisto MT", serif !default;
|
||||||
$garamond : Garamond, serif !default;
|
$garamond: Garamond, serif !default;
|
||||||
|
|
||||||
$global-font-family : $sans-serif !default;
|
$global-font-family: $sans-serif !default;
|
||||||
$header-font-family : $sans-serif !default;
|
$header-font-family: $sans-serif !default;
|
||||||
$caption-font-family : $serif !default;
|
$caption-font-family: $serif !default;
|
||||||
|
|
||||||
/* type scale */
|
/* type scale */
|
||||||
$type-size-1 : 2.441em !default; // ~39.056px
|
$type-size-1: 2.441em !default; // ~39.056px
|
||||||
$type-size-2 : 1.953em !default; // ~31.248px
|
$type-size-2: 1.953em !default; // ~31.248px
|
||||||
$type-size-3 : 1.563em !default; // ~25.008px
|
$type-size-3: 1.563em !default; // ~25.008px
|
||||||
$type-size-4 : 1.25em !default; // ~20px
|
$type-size-4: 1.25em !default; // ~20px
|
||||||
$type-size-5 : 1em !default; // ~16px
|
$type-size-5: 1em !default; // ~16px
|
||||||
$type-size-6 : 0.75em !default; // ~12px
|
$type-size-6: 0.75em !default; // ~12px
|
||||||
$type-size-7 : 0.6875em !default; // ~11px
|
$type-size-7: 0.6875em !default; // ~11px
|
||||||
$type-size-8 : 0.625em !default; // ~10px
|
$type-size-8: 0.625em !default; // ~10px
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Colors
|
Colors
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
$gray : #7a8288 !default;
|
$gray: #7a8288 !default;
|
||||||
$dark-gray : mix(#000, $gray, 40%) !default;
|
$dark-gray: mix(#000, $gray, 40%) !default;
|
||||||
$darker-gray : mix(#000, $gray, 60%) !default;
|
$darker-gray: mix(#000, $gray, 60%) !default;
|
||||||
$light-gray : mix(#fff, $gray, 50%) !default;
|
$light-gray: mix(#fff, $gray, 50%) !default;
|
||||||
$lighter-gray : mix(#fff, $gray, 90%) !default;
|
$lighter-gray: mix(#fff, $gray, 90%) !default;
|
||||||
|
|
||||||
$body-color : #fff !default;
|
$background-color: #fff !default;
|
||||||
$background-color : #fff !default;
|
$code-background-color: #fafafa !default;
|
||||||
$code-background-color : #fafafa !default;
|
$code-background-color-dark: $light-gray !default;
|
||||||
$code-background-color-dark : $light-gray !default;
|
$text-color: $dark-gray !default;
|
||||||
$text-color : $dark-gray !default;
|
$muted-text-color: mix(#fff, $text-color, 35%) !default;
|
||||||
$border-color : $lighter-gray !default;
|
$border-color: $lighter-gray !default;
|
||||||
|
$form-background-color: $lighter-gray !default;
|
||||||
|
$footer-background-color: $lighter-gray !default;
|
||||||
|
|
||||||
$primary-color : #7a8288 !default;
|
$primary-color: #7a8288 !default;
|
||||||
$success-color : #62c462 !default;
|
$success-color: #62c462 !default;
|
||||||
$warning-color : #f89406 !default;
|
$warning-color: #f89406 !default;
|
||||||
$danger-color : #ee5f5b !default;
|
$danger-color: #ee5f5b !default;
|
||||||
$info-color : #52adc8 !default;
|
$info-color: #52adc8 !default;
|
||||||
|
|
||||||
|
/* YIQ color contrast */
|
||||||
|
$yiq-contrasted-dark-default: $dark-gray !default;
|
||||||
|
$yiq-contrasted-light-default: #fff !default;
|
||||||
|
$yiq-contrasted-threshold: 175 !default;
|
||||||
|
$yiq-debug: false !default;
|
||||||
|
|
||||||
/* brands */
|
/* brands */
|
||||||
$behance-color : #1769FF !default;
|
$behance-color: #1769ff !default;
|
||||||
$dribbble-color : #ea4c89 !default;
|
$bitbucket-color: #205081 !default;
|
||||||
$facebook-color : #3b5998 !default;
|
$dribbble-color: #ea4c89 !default;
|
||||||
$flickr-color : #ff0084 !default;
|
$facebook-color: #3b5998 !default;
|
||||||
$foursquare-color : #0072b1 !default;
|
$flickr-color: #ff0084 !default;
|
||||||
$github-color : #171516 !default;
|
$foursquare-color: #0072b1 !default;
|
||||||
$google-plus-color : #dd4b39 !default;
|
$github-color: #171516 !default;
|
||||||
$instagram-color : #517fa4 !default;
|
$google-plus-color: #dd4b39 !default;
|
||||||
$lastfm-color : #d51007 !default;
|
$instagram-color: #517fa4 !default;
|
||||||
$linkedin-color : #007bb6 !default;
|
$lastfm-color: #d51007 !default;
|
||||||
$pinterest-color : #cb2027 !default;
|
$linkedin-color: #007bb6 !default;
|
||||||
$rss-color : #fa9b39 !default;
|
$pinterest-color: #cb2027 !default;
|
||||||
$soundcloud-color : #ff3300 !default;
|
$rss-color: #fa9b39 !default;
|
||||||
$stackoverflow-color : #fe7a15 !default;
|
$soundcloud-color: #ff3300 !default;
|
||||||
$tumblr-color : #32506d !default;
|
$stackoverflow-color: #fe7a15 !default;
|
||||||
$twitter-color : #55acee !default;
|
$tumblr-color: #32506d !default;
|
||||||
$vimeo-color : #1ab7ea !default;
|
$twitter-color: #55acee !default;
|
||||||
$vine-color : #00bf8f !default;
|
$vimeo-color: #1ab7ea !default;
|
||||||
$youtube-color : #bb0000 !default;
|
$vine-color: #00bf8f !default;
|
||||||
$xing-color : #006567 !default;
|
$youtube-color: #bb0000 !default;
|
||||||
|
$xing-color: #006567 !default;
|
||||||
|
|
||||||
/* links */
|
/* links */
|
||||||
$link-color : $info-color !default;
|
$link-color: $info-color !default;
|
||||||
$link-color-hover : mix(#000, $link-color, 25%) !default;
|
$link-color-hover: mix(#000, $link-color, 25%) !default;
|
||||||
$link-color-visited : mix(#fff, $link-color, 25%) !default;
|
$link-color-visited: mix(#fff, $link-color, 25%) !default;
|
||||||
$masthead-link-color : $primary-color !default;
|
$masthead-link-color: $primary-color !default;
|
||||||
$masthead-link-color-hover : mix(#000, $primary-color, 25%) !default;
|
$masthead-link-color-hover: mix(#000, $primary-color, 25%) !default;
|
||||||
|
$navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default;
|
||||||
|
|
||||||
|
/* syntax highlighting (base16) */
|
||||||
|
$base00: #263238 !default;
|
||||||
|
$base01: #2e3c43 !default;
|
||||||
|
$base02: #314549 !default;
|
||||||
|
$base03: #546e7a !default;
|
||||||
|
$base04: #b2ccd6 !default;
|
||||||
|
$base05: #eeffff !default;
|
||||||
|
$base06: #eeffff !default;
|
||||||
|
$base07: #ffffff !default;
|
||||||
|
$base08: #f07178 !default;
|
||||||
|
$base09: #f78c6c !default;
|
||||||
|
$base0a: #ffcb6b !default;
|
||||||
|
$base0b: #c3e88d !default;
|
||||||
|
$base0c: #89ddff !default;
|
||||||
|
$base0d: #82aaff !default;
|
||||||
|
$base0e: #c792ea !default;
|
||||||
|
$base0f: #ff5370 !default;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Breakpoints
|
Breakpoints
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
$small : 600px !default;
|
$small: 600px !default;
|
||||||
$medium : 768px !default;
|
$medium: 768px !default;
|
||||||
$medium-wide : 900px !default;
|
$medium-wide: 900px !default;
|
||||||
$large : 1024px !default;
|
$large: 1024px !default;
|
||||||
$x-large : 1280px !default;
|
$x-large: 1280px !default;
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Grid
|
Grid
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
$right-sidebar-width-narrow : 200px !default;
|
$right-sidebar-width-narrow: 200px !default;
|
||||||
$right-sidebar-width : 300px !default;
|
$right-sidebar-width: 300px !default;
|
||||||
$right-sidebar-width-wide : 400px !default;
|
$right-sidebar-width-wide: 400px !default;
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Other
|
Other
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
$border-radius : 4px !default;
|
$border-radius: 4px !default;
|
||||||
$box-shadow : 0 1px 1px rgba(0, 0, 0, 0.125) !default;
|
$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default;
|
||||||
$navicon-width : 1.5rem !default;
|
$navicon-width: 1.5rem !default;
|
||||||
$navicon-height : 0.25rem !default;
|
$navicon-height: 0.25rem !default;
|
||||||
$global-transition : all 0.2s ease-in-out !default;
|
$global-transition: all 0.2s ease-in-out !default;
|
||||||
|
$intro-transition: intro 0.3s both !default;
|
||||||
|
|||||||
@@ -0,0 +1,23 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Air skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #eeeeee !default;
|
||||||
|
$text-color: #222831 !default;
|
||||||
|
$muted-text-color: #393e46 !default;
|
||||||
|
$primary-color: #0092ca !default;
|
||||||
|
$border-color: mix(#fff, #393e46, 75%) !default;
|
||||||
|
$footer-background-color: $primary-color !default;
|
||||||
|
$link-color: #393e46 !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: $text-color !default;
|
||||||
|
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
||||||
|
|
||||||
|
.page__footer {
|
||||||
|
color: #fff !important; // override
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Aqua skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$gray : #1976d2 !default;
|
||||||
|
$dark-gray : mix(#000, $gray, 40%) !default;
|
||||||
|
$darker-gray : mix(#000, $gray, 60%) !default;
|
||||||
|
$light-gray : mix(#fff, $gray, 50%) !default;
|
||||||
|
$lighter-gray : mix(#fff, $gray, 90%) !default;
|
||||||
|
|
||||||
|
$body-color : #fff !default;
|
||||||
|
$background-color : #f0fff0 !default;
|
||||||
|
$code-background-color : $lighter-gray !default;
|
||||||
|
$code-background-color-dark : $light-gray !default;
|
||||||
|
$text-color : $dark-gray !default;
|
||||||
|
$border-color : $lighter-gray !default;
|
||||||
|
|
||||||
|
$primary-color : $gray !default;
|
||||||
|
$success-color : #27ae60 !default;
|
||||||
|
$warning-color : #e67e22 !default;
|
||||||
|
$danger-color : #c0392b !default;
|
||||||
|
$info-color : #03a9f4 !default;
|
||||||
|
|
||||||
|
/* links */
|
||||||
|
$link-color : $info-color !default;
|
||||||
|
$link-color-hover : mix(#000, $link-color, 25%) !default;
|
||||||
|
$link-color-visited : mix(#fff, $link-color, 25%) !default;
|
||||||
|
$masthead-link-color : $primary-color !default;
|
||||||
|
$masthead-link-color-hover : mix(#000, $primary-color, 25%) !default;
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Contrast skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$text-color: #000 !default;
|
||||||
|
$muted-text-color: $text-color !default;
|
||||||
|
$primary-color: #ff0000 !default;
|
||||||
|
$border-color: mix(#fff, $text-color, 75%) !default;
|
||||||
|
$footer-background-color: #000 !default;
|
||||||
|
$link-color: #0000ff !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: $text-color !default;
|
||||||
|
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
||||||
|
|
||||||
|
/* contrast syntax highlighting (base16) */
|
||||||
|
$base00: #000000 !default;
|
||||||
|
$base01: #242422 !default;
|
||||||
|
$base02: #484844 !default;
|
||||||
|
$base03: #6c6c66 !default;
|
||||||
|
$base04: #918f88 !default;
|
||||||
|
$base05: #b5b3aa !default;
|
||||||
|
$base06: #d9d7cc !default;
|
||||||
|
$base07: #fdfbee !default;
|
||||||
|
$base08: #ff6c60 !default;
|
||||||
|
$base09: #e9c062 !default;
|
||||||
|
$base0a: #ffffb6 !default;
|
||||||
|
$base0b: #a8ff60 !default;
|
||||||
|
$base0c: #c6c5fe !default;
|
||||||
|
$base0d: #96cbfe !default;
|
||||||
|
$base0e: #ff73fd !default;
|
||||||
|
$base0f: #b18a3d !default;
|
||||||
|
|
||||||
|
.page__content {
|
||||||
|
.notice,
|
||||||
|
.notice--primary,
|
||||||
|
.notice--info,
|
||||||
|
.notice--warning,
|
||||||
|
.notice--success,
|
||||||
|
.notice--danger {
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__footer {
|
||||||
|
color: #fff !important; // override
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
@@ -0,0 +1,42 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Dark skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #252a34 !default;
|
||||||
|
$text-color: #eaeaea !default;
|
||||||
|
$primary-color: #00adb5 !default;
|
||||||
|
$border-color: mix(#fff, $background-color, 20%) !default;
|
||||||
|
$code-background-color: mix(#000, $background-color, 15%) !default;
|
||||||
|
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
|
||||||
|
$form-background-color: mix(#000, $background-color, 15%) !default;
|
||||||
|
$footer-background-color: mix(#000, $background-color, 30%) !default;
|
||||||
|
$link-color: mix($primary-color, $text-color, 40%) !default;
|
||||||
|
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
||||||
|
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
||||||
|
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
||||||
|
|
||||||
|
/* dark syntax highlighting (base16) */
|
||||||
|
$base00: #ffffff !default;
|
||||||
|
$base01: #e0e0e0 !default;
|
||||||
|
$base02: #d0d0d0 !default;
|
||||||
|
$base03: #b0b0b0 !default;
|
||||||
|
$base04: #000000 !default;
|
||||||
|
$base05: #101010 !default;
|
||||||
|
$base06: #151515 !default;
|
||||||
|
$base07: #202020 !default;
|
||||||
|
$base08: #ff0086 !default;
|
||||||
|
$base09: #fd8900 !default;
|
||||||
|
$base0a: #aba800 !default;
|
||||||
|
$base0b: #00c918 !default;
|
||||||
|
$base0c: #1faaaa !default;
|
||||||
|
$base0d: #3777e6 !default;
|
||||||
|
$base0e: #ad00a1 !default;
|
||||||
|
$base0f: #cc6633 !default;
|
||||||
|
|
||||||
|
.author__urls.social-icons .svg-inline--fa,
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Default skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
// Intentionally left blank
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Dirt skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #f3f3f3 !default;
|
||||||
|
$text-color: #343434 !default;
|
||||||
|
$muted-text-color: #8e8b82 !default;
|
||||||
|
$primary-color: #343434 !default;
|
||||||
|
$border-color: #e9dcbe !default;
|
||||||
|
$footer-background-color: #e9dcbe !default;
|
||||||
|
$link-color: #343434 !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: $text-color !default;
|
||||||
|
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
||||||
|
|
||||||
|
/* dirt syntax highlighting (base16) */
|
||||||
|
$base00: #231e18 !default;
|
||||||
|
$base01: #302b25 !default;
|
||||||
|
$base02: #48413a !default;
|
||||||
|
$base03: #9d8b70 !default;
|
||||||
|
$base04: #b4a490 !default;
|
||||||
|
$base05: #cabcb1 !default;
|
||||||
|
$base06: #d7c8bc !default;
|
||||||
|
$base07: #e4d4c8 !default;
|
||||||
|
$base08: #d35c5c !default;
|
||||||
|
$base09: #ca7f32 !default;
|
||||||
|
$base0a: #e0ac16 !default;
|
||||||
|
$base0b: #b7ba53 !default;
|
||||||
|
$base0c: #6eb958 !default;
|
||||||
|
$base0d: #88a4d3 !default;
|
||||||
|
$base0e: #bb90e2 !default;
|
||||||
|
$base0f: #b49368 !default;
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Mint skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #f3f6f6 !default;
|
||||||
|
$text-color: #40514e !default;
|
||||||
|
$muted-text-color: #40514e !default;
|
||||||
|
$primary-color: #11999e !default;
|
||||||
|
$border-color: mix(#fff, #40514e, 75%) !default;
|
||||||
|
$footer-background-color: #30e3ca !default;
|
||||||
|
$link-color: #11999e !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: $text-color !default;
|
||||||
|
$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
|
||||||
|
|
||||||
|
.page__footer {
|
||||||
|
color: #fff !important; // override
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Neon skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #141010 !default;
|
||||||
|
$text-color: #fff6fb !default;
|
||||||
|
$primary-color: #f21368 !default;
|
||||||
|
$border-color: mix(#fff, $background-color, 20%) !default;
|
||||||
|
$code-background-color: mix(#000, $background-color, 15%) !default;
|
||||||
|
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
|
||||||
|
$form-background-color: mix(#000, $background-color, 15%) !default;
|
||||||
|
$footer-background-color: mix($primary-color, #000, 10%) !default;
|
||||||
|
$link-color: $primary-color !default;
|
||||||
|
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
||||||
|
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
||||||
|
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
||||||
|
|
||||||
|
/* neon syntax highlighting (base16) */
|
||||||
|
$base00: #ffffff !default;
|
||||||
|
$base01: #e0e0e0 !default;
|
||||||
|
$base02: #d0d0d0 !default;
|
||||||
|
$base03: #b0b0b0 !default;
|
||||||
|
$base04: #000000 !default;
|
||||||
|
$base05: #101010 !default;
|
||||||
|
$base06: #151515 !default;
|
||||||
|
$base07: #202020 !default;
|
||||||
|
$base08: #ff0086 !default;
|
||||||
|
$base09: #fd8900 !default;
|
||||||
|
$base0a: #aba800 !default;
|
||||||
|
$base0b: #00c918 !default;
|
||||||
|
$base0c: #1faaaa !default;
|
||||||
|
$base0d: #3777e6 !default;
|
||||||
|
$base0e: #ad00a1 !default;
|
||||||
|
$base0f: #cc6633 !default;
|
||||||
|
|
||||||
|
.author__urls.social-icons .svg-inline--fa,
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* next/previous buttons */
|
||||||
|
.pagination--pager {
|
||||||
|
color: $text-color;
|
||||||
|
background-color: $primary-color;
|
||||||
|
border-color: transparent;
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Plum skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$background-color: #521477 !default;
|
||||||
|
$text-color: #fffd86 !default;
|
||||||
|
$primary-color: #c327ab !default;
|
||||||
|
$border-color: mix(#fff, $background-color, 20%) !default;
|
||||||
|
$code-background-color: mix(#000, $background-color, 15%) !default;
|
||||||
|
$code-background-color-dark: mix(#000, $background-color, 20%) !default;
|
||||||
|
$form-background-color: mix(#000, $background-color, 15%) !default;
|
||||||
|
$footer-background-color: mix(#000, $background-color, 25%) !default;
|
||||||
|
$link-color: $primary-color !default;
|
||||||
|
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
||||||
|
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
||||||
|
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
||||||
|
|
||||||
|
/* plum syntax highlighting (base16) */
|
||||||
|
$base00: #ffffff !default;
|
||||||
|
$base01: #e0e0e0 !default;
|
||||||
|
$base02: #d0d0d0 !default;
|
||||||
|
$base03: #b0b0b0 !default;
|
||||||
|
$base04: #000000 !default;
|
||||||
|
$base05: #101010 !default;
|
||||||
|
$base06: #151515 !default;
|
||||||
|
$base07: #202020 !default;
|
||||||
|
$base08: #ff0086 !default;
|
||||||
|
$base09: #fd8900 !default;
|
||||||
|
$base0a: #aba800 !default;
|
||||||
|
$base0b: #00c918 !default;
|
||||||
|
$base0c: #1faaaa !default;
|
||||||
|
$base0d: #3777e6 !default;
|
||||||
|
$base0e: #ad00a1 !default;
|
||||||
|
$base0f: #cc6633 !default;
|
||||||
|
|
||||||
|
.author__urls.social-icons .svg-inline--fa,
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page__content {
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* next/previous buttons */
|
||||||
|
.pagination--pager {
|
||||||
|
color: $text-color;
|
||||||
|
background-color: $primary-color;
|
||||||
|
border-color: transparent;
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
Sunrise skin
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* Colors */
|
||||||
|
$dark-gray: #0e2431 !default;
|
||||||
|
$background-color: #e8d5b7 !default;
|
||||||
|
$text-color: #000 !default;
|
||||||
|
$muted-text-color: $dark-gray !default;
|
||||||
|
$primary-color: #fc3a52 !default;
|
||||||
|
$border-color: mix(#000, $background-color, 20%) !default;
|
||||||
|
$code-background-color: mix(#fff, $background-color, 20%) !default;
|
||||||
|
$code-background-color-dark: mix(#000, $background-color, 10%) !default;
|
||||||
|
$form-background-color: mix(#fff, $background-color, 15%) !default;
|
||||||
|
$footer-background-color: #f9b248 !default;
|
||||||
|
$link-color: mix(#000, $primary-color, 10%) !default;
|
||||||
|
$link-color-hover: mix(#fff, $link-color, 25%) !default;
|
||||||
|
$link-color-visited: mix(#000, $link-color, 25%) !default;
|
||||||
|
$masthead-link-color: $text-color !default;
|
||||||
|
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
|
||||||
|
$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
|
||||||
|
|
||||||
|
/* sunrise syntax highlighting (base16) */
|
||||||
|
$base00: #1d1f21 !default;
|
||||||
|
$base01: #282a2e !default;
|
||||||
|
$base02: #373b41 !default;
|
||||||
|
$base03: #969896 !default;
|
||||||
|
$base04: #b4b7b4 !default;
|
||||||
|
$base05: #c5c8c6 !default;
|
||||||
|
$base06: #e0e0e0 !default;
|
||||||
|
$base07: #ffffff !default;
|
||||||
|
$base08: #cc6666 !default;
|
||||||
|
$base09: #de935f !default;
|
||||||
|
$base0a: #f0c674 !default;
|
||||||
|
$base0b: #b5bd68 !default;
|
||||||
|
$base0c: #8abeb7 !default;
|
||||||
|
$base0d: #81a2be !default;
|
||||||
|
$base0e: #b294bb !default;
|
||||||
|
$base0f: #a3685a !default;
|
||||||
|
|
||||||
|
.author__urls.social-icons .fa,
|
||||||
|
.page__footer-follow .social-icons .svg-inline--fa {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
// Spinning Icons
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-spin {
|
|
||||||
-webkit-animation: fa-spin 2s infinite linear;
|
|
||||||
animation: fa-spin 2s infinite linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-pulse {
|
|
||||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
|
||||||
animation: fa-spin 1s infinite steps(8);
|
|
||||||
}
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-spin {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(359deg);
|
|
||||||
transform: rotate(359deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fa-spin {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(359deg);
|
|
||||||
transform: rotate(359deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
// Bordered & Pulled
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-border {
|
|
||||||
padding: .2em .25em .15em;
|
|
||||||
border: solid .08em $fa-border-color;
|
|
||||||
border-radius: .1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-pull-left { float: left; }
|
|
||||||
.#{$fa-css-prefix}-pull-right { float: right; }
|
|
||||||
|
|
||||||
.#{$fa-css-prefix} {
|
|
||||||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
|
||||||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Deprecated as of 4.4.0 */
|
|
||||||
.pull-right { float: right; }
|
|
||||||
.pull-left { float: left; }
|
|
||||||
|
|
||||||
.#{$fa-css-prefix} {
|
|
||||||
&.pull-left { margin-right: .3em; }
|
|
||||||
&.pull-right { margin-left: .3em; }
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
// Base Class Definition
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix} {
|
|
||||||
display: inline-block;
|
|
||||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
|
||||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
|
||||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
// Fixed Width Icons
|
|
||||||
// -------------------------
|
|
||||||
.#{$fa-css-prefix}-fw {
|
|
||||||
width: (18em / 14);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
||||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "variables";
|
|
||||||
@import "mixins";
|
|
||||||
@import "path";
|
|
||||||
@import "core";
|
|
||||||
@import "larger";
|
|
||||||
@import "fixed-width";
|
|
||||||
@import "list";
|
|
||||||
@import "bordered-pulled";
|
|
||||||
@import "animated";
|
|
||||||
@import "rotated-flipped";
|
|
||||||
@import "stacked";
|
|
||||||
@import "icons";
|
|
||||||
@import "screen-reader";
|
|
||||||
@@ -1,789 +0,0 @@
|
|||||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
|
||||||
readers do not read off random characters that represent icons */
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
|
|
||||||
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
|
|
||||||
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
|
|
||||||
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
|
|
||||||
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
|
|
||||||
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
|
|
||||||
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
|
|
||||||
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
|
|
||||||
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
|
|
||||||
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
|
|
||||||
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
|
|
||||||
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
|
|
||||||
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
|
|
||||||
.#{$fa-css-prefix}-remove:before,
|
|
||||||
.#{$fa-css-prefix}-close:before,
|
|
||||||
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
|
|
||||||
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
|
|
||||||
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
|
|
||||||
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
|
|
||||||
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
|
|
||||||
.#{$fa-css-prefix}-gear:before,
|
|
||||||
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
|
|
||||||
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
|
|
||||||
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
|
|
||||||
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
|
|
||||||
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
|
|
||||||
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
|
|
||||||
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
|
|
||||||
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
|
|
||||||
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-rotate-right:before,
|
|
||||||
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
|
|
||||||
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
|
|
||||||
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
|
|
||||||
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
|
|
||||||
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
|
|
||||||
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
|
|
||||||
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
|
|
||||||
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
|
|
||||||
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
|
|
||||||
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
|
|
||||||
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
|
|
||||||
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
|
|
||||||
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
|
|
||||||
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
|
|
||||||
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
|
|
||||||
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
|
|
||||||
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
|
|
||||||
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
|
|
||||||
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
|
|
||||||
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
|
|
||||||
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
|
|
||||||
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
|
|
||||||
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
|
|
||||||
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
|
|
||||||
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
|
|
||||||
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
|
|
||||||
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
|
|
||||||
.#{$fa-css-prefix}-dedent:before,
|
|
||||||
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
|
|
||||||
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
|
|
||||||
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
|
|
||||||
.#{$fa-css-prefix}-photo:before,
|
|
||||||
.#{$fa-css-prefix}-image:before,
|
|
||||||
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
|
|
||||||
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
|
|
||||||
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
|
|
||||||
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
|
|
||||||
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
|
|
||||||
.#{$fa-css-prefix}-edit:before,
|
|
||||||
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
|
|
||||||
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
|
|
||||||
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
|
|
||||||
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
|
|
||||||
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
|
|
||||||
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
|
|
||||||
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
|
|
||||||
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
|
|
||||||
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
|
|
||||||
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
|
|
||||||
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
|
|
||||||
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
|
|
||||||
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
|
|
||||||
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
|
|
||||||
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
|
|
||||||
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
|
|
||||||
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
|
|
||||||
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
|
|
||||||
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
|
|
||||||
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
|
|
||||||
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
|
|
||||||
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
|
|
||||||
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
|
|
||||||
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
|
|
||||||
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
|
|
||||||
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
|
|
||||||
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
|
|
||||||
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
|
|
||||||
.#{$fa-css-prefix}-mail-forward:before,
|
|
||||||
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
|
|
||||||
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
|
|
||||||
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
|
|
||||||
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
|
|
||||||
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
|
|
||||||
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
|
|
||||||
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
|
|
||||||
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
|
|
||||||
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
|
|
||||||
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
|
|
||||||
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
|
|
||||||
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
|
|
||||||
.#{$fa-css-prefix}-warning:before,
|
|
||||||
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
|
|
||||||
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
|
|
||||||
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
|
|
||||||
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
|
|
||||||
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
|
|
||||||
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
|
|
||||||
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
|
|
||||||
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
|
|
||||||
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
|
|
||||||
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
|
|
||||||
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
|
|
||||||
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
|
|
||||||
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
|
|
||||||
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
|
|
||||||
.#{$fa-css-prefix}-bar-chart-o:before,
|
|
||||||
.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
|
|
||||||
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
|
|
||||||
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
|
|
||||||
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
|
|
||||||
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
|
|
||||||
.#{$fa-css-prefix}-gears:before,
|
|
||||||
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
|
|
||||||
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
|
|
||||||
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
|
|
||||||
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
|
|
||||||
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
|
|
||||||
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
|
|
||||||
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
|
|
||||||
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
|
|
||||||
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
|
|
||||||
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
|
|
||||||
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
|
|
||||||
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
|
|
||||||
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
|
|
||||||
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
|
|
||||||
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
|
|
||||||
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
|
|
||||||
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
|
|
||||||
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
|
|
||||||
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
|
|
||||||
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
|
|
||||||
.#{$fa-css-prefix}-facebook-f:before,
|
|
||||||
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
|
|
||||||
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
|
|
||||||
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
|
|
||||||
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
|
|
||||||
.#{$fa-css-prefix}-feed:before,
|
|
||||||
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
|
|
||||||
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
|
|
||||||
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
|
|
||||||
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
|
|
||||||
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
|
|
||||||
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
|
|
||||||
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
|
|
||||||
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
|
|
||||||
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
|
|
||||||
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
|
|
||||||
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
|
|
||||||
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
|
|
||||||
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
|
|
||||||
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
|
|
||||||
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
|
|
||||||
.#{$fa-css-prefix}-group:before,
|
|
||||||
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
|
|
||||||
.#{$fa-css-prefix}-chain:before,
|
|
||||||
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
|
|
||||||
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
|
|
||||||
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
|
|
||||||
.#{$fa-css-prefix}-cut:before,
|
|
||||||
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
|
|
||||||
.#{$fa-css-prefix}-copy:before,
|
|
||||||
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
|
|
||||||
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
|
|
||||||
.#{$fa-css-prefix}-save:before,
|
|
||||||
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
|
|
||||||
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
|
|
||||||
.#{$fa-css-prefix}-navicon:before,
|
|
||||||
.#{$fa-css-prefix}-reorder:before,
|
|
||||||
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
|
|
||||||
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
|
|
||||||
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
|
|
||||||
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
|
|
||||||
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
|
|
||||||
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
|
|
||||||
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
|
|
||||||
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
|
|
||||||
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
|
|
||||||
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
|
|
||||||
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
|
|
||||||
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
|
|
||||||
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
|
|
||||||
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
|
|
||||||
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
|
|
||||||
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
|
|
||||||
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
|
|
||||||
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
|
|
||||||
.#{$fa-css-prefix}-unsorted:before,
|
|
||||||
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
|
|
||||||
.#{$fa-css-prefix}-sort-down:before,
|
|
||||||
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
|
|
||||||
.#{$fa-css-prefix}-sort-up:before,
|
|
||||||
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
|
|
||||||
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
|
|
||||||
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
|
|
||||||
.#{$fa-css-prefix}-rotate-left:before,
|
|
||||||
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
|
|
||||||
.#{$fa-css-prefix}-legal:before,
|
|
||||||
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
|
|
||||||
.#{$fa-css-prefix}-dashboard:before,
|
|
||||||
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
|
|
||||||
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
|
|
||||||
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
|
|
||||||
.#{$fa-css-prefix}-flash:before,
|
|
||||||
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
|
|
||||||
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
|
|
||||||
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
|
|
||||||
.#{$fa-css-prefix}-paste:before,
|
|
||||||
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
|
|
||||||
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
|
|
||||||
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
|
|
||||||
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
|
|
||||||
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
|
|
||||||
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
|
|
||||||
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
|
|
||||||
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
|
|
||||||
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
|
|
||||||
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
|
|
||||||
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
|
|
||||||
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
|
|
||||||
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
|
|
||||||
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
|
|
||||||
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
|
|
||||||
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
|
|
||||||
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
|
|
||||||
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
|
|
||||||
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
|
|
||||||
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
|
|
||||||
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
|
|
||||||
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
|
|
||||||
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
|
|
||||||
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
|
|
||||||
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
|
|
||||||
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
|
|
||||||
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
|
|
||||||
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
|
|
||||||
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
|
|
||||||
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
|
|
||||||
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
|
|
||||||
.#{$fa-css-prefix}-mobile-phone:before,
|
|
||||||
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
|
|
||||||
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
|
|
||||||
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
|
|
||||||
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
|
|
||||||
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
|
|
||||||
.#{$fa-css-prefix}-mail-reply:before,
|
|
||||||
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
|
|
||||||
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
|
|
||||||
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
|
|
||||||
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
|
|
||||||
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
|
|
||||||
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
|
|
||||||
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
|
|
||||||
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
|
|
||||||
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
|
|
||||||
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
|
|
||||||
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
|
|
||||||
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
|
|
||||||
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
|
|
||||||
.#{$fa-css-prefix}-mail-reply-all:before,
|
|
||||||
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
|
|
||||||
.#{$fa-css-prefix}-star-half-empty:before,
|
|
||||||
.#{$fa-css-prefix}-star-half-full:before,
|
|
||||||
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
|
|
||||||
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
|
|
||||||
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
|
|
||||||
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
|
|
||||||
.#{$fa-css-prefix}-unlink:before,
|
|
||||||
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
|
|
||||||
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
|
|
||||||
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
|
|
||||||
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
|
|
||||||
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
|
|
||||||
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
|
|
||||||
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
|
|
||||||
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
|
|
||||||
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
|
|
||||||
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
|
|
||||||
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
|
|
||||||
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
|
|
||||||
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
|
|
||||||
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
|
|
||||||
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
|
|
||||||
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
|
|
||||||
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
|
|
||||||
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
|
|
||||||
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
|
|
||||||
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
|
|
||||||
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
|
|
||||||
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
|
|
||||||
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
|
|
||||||
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
|
|
||||||
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
|
|
||||||
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
|
|
||||||
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
|
|
||||||
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
|
|
||||||
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
|
|
||||||
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
|
|
||||||
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
|
|
||||||
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
|
|
||||||
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
|
|
||||||
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
|
|
||||||
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
|
|
||||||
.#{$fa-css-prefix}-toggle-down:before,
|
|
||||||
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
|
|
||||||
.#{$fa-css-prefix}-toggle-up:before,
|
|
||||||
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
|
|
||||||
.#{$fa-css-prefix}-toggle-right:before,
|
|
||||||
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
|
|
||||||
.#{$fa-css-prefix}-euro:before,
|
|
||||||
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
|
|
||||||
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
|
|
||||||
.#{$fa-css-prefix}-dollar:before,
|
|
||||||
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
|
|
||||||
.#{$fa-css-prefix}-rupee:before,
|
|
||||||
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
|
|
||||||
.#{$fa-css-prefix}-cny:before,
|
|
||||||
.#{$fa-css-prefix}-rmb:before,
|
|
||||||
.#{$fa-css-prefix}-yen:before,
|
|
||||||
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
|
|
||||||
.#{$fa-css-prefix}-ruble:before,
|
|
||||||
.#{$fa-css-prefix}-rouble:before,
|
|
||||||
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
|
|
||||||
.#{$fa-css-prefix}-won:before,
|
|
||||||
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
|
|
||||||
.#{$fa-css-prefix}-bitcoin:before,
|
|
||||||
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
|
|
||||||
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
|
|
||||||
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
|
|
||||||
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
|
|
||||||
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
|
|
||||||
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
|
|
||||||
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
|
|
||||||
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
|
|
||||||
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
|
|
||||||
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
|
|
||||||
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
|
|
||||||
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
|
|
||||||
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
|
|
||||||
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
|
|
||||||
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
|
|
||||||
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
|
|
||||||
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
|
|
||||||
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
|
|
||||||
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
|
|
||||||
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
|
|
||||||
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
|
|
||||||
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
|
|
||||||
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
|
|
||||||
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
|
|
||||||
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
|
|
||||||
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
|
|
||||||
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
|
|
||||||
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
|
|
||||||
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
|
|
||||||
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
|
|
||||||
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
|
|
||||||
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
|
|
||||||
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
|
|
||||||
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
|
|
||||||
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
|
|
||||||
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
|
|
||||||
.#{$fa-css-prefix}-gittip:before,
|
|
||||||
.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
|
|
||||||
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
|
|
||||||
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
|
|
||||||
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
|
|
||||||
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
|
|
||||||
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
|
|
||||||
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
|
|
||||||
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
|
|
||||||
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
|
|
||||||
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
|
|
||||||
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
|
|
||||||
.#{$fa-css-prefix}-toggle-left:before,
|
|
||||||
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
|
|
||||||
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
|
|
||||||
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
|
|
||||||
.#{$fa-css-prefix}-turkish-lira:before,
|
|
||||||
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
|
|
||||||
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
|
|
||||||
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
|
|
||||||
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
|
|
||||||
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
|
|
||||||
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
|
|
||||||
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
|
|
||||||
.#{$fa-css-prefix}-institution:before,
|
|
||||||
.#{$fa-css-prefix}-bank:before,
|
|
||||||
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
|
|
||||||
.#{$fa-css-prefix}-mortar-board:before,
|
|
||||||
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
|
|
||||||
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
|
|
||||||
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
|
|
||||||
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
|
|
||||||
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
|
|
||||||
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
|
|
||||||
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
|
|
||||||
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
|
|
||||||
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
|
|
||||||
.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
|
|
||||||
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
|
|
||||||
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
|
|
||||||
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
|
|
||||||
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
|
|
||||||
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
|
|
||||||
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
|
|
||||||
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
|
|
||||||
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
|
|
||||||
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
|
|
||||||
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
|
|
||||||
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
|
|
||||||
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
|
|
||||||
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
|
|
||||||
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
|
|
||||||
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
|
|
||||||
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
|
|
||||||
.#{$fa-css-prefix}-automobile:before,
|
|
||||||
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
|
|
||||||
.#{$fa-css-prefix}-cab:before,
|
|
||||||
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
|
|
||||||
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
|
|
||||||
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
|
|
||||||
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
|
|
||||||
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
|
|
||||||
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
|
|
||||||
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
|
|
||||||
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
|
|
||||||
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
|
|
||||||
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
|
|
||||||
.#{$fa-css-prefix}-file-photo-o:before,
|
|
||||||
.#{$fa-css-prefix}-file-picture-o:before,
|
|
||||||
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
|
|
||||||
.#{$fa-css-prefix}-file-zip-o:before,
|
|
||||||
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
|
|
||||||
.#{$fa-css-prefix}-file-sound-o:before,
|
|
||||||
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
|
|
||||||
.#{$fa-css-prefix}-file-movie-o:before,
|
|
||||||
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
|
|
||||||
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
|
|
||||||
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
|
|
||||||
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
|
|
||||||
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
|
|
||||||
.#{$fa-css-prefix}-life-bouy:before,
|
|
||||||
.#{$fa-css-prefix}-life-buoy:before,
|
|
||||||
.#{$fa-css-prefix}-life-saver:before,
|
|
||||||
.#{$fa-css-prefix}-support:before,
|
|
||||||
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
|
|
||||||
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
|
|
||||||
.#{$fa-css-prefix}-ra:before,
|
|
||||||
.#{$fa-css-prefix}-resistance:before,
|
|
||||||
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
|
|
||||||
.#{$fa-css-prefix}-ge:before,
|
|
||||||
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
|
|
||||||
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
|
|
||||||
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
|
|
||||||
.#{$fa-css-prefix}-y-combinator-square:before,
|
|
||||||
.#{$fa-css-prefix}-yc-square:before,
|
|
||||||
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
|
|
||||||
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
|
|
||||||
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
|
|
||||||
.#{$fa-css-prefix}-wechat:before,
|
|
||||||
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
|
|
||||||
.#{$fa-css-prefix}-send:before,
|
|
||||||
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
|
|
||||||
.#{$fa-css-prefix}-send-o:before,
|
|
||||||
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
|
|
||||||
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
|
|
||||||
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
|
|
||||||
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
|
|
||||||
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
|
|
||||||
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
|
|
||||||
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
|
|
||||||
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
|
|
||||||
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
|
|
||||||
.#{$fa-css-prefix}-soccer-ball-o:before,
|
|
||||||
.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
|
|
||||||
.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
|
|
||||||
.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
|
|
||||||
.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
|
|
||||||
.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
|
|
||||||
.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
|
|
||||||
.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
|
|
||||||
.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
|
|
||||||
.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
|
|
||||||
.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
|
|
||||||
.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
|
|
||||||
.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
|
|
||||||
.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
|
|
||||||
.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
|
|
||||||
.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
|
|
||||||
.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
|
|
||||||
.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
|
|
||||||
.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
|
|
||||||
.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
|
|
||||||
.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
|
|
||||||
.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
|
|
||||||
.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
|
|
||||||
.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
|
|
||||||
.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
|
|
||||||
.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
|
|
||||||
.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
|
|
||||||
.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
|
|
||||||
.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
|
|
||||||
.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
|
|
||||||
.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
|
|
||||||
.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
|
|
||||||
.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
|
|
||||||
.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
|
|
||||||
.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
|
|
||||||
.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
|
|
||||||
.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
|
|
||||||
.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
|
|
||||||
.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
|
|
||||||
.#{$fa-css-prefix}-shekel:before,
|
|
||||||
.#{$fa-css-prefix}-sheqel:before,
|
|
||||||
.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
|
|
||||||
.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
|
|
||||||
.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
|
|
||||||
.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
|
|
||||||
.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
|
|
||||||
.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
|
|
||||||
.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
|
|
||||||
.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
|
|
||||||
.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
|
|
||||||
.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
|
|
||||||
.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
|
|
||||||
.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
|
|
||||||
.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
|
|
||||||
.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
|
|
||||||
.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
|
|
||||||
.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
|
|
||||||
.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
|
|
||||||
.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
|
|
||||||
.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
|
|
||||||
.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
|
|
||||||
.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
|
|
||||||
.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
|
|
||||||
.#{$fa-css-prefix}-intersex:before,
|
|
||||||
.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
|
|
||||||
.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
|
|
||||||
.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
|
|
||||||
.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
|
|
||||||
.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
|
|
||||||
.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
|
|
||||||
.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
|
|
||||||
.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
|
|
||||||
.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
|
|
||||||
.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
|
|
||||||
.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
|
|
||||||
.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
|
|
||||||
.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
|
|
||||||
.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
|
|
||||||
.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
|
|
||||||
.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
|
|
||||||
.#{$fa-css-prefix}-hotel:before,
|
|
||||||
.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
|
|
||||||
.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
|
|
||||||
.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
|
|
||||||
.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
|
|
||||||
.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
|
|
||||||
.#{$fa-css-prefix}-yc:before,
|
|
||||||
.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
|
|
||||||
.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
|
|
||||||
.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
|
|
||||||
.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
|
|
||||||
.#{$fa-css-prefix}-battery-4:before,
|
|
||||||
.#{$fa-css-prefix}-battery:before,
|
|
||||||
.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
|
|
||||||
.#{$fa-css-prefix}-battery-3:before,
|
|
||||||
.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
|
|
||||||
.#{$fa-css-prefix}-battery-2:before,
|
|
||||||
.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
|
|
||||||
.#{$fa-css-prefix}-battery-1:before,
|
|
||||||
.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
|
|
||||||
.#{$fa-css-prefix}-battery-0:before,
|
|
||||||
.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
|
|
||||||
.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
|
|
||||||
.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
|
|
||||||
.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
|
|
||||||
.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
|
|
||||||
.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
|
|
||||||
.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
|
|
||||||
.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
|
|
||||||
.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
|
|
||||||
.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
|
|
||||||
.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
|
|
||||||
.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
|
|
||||||
.#{$fa-css-prefix}-hourglass-1:before,
|
|
||||||
.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
|
|
||||||
.#{$fa-css-prefix}-hourglass-2:before,
|
|
||||||
.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
|
|
||||||
.#{$fa-css-prefix}-hourglass-3:before,
|
|
||||||
.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
|
|
||||||
.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
|
|
||||||
.#{$fa-css-prefix}-hand-grab-o:before,
|
|
||||||
.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
|
|
||||||
.#{$fa-css-prefix}-hand-stop-o:before,
|
|
||||||
.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
|
|
||||||
.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
|
|
||||||
.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
|
|
||||||
.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
|
|
||||||
.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
|
|
||||||
.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
|
|
||||||
.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
|
|
||||||
.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
|
|
||||||
.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
|
|
||||||
.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
|
|
||||||
.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
|
|
||||||
.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
|
|
||||||
.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
|
|
||||||
.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
|
|
||||||
.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
|
|
||||||
.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
|
|
||||||
.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
|
|
||||||
.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
|
|
||||||
.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
|
|
||||||
.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
|
|
||||||
.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
|
|
||||||
.#{$fa-css-prefix}-tv:before,
|
|
||||||
.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
|
|
||||||
.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
|
|
||||||
.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
|
|
||||||
.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
|
|
||||||
.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
|
|
||||||
.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
|
|
||||||
.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
|
|
||||||
.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
|
|
||||||
.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
|
|
||||||
.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
|
|
||||||
.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
|
|
||||||
.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
|
|
||||||
.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
|
|
||||||
.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
|
|
||||||
.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
|
|
||||||
.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
|
|
||||||
.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
|
|
||||||
.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
|
|
||||||
.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
|
|
||||||
.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
|
|
||||||
.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
|
|
||||||
.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
|
|
||||||
.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
|
|
||||||
.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
|
|
||||||
.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
|
|
||||||
.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
|
|
||||||
.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
|
|
||||||
.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
|
|
||||||
.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
|
|
||||||
.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
|
|
||||||
.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
|
|
||||||
.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
|
|
||||||
.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
|
|
||||||
.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
|
|
||||||
.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
|
|
||||||
.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
|
|
||||||
.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
|
|
||||||
.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
|
|
||||||
.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
|
|
||||||
.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
|
|
||||||
.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
|
|
||||||
.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
|
|
||||||
.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
|
|
||||||
.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
|
|
||||||
.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
|
|
||||||
.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
|
|
||||||
.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
|
|
||||||
.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
|
|
||||||
.#{$fa-css-prefix}-asl-interpreting:before,
|
|
||||||
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
|
|
||||||
.#{$fa-css-prefix}-deafness:before,
|
|
||||||
.#{$fa-css-prefix}-hard-of-hearing:before,
|
|
||||||
.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
|
|
||||||
.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
|
|
||||||
.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
|
|
||||||
.#{$fa-css-prefix}-signing:before,
|
|
||||||
.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
|
|
||||||
.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
|
|
||||||
.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
|
|
||||||
.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
|
|
||||||
.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
|
|
||||||
.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
|
|
||||||
.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
|
|
||||||
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
|
|
||||||
.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
|
|
||||||
.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
|
|
||||||
.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
|
|
||||||
.#{$fa-css-prefix}-google-plus-circle:before,
|
|
||||||
.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
|
|
||||||
.#{$fa-css-prefix}-fa:before,
|
|
||||||
.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
|
|
||||||
.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
|
|
||||||
.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
|
|
||||||
.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
|
|
||||||
.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
|
|
||||||
.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
|
|
||||||
.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
|
|
||||||
.#{$fa-css-prefix}-vcard:before,
|
|
||||||
.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
|
|
||||||
.#{$fa-css-prefix}-vcard-o:before,
|
|
||||||
.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
|
|
||||||
.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
|
|
||||||
.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
|
|
||||||
.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
|
|
||||||
.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
|
|
||||||
.#{$fa-css-prefix}-drivers-license:before,
|
|
||||||
.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
|
|
||||||
.#{$fa-css-prefix}-drivers-license-o:before,
|
|
||||||
.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
|
|
||||||
.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
|
|
||||||
.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
|
|
||||||
.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
|
|
||||||
.#{$fa-css-prefix}-thermometer-4:before,
|
|
||||||
.#{$fa-css-prefix}-thermometer:before,
|
|
||||||
.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
|
|
||||||
.#{$fa-css-prefix}-thermometer-3:before,
|
|
||||||
.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
|
|
||||||
.#{$fa-css-prefix}-thermometer-2:before,
|
|
||||||
.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
|
|
||||||
.#{$fa-css-prefix}-thermometer-1:before,
|
|
||||||
.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
|
|
||||||
.#{$fa-css-prefix}-thermometer-0:before,
|
|
||||||
.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
|
|
||||||
.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
|
|
||||||
.#{$fa-css-prefix}-bathtub:before,
|
|
||||||
.#{$fa-css-prefix}-s15:before,
|
|
||||||
.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
|
|
||||||
.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
|
|
||||||
.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
|
|
||||||
.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
|
|
||||||
.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
|
|
||||||
.#{$fa-css-prefix}-times-rectangle:before,
|
|
||||||
.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
|
|
||||||
.#{$fa-css-prefix}-times-rectangle-o:before,
|
|
||||||
.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
|
|
||||||
.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
|
|
||||||
.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
|
|
||||||
.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
|
|
||||||
.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
|
|
||||||
.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
|
|
||||||
.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
|
|
||||||
.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
|
|
||||||
.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
|
|
||||||
.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
|
|
||||||
.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
|
|
||||||
.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
// Icon Sizes
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
/* makes the font 33% larger relative to the icon container */
|
|
||||||
.#{$fa-css-prefix}-lg {
|
|
||||||
font-size: (4em / 3);
|
|
||||||
line-height: (3em / 4);
|
|
||||||
vertical-align: -15%;
|
|
||||||
}
|
|
||||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
|
||||||
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
|
||||||
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
|
||||||
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
// List Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-ul {
|
|
||||||
padding-left: 0;
|
|
||||||
margin-left: $fa-li-width;
|
|
||||||
list-style-type: none;
|
|
||||||
> li { position: relative; }
|
|
||||||
}
|
|
||||||
.#{$fa-css-prefix}-li {
|
|
||||||
position: absolute;
|
|
||||||
left: -$fa-li-width;
|
|
||||||
width: $fa-li-width;
|
|
||||||
top: (2em / 14);
|
|
||||||
text-align: center;
|
|
||||||
&.#{$fa-css-prefix}-lg {
|
|
||||||
left: -$fa-li-width + (4em / 14);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,60 +0,0 @@
|
|||||||
// Mixins
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
@mixin fa-icon() {
|
|
||||||
display: inline-block;
|
|
||||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
|
||||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
|
||||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
|
||||||
-webkit-transform: rotate($degrees);
|
|
||||||
-ms-transform: rotate($degrees);
|
|
||||||
transform: rotate($degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
|
||||||
-webkit-transform: scale($horiz, $vert);
|
|
||||||
-ms-transform: scale($horiz, $vert);
|
|
||||||
transform: scale($horiz, $vert);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Only display content to screen readers. A la Bootstrap 4.
|
|
||||||
//
|
|
||||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
|
||||||
|
|
||||||
@mixin sr-only {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
padding: 0;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(0,0,0,0);
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Use in conjunction with .sr-only to only display content when it's focused.
|
|
||||||
//
|
|
||||||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
|
||||||
//
|
|
||||||
// Credit: HTML5 Boilerplate
|
|
||||||
|
|
||||||
@mixin sr-only-focusable {
|
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
position: static;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
margin: 0;
|
|
||||||
overflow: visible;
|
|
||||||
clip: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
/* FONT PATH
|
|
||||||
* -------------------------- */
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
|
|
||||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
|
||||||
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
|
|
||||||
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
|
|
||||||
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
|
|
||||||
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
|
||||||
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
// Rotated & Flipped Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
|
||||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
|
||||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
|
||||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
|
||||||
|
|
||||||
// Hook for IE8-9
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
:root .#{$fa-css-prefix}-rotate-90,
|
|
||||||
:root .#{$fa-css-prefix}-rotate-180,
|
|
||||||
:root .#{$fa-css-prefix}-rotate-270,
|
|
||||||
:root .#{$fa-css-prefix}-flip-horizontal,
|
|
||||||
:root .#{$fa-css-prefix}-flip-vertical {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
// Screen Readers
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.sr-only { @include sr-only(); }
|
|
||||||
.sr-only-focusable { @include sr-only-focusable(); }
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
// Stacked Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.#{$fa-css-prefix}-stack {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 2em;
|
|
||||||
height: 2em;
|
|
||||||
line-height: 2em;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
|
||||||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
|
||||||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
|
||||||
@@ -1,800 +0,0 @@
|
|||||||
// Variables
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
$fa-font-path: "../fonts" !default;
|
|
||||||
$fa-font-size-base: 14px !default;
|
|
||||||
$fa-line-height-base: 1 !default;
|
|
||||||
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
|
||||||
$fa-css-prefix: fa !default;
|
|
||||||
$fa-version: "4.7.0" !default;
|
|
||||||
$fa-border-color: #eee !default;
|
|
||||||
$fa-inverse: #fff !default;
|
|
||||||
$fa-li-width: (30em / 14) !default;
|
|
||||||
|
|
||||||
$fa-var-500px: "\f26e";
|
|
||||||
$fa-var-address-book: "\f2b9";
|
|
||||||
$fa-var-address-book-o: "\f2ba";
|
|
||||||
$fa-var-address-card: "\f2bb";
|
|
||||||
$fa-var-address-card-o: "\f2bc";
|
|
||||||
$fa-var-adjust: "\f042";
|
|
||||||
$fa-var-adn: "\f170";
|
|
||||||
$fa-var-align-center: "\f037";
|
|
||||||
$fa-var-align-justify: "\f039";
|
|
||||||
$fa-var-align-left: "\f036";
|
|
||||||
$fa-var-align-right: "\f038";
|
|
||||||
$fa-var-amazon: "\f270";
|
|
||||||
$fa-var-ambulance: "\f0f9";
|
|
||||||
$fa-var-american-sign-language-interpreting: "\f2a3";
|
|
||||||
$fa-var-anchor: "\f13d";
|
|
||||||
$fa-var-android: "\f17b";
|
|
||||||
$fa-var-angellist: "\f209";
|
|
||||||
$fa-var-angle-double-down: "\f103";
|
|
||||||
$fa-var-angle-double-left: "\f100";
|
|
||||||
$fa-var-angle-double-right: "\f101";
|
|
||||||
$fa-var-angle-double-up: "\f102";
|
|
||||||
$fa-var-angle-down: "\f107";
|
|
||||||
$fa-var-angle-left: "\f104";
|
|
||||||
$fa-var-angle-right: "\f105";
|
|
||||||
$fa-var-angle-up: "\f106";
|
|
||||||
$fa-var-apple: "\f179";
|
|
||||||
$fa-var-archive: "\f187";
|
|
||||||
$fa-var-area-chart: "\f1fe";
|
|
||||||
$fa-var-arrow-circle-down: "\f0ab";
|
|
||||||
$fa-var-arrow-circle-left: "\f0a8";
|
|
||||||
$fa-var-arrow-circle-o-down: "\f01a";
|
|
||||||
$fa-var-arrow-circle-o-left: "\f190";
|
|
||||||
$fa-var-arrow-circle-o-right: "\f18e";
|
|
||||||
$fa-var-arrow-circle-o-up: "\f01b";
|
|
||||||
$fa-var-arrow-circle-right: "\f0a9";
|
|
||||||
$fa-var-arrow-circle-up: "\f0aa";
|
|
||||||
$fa-var-arrow-down: "\f063";
|
|
||||||
$fa-var-arrow-left: "\f060";
|
|
||||||
$fa-var-arrow-right: "\f061";
|
|
||||||
$fa-var-arrow-up: "\f062";
|
|
||||||
$fa-var-arrows: "\f047";
|
|
||||||
$fa-var-arrows-alt: "\f0b2";
|
|
||||||
$fa-var-arrows-h: "\f07e";
|
|
||||||
$fa-var-arrows-v: "\f07d";
|
|
||||||
$fa-var-asl-interpreting: "\f2a3";
|
|
||||||
$fa-var-assistive-listening-systems: "\f2a2";
|
|
||||||
$fa-var-asterisk: "\f069";
|
|
||||||
$fa-var-at: "\f1fa";
|
|
||||||
$fa-var-audio-description: "\f29e";
|
|
||||||
$fa-var-automobile: "\f1b9";
|
|
||||||
$fa-var-backward: "\f04a";
|
|
||||||
$fa-var-balance-scale: "\f24e";
|
|
||||||
$fa-var-ban: "\f05e";
|
|
||||||
$fa-var-bandcamp: "\f2d5";
|
|
||||||
$fa-var-bank: "\f19c";
|
|
||||||
$fa-var-bar-chart: "\f080";
|
|
||||||
$fa-var-bar-chart-o: "\f080";
|
|
||||||
$fa-var-barcode: "\f02a";
|
|
||||||
$fa-var-bars: "\f0c9";
|
|
||||||
$fa-var-bath: "\f2cd";
|
|
||||||
$fa-var-bathtub: "\f2cd";
|
|
||||||
$fa-var-battery: "\f240";
|
|
||||||
$fa-var-battery-0: "\f244";
|
|
||||||
$fa-var-battery-1: "\f243";
|
|
||||||
$fa-var-battery-2: "\f242";
|
|
||||||
$fa-var-battery-3: "\f241";
|
|
||||||
$fa-var-battery-4: "\f240";
|
|
||||||
$fa-var-battery-empty: "\f244";
|
|
||||||
$fa-var-battery-full: "\f240";
|
|
||||||
$fa-var-battery-half: "\f242";
|
|
||||||
$fa-var-battery-quarter: "\f243";
|
|
||||||
$fa-var-battery-three-quarters: "\f241";
|
|
||||||
$fa-var-bed: "\f236";
|
|
||||||
$fa-var-beer: "\f0fc";
|
|
||||||
$fa-var-behance: "\f1b4";
|
|
||||||
$fa-var-behance-square: "\f1b5";
|
|
||||||
$fa-var-bell: "\f0f3";
|
|
||||||
$fa-var-bell-o: "\f0a2";
|
|
||||||
$fa-var-bell-slash: "\f1f6";
|
|
||||||
$fa-var-bell-slash-o: "\f1f7";
|
|
||||||
$fa-var-bicycle: "\f206";
|
|
||||||
$fa-var-binoculars: "\f1e5";
|
|
||||||
$fa-var-birthday-cake: "\f1fd";
|
|
||||||
$fa-var-bitbucket: "\f171";
|
|
||||||
$fa-var-bitbucket-square: "\f172";
|
|
||||||
$fa-var-bitcoin: "\f15a";
|
|
||||||
$fa-var-black-tie: "\f27e";
|
|
||||||
$fa-var-blind: "\f29d";
|
|
||||||
$fa-var-bluetooth: "\f293";
|
|
||||||
$fa-var-bluetooth-b: "\f294";
|
|
||||||
$fa-var-bold: "\f032";
|
|
||||||
$fa-var-bolt: "\f0e7";
|
|
||||||
$fa-var-bomb: "\f1e2";
|
|
||||||
$fa-var-book: "\f02d";
|
|
||||||
$fa-var-bookmark: "\f02e";
|
|
||||||
$fa-var-bookmark-o: "\f097";
|
|
||||||
$fa-var-braille: "\f2a1";
|
|
||||||
$fa-var-briefcase: "\f0b1";
|
|
||||||
$fa-var-btc: "\f15a";
|
|
||||||
$fa-var-bug: "\f188";
|
|
||||||
$fa-var-building: "\f1ad";
|
|
||||||
$fa-var-building-o: "\f0f7";
|
|
||||||
$fa-var-bullhorn: "\f0a1";
|
|
||||||
$fa-var-bullseye: "\f140";
|
|
||||||
$fa-var-bus: "\f207";
|
|
||||||
$fa-var-buysellads: "\f20d";
|
|
||||||
$fa-var-cab: "\f1ba";
|
|
||||||
$fa-var-calculator: "\f1ec";
|
|
||||||
$fa-var-calendar: "\f073";
|
|
||||||
$fa-var-calendar-check-o: "\f274";
|
|
||||||
$fa-var-calendar-minus-o: "\f272";
|
|
||||||
$fa-var-calendar-o: "\f133";
|
|
||||||
$fa-var-calendar-plus-o: "\f271";
|
|
||||||
$fa-var-calendar-times-o: "\f273";
|
|
||||||
$fa-var-camera: "\f030";
|
|
||||||
$fa-var-camera-retro: "\f083";
|
|
||||||
$fa-var-car: "\f1b9";
|
|
||||||
$fa-var-caret-down: "\f0d7";
|
|
||||||
$fa-var-caret-left: "\f0d9";
|
|
||||||
$fa-var-caret-right: "\f0da";
|
|
||||||
$fa-var-caret-square-o-down: "\f150";
|
|
||||||
$fa-var-caret-square-o-left: "\f191";
|
|
||||||
$fa-var-caret-square-o-right: "\f152";
|
|
||||||
$fa-var-caret-square-o-up: "\f151";
|
|
||||||
$fa-var-caret-up: "\f0d8";
|
|
||||||
$fa-var-cart-arrow-down: "\f218";
|
|
||||||
$fa-var-cart-plus: "\f217";
|
|
||||||
$fa-var-cc: "\f20a";
|
|
||||||
$fa-var-cc-amex: "\f1f3";
|
|
||||||
$fa-var-cc-diners-club: "\f24c";
|
|
||||||
$fa-var-cc-discover: "\f1f2";
|
|
||||||
$fa-var-cc-jcb: "\f24b";
|
|
||||||
$fa-var-cc-mastercard: "\f1f1";
|
|
||||||
$fa-var-cc-paypal: "\f1f4";
|
|
||||||
$fa-var-cc-stripe: "\f1f5";
|
|
||||||
$fa-var-cc-visa: "\f1f0";
|
|
||||||
$fa-var-certificate: "\f0a3";
|
|
||||||
$fa-var-chain: "\f0c1";
|
|
||||||
$fa-var-chain-broken: "\f127";
|
|
||||||
$fa-var-check: "\f00c";
|
|
||||||
$fa-var-check-circle: "\f058";
|
|
||||||
$fa-var-check-circle-o: "\f05d";
|
|
||||||
$fa-var-check-square: "\f14a";
|
|
||||||
$fa-var-check-square-o: "\f046";
|
|
||||||
$fa-var-chevron-circle-down: "\f13a";
|
|
||||||
$fa-var-chevron-circle-left: "\f137";
|
|
||||||
$fa-var-chevron-circle-right: "\f138";
|
|
||||||
$fa-var-chevron-circle-up: "\f139";
|
|
||||||
$fa-var-chevron-down: "\f078";
|
|
||||||
$fa-var-chevron-left: "\f053";
|
|
||||||
$fa-var-chevron-right: "\f054";
|
|
||||||
$fa-var-chevron-up: "\f077";
|
|
||||||
$fa-var-child: "\f1ae";
|
|
||||||
$fa-var-chrome: "\f268";
|
|
||||||
$fa-var-circle: "\f111";
|
|
||||||
$fa-var-circle-o: "\f10c";
|
|
||||||
$fa-var-circle-o-notch: "\f1ce";
|
|
||||||
$fa-var-circle-thin: "\f1db";
|
|
||||||
$fa-var-clipboard: "\f0ea";
|
|
||||||
$fa-var-clock-o: "\f017";
|
|
||||||
$fa-var-clone: "\f24d";
|
|
||||||
$fa-var-close: "\f00d";
|
|
||||||
$fa-var-cloud: "\f0c2";
|
|
||||||
$fa-var-cloud-download: "\f0ed";
|
|
||||||
$fa-var-cloud-upload: "\f0ee";
|
|
||||||
$fa-var-cny: "\f157";
|
|
||||||
$fa-var-code: "\f121";
|
|
||||||
$fa-var-code-fork: "\f126";
|
|
||||||
$fa-var-codepen: "\f1cb";
|
|
||||||
$fa-var-codiepie: "\f284";
|
|
||||||
$fa-var-coffee: "\f0f4";
|
|
||||||
$fa-var-cog: "\f013";
|
|
||||||
$fa-var-cogs: "\f085";
|
|
||||||
$fa-var-columns: "\f0db";
|
|
||||||
$fa-var-comment: "\f075";
|
|
||||||
$fa-var-comment-o: "\f0e5";
|
|
||||||
$fa-var-commenting: "\f27a";
|
|
||||||
$fa-var-commenting-o: "\f27b";
|
|
||||||
$fa-var-comments: "\f086";
|
|
||||||
$fa-var-comments-o: "\f0e6";
|
|
||||||
$fa-var-compass: "\f14e";
|
|
||||||
$fa-var-compress: "\f066";
|
|
||||||
$fa-var-connectdevelop: "\f20e";
|
|
||||||
$fa-var-contao: "\f26d";
|
|
||||||
$fa-var-copy: "\f0c5";
|
|
||||||
$fa-var-copyright: "\f1f9";
|
|
||||||
$fa-var-creative-commons: "\f25e";
|
|
||||||
$fa-var-credit-card: "\f09d";
|
|
||||||
$fa-var-credit-card-alt: "\f283";
|
|
||||||
$fa-var-crop: "\f125";
|
|
||||||
$fa-var-crosshairs: "\f05b";
|
|
||||||
$fa-var-css3: "\f13c";
|
|
||||||
$fa-var-cube: "\f1b2";
|
|
||||||
$fa-var-cubes: "\f1b3";
|
|
||||||
$fa-var-cut: "\f0c4";
|
|
||||||
$fa-var-cutlery: "\f0f5";
|
|
||||||
$fa-var-dashboard: "\f0e4";
|
|
||||||
$fa-var-dashcube: "\f210";
|
|
||||||
$fa-var-database: "\f1c0";
|
|
||||||
$fa-var-deaf: "\f2a4";
|
|
||||||
$fa-var-deafness: "\f2a4";
|
|
||||||
$fa-var-dedent: "\f03b";
|
|
||||||
$fa-var-delicious: "\f1a5";
|
|
||||||
$fa-var-desktop: "\f108";
|
|
||||||
$fa-var-deviantart: "\f1bd";
|
|
||||||
$fa-var-diamond: "\f219";
|
|
||||||
$fa-var-digg: "\f1a6";
|
|
||||||
$fa-var-dollar: "\f155";
|
|
||||||
$fa-var-dot-circle-o: "\f192";
|
|
||||||
$fa-var-download: "\f019";
|
|
||||||
$fa-var-dribbble: "\f17d";
|
|
||||||
$fa-var-drivers-license: "\f2c2";
|
|
||||||
$fa-var-drivers-license-o: "\f2c3";
|
|
||||||
$fa-var-dropbox: "\f16b";
|
|
||||||
$fa-var-drupal: "\f1a9";
|
|
||||||
$fa-var-edge: "\f282";
|
|
||||||
$fa-var-edit: "\f044";
|
|
||||||
$fa-var-eercast: "\f2da";
|
|
||||||
$fa-var-eject: "\f052";
|
|
||||||
$fa-var-ellipsis-h: "\f141";
|
|
||||||
$fa-var-ellipsis-v: "\f142";
|
|
||||||
$fa-var-empire: "\f1d1";
|
|
||||||
$fa-var-envelope: "\f0e0";
|
|
||||||
$fa-var-envelope-o: "\f003";
|
|
||||||
$fa-var-envelope-open: "\f2b6";
|
|
||||||
$fa-var-envelope-open-o: "\f2b7";
|
|
||||||
$fa-var-envelope-square: "\f199";
|
|
||||||
$fa-var-envira: "\f299";
|
|
||||||
$fa-var-eraser: "\f12d";
|
|
||||||
$fa-var-etsy: "\f2d7";
|
|
||||||
$fa-var-eur: "\f153";
|
|
||||||
$fa-var-euro: "\f153";
|
|
||||||
$fa-var-exchange: "\f0ec";
|
|
||||||
$fa-var-exclamation: "\f12a";
|
|
||||||
$fa-var-exclamation-circle: "\f06a";
|
|
||||||
$fa-var-exclamation-triangle: "\f071";
|
|
||||||
$fa-var-expand: "\f065";
|
|
||||||
$fa-var-expeditedssl: "\f23e";
|
|
||||||
$fa-var-external-link: "\f08e";
|
|
||||||
$fa-var-external-link-square: "\f14c";
|
|
||||||
$fa-var-eye: "\f06e";
|
|
||||||
$fa-var-eye-slash: "\f070";
|
|
||||||
$fa-var-eyedropper: "\f1fb";
|
|
||||||
$fa-var-fa: "\f2b4";
|
|
||||||
$fa-var-facebook: "\f09a";
|
|
||||||
$fa-var-facebook-f: "\f09a";
|
|
||||||
$fa-var-facebook-official: "\f230";
|
|
||||||
$fa-var-facebook-square: "\f082";
|
|
||||||
$fa-var-fast-backward: "\f049";
|
|
||||||
$fa-var-fast-forward: "\f050";
|
|
||||||
$fa-var-fax: "\f1ac";
|
|
||||||
$fa-var-feed: "\f09e";
|
|
||||||
$fa-var-female: "\f182";
|
|
||||||
$fa-var-fighter-jet: "\f0fb";
|
|
||||||
$fa-var-file: "\f15b";
|
|
||||||
$fa-var-file-archive-o: "\f1c6";
|
|
||||||
$fa-var-file-audio-o: "\f1c7";
|
|
||||||
$fa-var-file-code-o: "\f1c9";
|
|
||||||
$fa-var-file-excel-o: "\f1c3";
|
|
||||||
$fa-var-file-image-o: "\f1c5";
|
|
||||||
$fa-var-file-movie-o: "\f1c8";
|
|
||||||
$fa-var-file-o: "\f016";
|
|
||||||
$fa-var-file-pdf-o: "\f1c1";
|
|
||||||
$fa-var-file-photo-o: "\f1c5";
|
|
||||||
$fa-var-file-picture-o: "\f1c5";
|
|
||||||
$fa-var-file-powerpoint-o: "\f1c4";
|
|
||||||
$fa-var-file-sound-o: "\f1c7";
|
|
||||||
$fa-var-file-text: "\f15c";
|
|
||||||
$fa-var-file-text-o: "\f0f6";
|
|
||||||
$fa-var-file-video-o: "\f1c8";
|
|
||||||
$fa-var-file-word-o: "\f1c2";
|
|
||||||
$fa-var-file-zip-o: "\f1c6";
|
|
||||||
$fa-var-files-o: "\f0c5";
|
|
||||||
$fa-var-film: "\f008";
|
|
||||||
$fa-var-filter: "\f0b0";
|
|
||||||
$fa-var-fire: "\f06d";
|
|
||||||
$fa-var-fire-extinguisher: "\f134";
|
|
||||||
$fa-var-firefox: "\f269";
|
|
||||||
$fa-var-first-order: "\f2b0";
|
|
||||||
$fa-var-flag: "\f024";
|
|
||||||
$fa-var-flag-checkered: "\f11e";
|
|
||||||
$fa-var-flag-o: "\f11d";
|
|
||||||
$fa-var-flash: "\f0e7";
|
|
||||||
$fa-var-flask: "\f0c3";
|
|
||||||
$fa-var-flickr: "\f16e";
|
|
||||||
$fa-var-floppy-o: "\f0c7";
|
|
||||||
$fa-var-folder: "\f07b";
|
|
||||||
$fa-var-folder-o: "\f114";
|
|
||||||
$fa-var-folder-open: "\f07c";
|
|
||||||
$fa-var-folder-open-o: "\f115";
|
|
||||||
$fa-var-font: "\f031";
|
|
||||||
$fa-var-font-awesome: "\f2b4";
|
|
||||||
$fa-var-fonticons: "\f280";
|
|
||||||
$fa-var-fort-awesome: "\f286";
|
|
||||||
$fa-var-forumbee: "\f211";
|
|
||||||
$fa-var-forward: "\f04e";
|
|
||||||
$fa-var-foursquare: "\f180";
|
|
||||||
$fa-var-free-code-camp: "\f2c5";
|
|
||||||
$fa-var-frown-o: "\f119";
|
|
||||||
$fa-var-futbol-o: "\f1e3";
|
|
||||||
$fa-var-gamepad: "\f11b";
|
|
||||||
$fa-var-gavel: "\f0e3";
|
|
||||||
$fa-var-gbp: "\f154";
|
|
||||||
$fa-var-ge: "\f1d1";
|
|
||||||
$fa-var-gear: "\f013";
|
|
||||||
$fa-var-gears: "\f085";
|
|
||||||
$fa-var-genderless: "\f22d";
|
|
||||||
$fa-var-get-pocket: "\f265";
|
|
||||||
$fa-var-gg: "\f260";
|
|
||||||
$fa-var-gg-circle: "\f261";
|
|
||||||
$fa-var-gift: "\f06b";
|
|
||||||
$fa-var-git: "\f1d3";
|
|
||||||
$fa-var-git-square: "\f1d2";
|
|
||||||
$fa-var-github: "\f09b";
|
|
||||||
$fa-var-github-alt: "\f113";
|
|
||||||
$fa-var-github-square: "\f092";
|
|
||||||
$fa-var-gitlab: "\f296";
|
|
||||||
$fa-var-gittip: "\f184";
|
|
||||||
$fa-var-glass: "\f000";
|
|
||||||
$fa-var-glide: "\f2a5";
|
|
||||||
$fa-var-glide-g: "\f2a6";
|
|
||||||
$fa-var-globe: "\f0ac";
|
|
||||||
$fa-var-google: "\f1a0";
|
|
||||||
$fa-var-google-plus: "\f0d5";
|
|
||||||
$fa-var-google-plus-circle: "\f2b3";
|
|
||||||
$fa-var-google-plus-official: "\f2b3";
|
|
||||||
$fa-var-google-plus-square: "\f0d4";
|
|
||||||
$fa-var-google-wallet: "\f1ee";
|
|
||||||
$fa-var-graduation-cap: "\f19d";
|
|
||||||
$fa-var-gratipay: "\f184";
|
|
||||||
$fa-var-grav: "\f2d6";
|
|
||||||
$fa-var-group: "\f0c0";
|
|
||||||
$fa-var-h-square: "\f0fd";
|
|
||||||
$fa-var-hacker-news: "\f1d4";
|
|
||||||
$fa-var-hand-grab-o: "\f255";
|
|
||||||
$fa-var-hand-lizard-o: "\f258";
|
|
||||||
$fa-var-hand-o-down: "\f0a7";
|
|
||||||
$fa-var-hand-o-left: "\f0a5";
|
|
||||||
$fa-var-hand-o-right: "\f0a4";
|
|
||||||
$fa-var-hand-o-up: "\f0a6";
|
|
||||||
$fa-var-hand-paper-o: "\f256";
|
|
||||||
$fa-var-hand-peace-o: "\f25b";
|
|
||||||
$fa-var-hand-pointer-o: "\f25a";
|
|
||||||
$fa-var-hand-rock-o: "\f255";
|
|
||||||
$fa-var-hand-scissors-o: "\f257";
|
|
||||||
$fa-var-hand-spock-o: "\f259";
|
|
||||||
$fa-var-hand-stop-o: "\f256";
|
|
||||||
$fa-var-handshake-o: "\f2b5";
|
|
||||||
$fa-var-hard-of-hearing: "\f2a4";
|
|
||||||
$fa-var-hashtag: "\f292";
|
|
||||||
$fa-var-hdd-o: "\f0a0";
|
|
||||||
$fa-var-header: "\f1dc";
|
|
||||||
$fa-var-headphones: "\f025";
|
|
||||||
$fa-var-heart: "\f004";
|
|
||||||
$fa-var-heart-o: "\f08a";
|
|
||||||
$fa-var-heartbeat: "\f21e";
|
|
||||||
$fa-var-history: "\f1da";
|
|
||||||
$fa-var-home: "\f015";
|
|
||||||
$fa-var-hospital-o: "\f0f8";
|
|
||||||
$fa-var-hotel: "\f236";
|
|
||||||
$fa-var-hourglass: "\f254";
|
|
||||||
$fa-var-hourglass-1: "\f251";
|
|
||||||
$fa-var-hourglass-2: "\f252";
|
|
||||||
$fa-var-hourglass-3: "\f253";
|
|
||||||
$fa-var-hourglass-end: "\f253";
|
|
||||||
$fa-var-hourglass-half: "\f252";
|
|
||||||
$fa-var-hourglass-o: "\f250";
|
|
||||||
$fa-var-hourglass-start: "\f251";
|
|
||||||
$fa-var-houzz: "\f27c";
|
|
||||||
$fa-var-html5: "\f13b";
|
|
||||||
$fa-var-i-cursor: "\f246";
|
|
||||||
$fa-var-id-badge: "\f2c1";
|
|
||||||
$fa-var-id-card: "\f2c2";
|
|
||||||
$fa-var-id-card-o: "\f2c3";
|
|
||||||
$fa-var-ils: "\f20b";
|
|
||||||
$fa-var-image: "\f03e";
|
|
||||||
$fa-var-imdb: "\f2d8";
|
|
||||||
$fa-var-inbox: "\f01c";
|
|
||||||
$fa-var-indent: "\f03c";
|
|
||||||
$fa-var-industry: "\f275";
|
|
||||||
$fa-var-info: "\f129";
|
|
||||||
$fa-var-info-circle: "\f05a";
|
|
||||||
$fa-var-inr: "\f156";
|
|
||||||
$fa-var-instagram: "\f16d";
|
|
||||||
$fa-var-institution: "\f19c";
|
|
||||||
$fa-var-internet-explorer: "\f26b";
|
|
||||||
$fa-var-intersex: "\f224";
|
|
||||||
$fa-var-ioxhost: "\f208";
|
|
||||||
$fa-var-italic: "\f033";
|
|
||||||
$fa-var-joomla: "\f1aa";
|
|
||||||
$fa-var-jpy: "\f157";
|
|
||||||
$fa-var-jsfiddle: "\f1cc";
|
|
||||||
$fa-var-key: "\f084";
|
|
||||||
$fa-var-keyboard-o: "\f11c";
|
|
||||||
$fa-var-krw: "\f159";
|
|
||||||
$fa-var-language: "\f1ab";
|
|
||||||
$fa-var-laptop: "\f109";
|
|
||||||
$fa-var-lastfm: "\f202";
|
|
||||||
$fa-var-lastfm-square: "\f203";
|
|
||||||
$fa-var-leaf: "\f06c";
|
|
||||||
$fa-var-leanpub: "\f212";
|
|
||||||
$fa-var-legal: "\f0e3";
|
|
||||||
$fa-var-lemon-o: "\f094";
|
|
||||||
$fa-var-level-down: "\f149";
|
|
||||||
$fa-var-level-up: "\f148";
|
|
||||||
$fa-var-life-bouy: "\f1cd";
|
|
||||||
$fa-var-life-buoy: "\f1cd";
|
|
||||||
$fa-var-life-ring: "\f1cd";
|
|
||||||
$fa-var-life-saver: "\f1cd";
|
|
||||||
$fa-var-lightbulb-o: "\f0eb";
|
|
||||||
$fa-var-line-chart: "\f201";
|
|
||||||
$fa-var-link: "\f0c1";
|
|
||||||
$fa-var-linkedin: "\f0e1";
|
|
||||||
$fa-var-linkedin-square: "\f08c";
|
|
||||||
$fa-var-linode: "\f2b8";
|
|
||||||
$fa-var-linux: "\f17c";
|
|
||||||
$fa-var-list: "\f03a";
|
|
||||||
$fa-var-list-alt: "\f022";
|
|
||||||
$fa-var-list-ol: "\f0cb";
|
|
||||||
$fa-var-list-ul: "\f0ca";
|
|
||||||
$fa-var-location-arrow: "\f124";
|
|
||||||
$fa-var-lock: "\f023";
|
|
||||||
$fa-var-long-arrow-down: "\f175";
|
|
||||||
$fa-var-long-arrow-left: "\f177";
|
|
||||||
$fa-var-long-arrow-right: "\f178";
|
|
||||||
$fa-var-long-arrow-up: "\f176";
|
|
||||||
$fa-var-low-vision: "\f2a8";
|
|
||||||
$fa-var-magic: "\f0d0";
|
|
||||||
$fa-var-magnet: "\f076";
|
|
||||||
$fa-var-mail-forward: "\f064";
|
|
||||||
$fa-var-mail-reply: "\f112";
|
|
||||||
$fa-var-mail-reply-all: "\f122";
|
|
||||||
$fa-var-male: "\f183";
|
|
||||||
$fa-var-map: "\f279";
|
|
||||||
$fa-var-map-marker: "\f041";
|
|
||||||
$fa-var-map-o: "\f278";
|
|
||||||
$fa-var-map-pin: "\f276";
|
|
||||||
$fa-var-map-signs: "\f277";
|
|
||||||
$fa-var-mars: "\f222";
|
|
||||||
$fa-var-mars-double: "\f227";
|
|
||||||
$fa-var-mars-stroke: "\f229";
|
|
||||||
$fa-var-mars-stroke-h: "\f22b";
|
|
||||||
$fa-var-mars-stroke-v: "\f22a";
|
|
||||||
$fa-var-maxcdn: "\f136";
|
|
||||||
$fa-var-meanpath: "\f20c";
|
|
||||||
$fa-var-medium: "\f23a";
|
|
||||||
$fa-var-medkit: "\f0fa";
|
|
||||||
$fa-var-meetup: "\f2e0";
|
|
||||||
$fa-var-meh-o: "\f11a";
|
|
||||||
$fa-var-mercury: "\f223";
|
|
||||||
$fa-var-microchip: "\f2db";
|
|
||||||
$fa-var-microphone: "\f130";
|
|
||||||
$fa-var-microphone-slash: "\f131";
|
|
||||||
$fa-var-minus: "\f068";
|
|
||||||
$fa-var-minus-circle: "\f056";
|
|
||||||
$fa-var-minus-square: "\f146";
|
|
||||||
$fa-var-minus-square-o: "\f147";
|
|
||||||
$fa-var-mixcloud: "\f289";
|
|
||||||
$fa-var-mobile: "\f10b";
|
|
||||||
$fa-var-mobile-phone: "\f10b";
|
|
||||||
$fa-var-modx: "\f285";
|
|
||||||
$fa-var-money: "\f0d6";
|
|
||||||
$fa-var-moon-o: "\f186";
|
|
||||||
$fa-var-mortar-board: "\f19d";
|
|
||||||
$fa-var-motorcycle: "\f21c";
|
|
||||||
$fa-var-mouse-pointer: "\f245";
|
|
||||||
$fa-var-music: "\f001";
|
|
||||||
$fa-var-navicon: "\f0c9";
|
|
||||||
$fa-var-neuter: "\f22c";
|
|
||||||
$fa-var-newspaper-o: "\f1ea";
|
|
||||||
$fa-var-object-group: "\f247";
|
|
||||||
$fa-var-object-ungroup: "\f248";
|
|
||||||
$fa-var-odnoklassniki: "\f263";
|
|
||||||
$fa-var-odnoklassniki-square: "\f264";
|
|
||||||
$fa-var-opencart: "\f23d";
|
|
||||||
$fa-var-openid: "\f19b";
|
|
||||||
$fa-var-opera: "\f26a";
|
|
||||||
$fa-var-optin-monster: "\f23c";
|
|
||||||
$fa-var-outdent: "\f03b";
|
|
||||||
$fa-var-pagelines: "\f18c";
|
|
||||||
$fa-var-paint-brush: "\f1fc";
|
|
||||||
$fa-var-paper-plane: "\f1d8";
|
|
||||||
$fa-var-paper-plane-o: "\f1d9";
|
|
||||||
$fa-var-paperclip: "\f0c6";
|
|
||||||
$fa-var-paragraph: "\f1dd";
|
|
||||||
$fa-var-paste: "\f0ea";
|
|
||||||
$fa-var-pause: "\f04c";
|
|
||||||
$fa-var-pause-circle: "\f28b";
|
|
||||||
$fa-var-pause-circle-o: "\f28c";
|
|
||||||
$fa-var-paw: "\f1b0";
|
|
||||||
$fa-var-paypal: "\f1ed";
|
|
||||||
$fa-var-pencil: "\f040";
|
|
||||||
$fa-var-pencil-square: "\f14b";
|
|
||||||
$fa-var-pencil-square-o: "\f044";
|
|
||||||
$fa-var-percent: "\f295";
|
|
||||||
$fa-var-phone: "\f095";
|
|
||||||
$fa-var-phone-square: "\f098";
|
|
||||||
$fa-var-photo: "\f03e";
|
|
||||||
$fa-var-picture-o: "\f03e";
|
|
||||||
$fa-var-pie-chart: "\f200";
|
|
||||||
$fa-var-pied-piper: "\f2ae";
|
|
||||||
$fa-var-pied-piper-alt: "\f1a8";
|
|
||||||
$fa-var-pied-piper-pp: "\f1a7";
|
|
||||||
$fa-var-pinterest: "\f0d2";
|
|
||||||
$fa-var-pinterest-p: "\f231";
|
|
||||||
$fa-var-pinterest-square: "\f0d3";
|
|
||||||
$fa-var-plane: "\f072";
|
|
||||||
$fa-var-play: "\f04b";
|
|
||||||
$fa-var-play-circle: "\f144";
|
|
||||||
$fa-var-play-circle-o: "\f01d";
|
|
||||||
$fa-var-plug: "\f1e6";
|
|
||||||
$fa-var-plus: "\f067";
|
|
||||||
$fa-var-plus-circle: "\f055";
|
|
||||||
$fa-var-plus-square: "\f0fe";
|
|
||||||
$fa-var-plus-square-o: "\f196";
|
|
||||||
$fa-var-podcast: "\f2ce";
|
|
||||||
$fa-var-power-off: "\f011";
|
|
||||||
$fa-var-print: "\f02f";
|
|
||||||
$fa-var-product-hunt: "\f288";
|
|
||||||
$fa-var-puzzle-piece: "\f12e";
|
|
||||||
$fa-var-qq: "\f1d6";
|
|
||||||
$fa-var-qrcode: "\f029";
|
|
||||||
$fa-var-question: "\f128";
|
|
||||||
$fa-var-question-circle: "\f059";
|
|
||||||
$fa-var-question-circle-o: "\f29c";
|
|
||||||
$fa-var-quora: "\f2c4";
|
|
||||||
$fa-var-quote-left: "\f10d";
|
|
||||||
$fa-var-quote-right: "\f10e";
|
|
||||||
$fa-var-ra: "\f1d0";
|
|
||||||
$fa-var-random: "\f074";
|
|
||||||
$fa-var-ravelry: "\f2d9";
|
|
||||||
$fa-var-rebel: "\f1d0";
|
|
||||||
$fa-var-recycle: "\f1b8";
|
|
||||||
$fa-var-reddit: "\f1a1";
|
|
||||||
$fa-var-reddit-alien: "\f281";
|
|
||||||
$fa-var-reddit-square: "\f1a2";
|
|
||||||
$fa-var-refresh: "\f021";
|
|
||||||
$fa-var-registered: "\f25d";
|
|
||||||
$fa-var-remove: "\f00d";
|
|
||||||
$fa-var-renren: "\f18b";
|
|
||||||
$fa-var-reorder: "\f0c9";
|
|
||||||
$fa-var-repeat: "\f01e";
|
|
||||||
$fa-var-reply: "\f112";
|
|
||||||
$fa-var-reply-all: "\f122";
|
|
||||||
$fa-var-resistance: "\f1d0";
|
|
||||||
$fa-var-retweet: "\f079";
|
|
||||||
$fa-var-rmb: "\f157";
|
|
||||||
$fa-var-road: "\f018";
|
|
||||||
$fa-var-rocket: "\f135";
|
|
||||||
$fa-var-rotate-left: "\f0e2";
|
|
||||||
$fa-var-rotate-right: "\f01e";
|
|
||||||
$fa-var-rouble: "\f158";
|
|
||||||
$fa-var-rss: "\f09e";
|
|
||||||
$fa-var-rss-square: "\f143";
|
|
||||||
$fa-var-rub: "\f158";
|
|
||||||
$fa-var-ruble: "\f158";
|
|
||||||
$fa-var-rupee: "\f156";
|
|
||||||
$fa-var-s15: "\f2cd";
|
|
||||||
$fa-var-safari: "\f267";
|
|
||||||
$fa-var-save: "\f0c7";
|
|
||||||
$fa-var-scissors: "\f0c4";
|
|
||||||
$fa-var-scribd: "\f28a";
|
|
||||||
$fa-var-search: "\f002";
|
|
||||||
$fa-var-search-minus: "\f010";
|
|
||||||
$fa-var-search-plus: "\f00e";
|
|
||||||
$fa-var-sellsy: "\f213";
|
|
||||||
$fa-var-send: "\f1d8";
|
|
||||||
$fa-var-send-o: "\f1d9";
|
|
||||||
$fa-var-server: "\f233";
|
|
||||||
$fa-var-share: "\f064";
|
|
||||||
$fa-var-share-alt: "\f1e0";
|
|
||||||
$fa-var-share-alt-square: "\f1e1";
|
|
||||||
$fa-var-share-square: "\f14d";
|
|
||||||
$fa-var-share-square-o: "\f045";
|
|
||||||
$fa-var-shekel: "\f20b";
|
|
||||||
$fa-var-sheqel: "\f20b";
|
|
||||||
$fa-var-shield: "\f132";
|
|
||||||
$fa-var-ship: "\f21a";
|
|
||||||
$fa-var-shirtsinbulk: "\f214";
|
|
||||||
$fa-var-shopping-bag: "\f290";
|
|
||||||
$fa-var-shopping-basket: "\f291";
|
|
||||||
$fa-var-shopping-cart: "\f07a";
|
|
||||||
$fa-var-shower: "\f2cc";
|
|
||||||
$fa-var-sign-in: "\f090";
|
|
||||||
$fa-var-sign-language: "\f2a7";
|
|
||||||
$fa-var-sign-out: "\f08b";
|
|
||||||
$fa-var-signal: "\f012";
|
|
||||||
$fa-var-signing: "\f2a7";
|
|
||||||
$fa-var-simplybuilt: "\f215";
|
|
||||||
$fa-var-sitemap: "\f0e8";
|
|
||||||
$fa-var-skyatlas: "\f216";
|
|
||||||
$fa-var-skype: "\f17e";
|
|
||||||
$fa-var-slack: "\f198";
|
|
||||||
$fa-var-sliders: "\f1de";
|
|
||||||
$fa-var-slideshare: "\f1e7";
|
|
||||||
$fa-var-smile-o: "\f118";
|
|
||||||
$fa-var-snapchat: "\f2ab";
|
|
||||||
$fa-var-snapchat-ghost: "\f2ac";
|
|
||||||
$fa-var-snapchat-square: "\f2ad";
|
|
||||||
$fa-var-snowflake-o: "\f2dc";
|
|
||||||
$fa-var-soccer-ball-o: "\f1e3";
|
|
||||||
$fa-var-sort: "\f0dc";
|
|
||||||
$fa-var-sort-alpha-asc: "\f15d";
|
|
||||||
$fa-var-sort-alpha-desc: "\f15e";
|
|
||||||
$fa-var-sort-amount-asc: "\f160";
|
|
||||||
$fa-var-sort-amount-desc: "\f161";
|
|
||||||
$fa-var-sort-asc: "\f0de";
|
|
||||||
$fa-var-sort-desc: "\f0dd";
|
|
||||||
$fa-var-sort-down: "\f0dd";
|
|
||||||
$fa-var-sort-numeric-asc: "\f162";
|
|
||||||
$fa-var-sort-numeric-desc: "\f163";
|
|
||||||
$fa-var-sort-up: "\f0de";
|
|
||||||
$fa-var-soundcloud: "\f1be";
|
|
||||||
$fa-var-space-shuttle: "\f197";
|
|
||||||
$fa-var-spinner: "\f110";
|
|
||||||
$fa-var-spoon: "\f1b1";
|
|
||||||
$fa-var-spotify: "\f1bc";
|
|
||||||
$fa-var-square: "\f0c8";
|
|
||||||
$fa-var-square-o: "\f096";
|
|
||||||
$fa-var-stack-exchange: "\f18d";
|
|
||||||
$fa-var-stack-overflow: "\f16c";
|
|
||||||
$fa-var-star: "\f005";
|
|
||||||
$fa-var-star-half: "\f089";
|
|
||||||
$fa-var-star-half-empty: "\f123";
|
|
||||||
$fa-var-star-half-full: "\f123";
|
|
||||||
$fa-var-star-half-o: "\f123";
|
|
||||||
$fa-var-star-o: "\f006";
|
|
||||||
$fa-var-steam: "\f1b6";
|
|
||||||
$fa-var-steam-square: "\f1b7";
|
|
||||||
$fa-var-step-backward: "\f048";
|
|
||||||
$fa-var-step-forward: "\f051";
|
|
||||||
$fa-var-stethoscope: "\f0f1";
|
|
||||||
$fa-var-sticky-note: "\f249";
|
|
||||||
$fa-var-sticky-note-o: "\f24a";
|
|
||||||
$fa-var-stop: "\f04d";
|
|
||||||
$fa-var-stop-circle: "\f28d";
|
|
||||||
$fa-var-stop-circle-o: "\f28e";
|
|
||||||
$fa-var-street-view: "\f21d";
|
|
||||||
$fa-var-strikethrough: "\f0cc";
|
|
||||||
$fa-var-stumbleupon: "\f1a4";
|
|
||||||
$fa-var-stumbleupon-circle: "\f1a3";
|
|
||||||
$fa-var-subscript: "\f12c";
|
|
||||||
$fa-var-subway: "\f239";
|
|
||||||
$fa-var-suitcase: "\f0f2";
|
|
||||||
$fa-var-sun-o: "\f185";
|
|
||||||
$fa-var-superpowers: "\f2dd";
|
|
||||||
$fa-var-superscript: "\f12b";
|
|
||||||
$fa-var-support: "\f1cd";
|
|
||||||
$fa-var-table: "\f0ce";
|
|
||||||
$fa-var-tablet: "\f10a";
|
|
||||||
$fa-var-tachometer: "\f0e4";
|
|
||||||
$fa-var-tag: "\f02b";
|
|
||||||
$fa-var-tags: "\f02c";
|
|
||||||
$fa-var-tasks: "\f0ae";
|
|
||||||
$fa-var-taxi: "\f1ba";
|
|
||||||
$fa-var-telegram: "\f2c6";
|
|
||||||
$fa-var-television: "\f26c";
|
|
||||||
$fa-var-tencent-weibo: "\f1d5";
|
|
||||||
$fa-var-terminal: "\f120";
|
|
||||||
$fa-var-text-height: "\f034";
|
|
||||||
$fa-var-text-width: "\f035";
|
|
||||||
$fa-var-th: "\f00a";
|
|
||||||
$fa-var-th-large: "\f009";
|
|
||||||
$fa-var-th-list: "\f00b";
|
|
||||||
$fa-var-themeisle: "\f2b2";
|
|
||||||
$fa-var-thermometer: "\f2c7";
|
|
||||||
$fa-var-thermometer-0: "\f2cb";
|
|
||||||
$fa-var-thermometer-1: "\f2ca";
|
|
||||||
$fa-var-thermometer-2: "\f2c9";
|
|
||||||
$fa-var-thermometer-3: "\f2c8";
|
|
||||||
$fa-var-thermometer-4: "\f2c7";
|
|
||||||
$fa-var-thermometer-empty: "\f2cb";
|
|
||||||
$fa-var-thermometer-full: "\f2c7";
|
|
||||||
$fa-var-thermometer-half: "\f2c9";
|
|
||||||
$fa-var-thermometer-quarter: "\f2ca";
|
|
||||||
$fa-var-thermometer-three-quarters: "\f2c8";
|
|
||||||
$fa-var-thumb-tack: "\f08d";
|
|
||||||
$fa-var-thumbs-down: "\f165";
|
|
||||||
$fa-var-thumbs-o-down: "\f088";
|
|
||||||
$fa-var-thumbs-o-up: "\f087";
|
|
||||||
$fa-var-thumbs-up: "\f164";
|
|
||||||
$fa-var-ticket: "\f145";
|
|
||||||
$fa-var-times: "\f00d";
|
|
||||||
$fa-var-times-circle: "\f057";
|
|
||||||
$fa-var-times-circle-o: "\f05c";
|
|
||||||
$fa-var-times-rectangle: "\f2d3";
|
|
||||||
$fa-var-times-rectangle-o: "\f2d4";
|
|
||||||
$fa-var-tint: "\f043";
|
|
||||||
$fa-var-toggle-down: "\f150";
|
|
||||||
$fa-var-toggle-left: "\f191";
|
|
||||||
$fa-var-toggle-off: "\f204";
|
|
||||||
$fa-var-toggle-on: "\f205";
|
|
||||||
$fa-var-toggle-right: "\f152";
|
|
||||||
$fa-var-toggle-up: "\f151";
|
|
||||||
$fa-var-trademark: "\f25c";
|
|
||||||
$fa-var-train: "\f238";
|
|
||||||
$fa-var-transgender: "\f224";
|
|
||||||
$fa-var-transgender-alt: "\f225";
|
|
||||||
$fa-var-trash: "\f1f8";
|
|
||||||
$fa-var-trash-o: "\f014";
|
|
||||||
$fa-var-tree: "\f1bb";
|
|
||||||
$fa-var-trello: "\f181";
|
|
||||||
$fa-var-tripadvisor: "\f262";
|
|
||||||
$fa-var-trophy: "\f091";
|
|
||||||
$fa-var-truck: "\f0d1";
|
|
||||||
$fa-var-try: "\f195";
|
|
||||||
$fa-var-tty: "\f1e4";
|
|
||||||
$fa-var-tumblr: "\f173";
|
|
||||||
$fa-var-tumblr-square: "\f174";
|
|
||||||
$fa-var-turkish-lira: "\f195";
|
|
||||||
$fa-var-tv: "\f26c";
|
|
||||||
$fa-var-twitch: "\f1e8";
|
|
||||||
$fa-var-twitter: "\f099";
|
|
||||||
$fa-var-twitter-square: "\f081";
|
|
||||||
$fa-var-umbrella: "\f0e9";
|
|
||||||
$fa-var-underline: "\f0cd";
|
|
||||||
$fa-var-undo: "\f0e2";
|
|
||||||
$fa-var-universal-access: "\f29a";
|
|
||||||
$fa-var-university: "\f19c";
|
|
||||||
$fa-var-unlink: "\f127";
|
|
||||||
$fa-var-unlock: "\f09c";
|
|
||||||
$fa-var-unlock-alt: "\f13e";
|
|
||||||
$fa-var-unsorted: "\f0dc";
|
|
||||||
$fa-var-upload: "\f093";
|
|
||||||
$fa-var-usb: "\f287";
|
|
||||||
$fa-var-usd: "\f155";
|
|
||||||
$fa-var-user: "\f007";
|
|
||||||
$fa-var-user-circle: "\f2bd";
|
|
||||||
$fa-var-user-circle-o: "\f2be";
|
|
||||||
$fa-var-user-md: "\f0f0";
|
|
||||||
$fa-var-user-o: "\f2c0";
|
|
||||||
$fa-var-user-plus: "\f234";
|
|
||||||
$fa-var-user-secret: "\f21b";
|
|
||||||
$fa-var-user-times: "\f235";
|
|
||||||
$fa-var-users: "\f0c0";
|
|
||||||
$fa-var-vcard: "\f2bb";
|
|
||||||
$fa-var-vcard-o: "\f2bc";
|
|
||||||
$fa-var-venus: "\f221";
|
|
||||||
$fa-var-venus-double: "\f226";
|
|
||||||
$fa-var-venus-mars: "\f228";
|
|
||||||
$fa-var-viacoin: "\f237";
|
|
||||||
$fa-var-viadeo: "\f2a9";
|
|
||||||
$fa-var-viadeo-square: "\f2aa";
|
|
||||||
$fa-var-video-camera: "\f03d";
|
|
||||||
$fa-var-vimeo: "\f27d";
|
|
||||||
$fa-var-vimeo-square: "\f194";
|
|
||||||
$fa-var-vine: "\f1ca";
|
|
||||||
$fa-var-vk: "\f189";
|
|
||||||
$fa-var-volume-control-phone: "\f2a0";
|
|
||||||
$fa-var-volume-down: "\f027";
|
|
||||||
$fa-var-volume-off: "\f026";
|
|
||||||
$fa-var-volume-up: "\f028";
|
|
||||||
$fa-var-warning: "\f071";
|
|
||||||
$fa-var-wechat: "\f1d7";
|
|
||||||
$fa-var-weibo: "\f18a";
|
|
||||||
$fa-var-weixin: "\f1d7";
|
|
||||||
$fa-var-whatsapp: "\f232";
|
|
||||||
$fa-var-wheelchair: "\f193";
|
|
||||||
$fa-var-wheelchair-alt: "\f29b";
|
|
||||||
$fa-var-wifi: "\f1eb";
|
|
||||||
$fa-var-wikipedia-w: "\f266";
|
|
||||||
$fa-var-window-close: "\f2d3";
|
|
||||||
$fa-var-window-close-o: "\f2d4";
|
|
||||||
$fa-var-window-maximize: "\f2d0";
|
|
||||||
$fa-var-window-minimize: "\f2d1";
|
|
||||||
$fa-var-window-restore: "\f2d2";
|
|
||||||
$fa-var-windows: "\f17a";
|
|
||||||
$fa-var-won: "\f159";
|
|
||||||
$fa-var-wordpress: "\f19a";
|
|
||||||
$fa-var-wpbeginner: "\f297";
|
|
||||||
$fa-var-wpexplorer: "\f2de";
|
|
||||||
$fa-var-wpforms: "\f298";
|
|
||||||
$fa-var-wrench: "\f0ad";
|
|
||||||
$fa-var-xing: "\f168";
|
|
||||||
$fa-var-xing-square: "\f169";
|
|
||||||
$fa-var-y-combinator: "\f23b";
|
|
||||||
$fa-var-y-combinator-square: "\f1d4";
|
|
||||||
$fa-var-yahoo: "\f19e";
|
|
||||||
$fa-var-yc: "\f23b";
|
|
||||||
$fa-var-yc-square: "\f1d4";
|
|
||||||
$fa-var-yelp: "\f1e9";
|
|
||||||
$fa-var-yen: "\f157";
|
|
||||||
$fa-var-yoast: "\f2b1";
|
|
||||||
$fa-var-youtube: "\f167";
|
|
||||||
$fa-var-youtube-play: "\f16a";
|
|
||||||
$fa-var-youtube-square: "\f166";
|
|
||||||
|
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
// Susy (Prefixed)
|
||||||
|
// ===============
|
||||||
|
|
||||||
|
$susy-version: 3;
|
||||||
|
|
||||||
|
@import 'susy/utilities';
|
||||||
|
@import 'susy/su-validate';
|
||||||
|
@import 'susy/su-math';
|
||||||
|
@import 'susy/settings';
|
||||||
|
@import 'susy/normalize';
|
||||||
|
@import 'susy/parse';
|
||||||
|
@import 'susy/syntax-helpers';
|
||||||
|
@import 'susy/api';
|
||||||
+4
-3
@@ -1,4 +1,5 @@
|
|||||||
// Susy
|
// Susy (Un-Prefixed)
|
||||||
// ====
|
// ==================
|
||||||
|
|
||||||
@import 'susy/language/susy';
|
@import 'susy-prefix';
|
||||||
|
@import 'susy/unprefix';
|
||||||
|
|||||||
@@ -1,4 +0,0 @@
|
|||||||
// Susy
|
|
||||||
// ====
|
|
||||||
|
|
||||||
@import 'susy/language/susyone';
|
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
// SVG Grid Background
|
||||||
|
// ===================
|
||||||
|
|
||||||
|
@import 'svg-grid/prefix';
|
||||||
|
@import 'svg-grid/svg-unprefix';
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
// Prefixed SVG Plugin
|
||||||
|
// ===================
|
||||||
|
|
||||||
|
@import 'svg-settings';
|
||||||
|
@import 'svg-utilities';
|
||||||
|
@import 'svg-grid-math';
|
||||||
|
@import 'svg-api';
|
||||||
@@ -0,0 +1,114 @@
|
|||||||
|
/// Plugin: SVG Grid Image
|
||||||
|
/// ======================
|
||||||
|
/// @group plugin_svg-grid
|
||||||
|
/// @see susy-svg-grid
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/// ## Overview
|
||||||
|
/// If you want to generate svg-backgrounds
|
||||||
|
/// for help visualizing and debugging your grids,
|
||||||
|
/// import the SVG Grid Plugin.
|
||||||
|
///
|
||||||
|
/// The plugin adds `svg-grid-colors` setting
|
||||||
|
/// to your global defaults,
|
||||||
|
/// which you can override in `$susy`.
|
||||||
|
/// It also provides you with a new function,
|
||||||
|
/// `susy-svg-grid()`,
|
||||||
|
/// which will return inline svg for use in
|
||||||
|
/// backgrounds or generated content.
|
||||||
|
///
|
||||||
|
/// This function come with an unprefixed alias by default,
|
||||||
|
/// using the `svg-grid` import.
|
||||||
|
/// If you only only want prefixed versions of the API,
|
||||||
|
/// import the `svg-grid/prefix` partial instead.
|
||||||
|
///
|
||||||
|
/// @group plugin_svg-grid
|
||||||
|
///
|
||||||
|
/// @example scss - importing the plugin
|
||||||
|
/// // The full path to import Susy will depend on your setup…
|
||||||
|
///
|
||||||
|
/// // unprefixed
|
||||||
|
/// @import 'plugins/svg-grid';
|
||||||
|
///
|
||||||
|
/// // prefixed
|
||||||
|
/// @import 'plugins/svg-grid/prefix';
|
||||||
|
///
|
||||||
|
/// @example scss - generating background grids
|
||||||
|
/// .grid {
|
||||||
|
/// background: susy-svg-grid() no-repeat scroll;
|
||||||
|
/// }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Grid
|
||||||
|
// --------
|
||||||
|
/// Return inline svg-data in to display the grid.
|
||||||
|
///
|
||||||
|
/// @group plugin_svg-grid
|
||||||
|
///
|
||||||
|
/// @param {Map | List} $grid [$susy] -
|
||||||
|
/// Map or shorthand defining the current grid
|
||||||
|
/// @param {Color | List | null} $colors [null] -
|
||||||
|
/// Column color, or list of colors for column-gradient,
|
||||||
|
/// used to override the global `svg-grid-colors` setting
|
||||||
|
/// @param {Length | null} $offset [null] -
|
||||||
|
/// Manually override the default grid-image offset,
|
||||||
|
/// to account for grid edges
|
||||||
|
///
|
||||||
|
/// @return {String} -
|
||||||
|
/// CSS inline-data SVG string, in `url(<svg>)` format,
|
||||||
|
/// for use in image or content properties
|
||||||
|
/// @example scss
|
||||||
|
/// .grid {
|
||||||
|
/// background: susy-svg-grid() no-repeat scroll;
|
||||||
|
/// }
|
||||||
|
@function susy-svg-grid(
|
||||||
|
$grid: $susy,
|
||||||
|
$colors: null,
|
||||||
|
$offset: null
|
||||||
|
) {
|
||||||
|
// Grid parsing & normalizing
|
||||||
|
$grid: susy-compile($grid, $context-only: true);
|
||||||
|
|
||||||
|
// Color and gradient handling
|
||||||
|
$gradient: '';
|
||||||
|
|
||||||
|
@if (not $colors) {
|
||||||
|
$colors: susy-get('svg-grid-colors');
|
||||||
|
}
|
||||||
|
|
||||||
|
@if length($colors) > 1 {
|
||||||
|
$gradient: _susy-svg-gradient($colors);
|
||||||
|
$colors: 'url(%23susy-svg-gradient)';
|
||||||
|
} @else {
|
||||||
|
$colors: _susy-svg-color($colors);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get a default image-width
|
||||||
|
$span: (
|
||||||
|
'span': map-get($grid, 'columns'),
|
||||||
|
'spread': map-get($grid, 'container-spread'),
|
||||||
|
);
|
||||||
|
$span: map-merge($grid, $span);
|
||||||
|
$image-width: su-call('su-span', $span);
|
||||||
|
$image-width: if((type-of($image-width) == 'number'), $image-width, 100%);
|
||||||
|
|
||||||
|
// SVG construction
|
||||||
|
$columns: map-get($grid, 'columns');
|
||||||
|
$offset: $offset or _susy-svg-offset($grid);
|
||||||
|
|
||||||
|
$attrs: 'fill="#{$colors}" width="#{$image-width}"';
|
||||||
|
$svg: 'data:image/svg+xml,';
|
||||||
|
$svg: $svg + '%3Csvg xmlns="http://www.w3.org/2000/svg" #{$attrs} %3E';
|
||||||
|
$svg: $svg + $gradient;
|
||||||
|
|
||||||
|
@for $column from 1 through length($columns) {
|
||||||
|
$width: susy-span(1 narrow at $column, $grid);
|
||||||
|
$x: _susy-svg-column-position($column, $grid);
|
||||||
|
|
||||||
|
$svg: $svg + _susy-svg-rect($x, $width, $offset);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return url('#{$svg}%3C/svg%3E');
|
||||||
|
}
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
// SVG Grid Math
|
||||||
|
// =============
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Column Position
|
||||||
|
// -------------------
|
||||||
|
/// Determine the proper horizontal position
|
||||||
|
/// for a column rectangle
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {Integer} $column -
|
||||||
|
/// 1-indexed column location on the grid
|
||||||
|
/// @param {Map} $grid -
|
||||||
|
/// Normalized settings map representing the current grid
|
||||||
|
///
|
||||||
|
/// @return {Length} -
|
||||||
|
/// Horizontal position of svg column rectangle,
|
||||||
|
/// as distance from the grid edge
|
||||||
|
@function _susy-svg-column-position(
|
||||||
|
$column,
|
||||||
|
$grid
|
||||||
|
) {
|
||||||
|
$x: $column - 1;
|
||||||
|
|
||||||
|
@if ($x > 0) {
|
||||||
|
$x: susy-span(first $x wide, $grid);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $x;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Offset
|
||||||
|
// ----------
|
||||||
|
/// Determine if a grid image needs to be offset,
|
||||||
|
/// to account for edge gutters.
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {Map} $grid -
|
||||||
|
/// Normalized settings map representing the current grid
|
||||||
|
///
|
||||||
|
/// @return {Length | null} -
|
||||||
|
/// Expected distance from container edge to first column,
|
||||||
|
/// based on spread values and gutter-widths
|
||||||
|
@function _susy-svg-offset(
|
||||||
|
$grid
|
||||||
|
) {
|
||||||
|
$columns: su-valid-columns(map-get($grid, 'columns'));
|
||||||
|
$gutters: su-valid-gutters(map-get($grid, 'gutters'));
|
||||||
|
$container: su-valid-spread(map-get($grid, 'container-spread')) + 1;
|
||||||
|
|
||||||
|
@if ($container == 0) {
|
||||||
|
@return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
$gutter: su-call('su-gutter', $grid);
|
||||||
|
|
||||||
|
@if (type-of($gutter) == 'string') {
|
||||||
|
@return 'calc(#{$container} * #{$gutter} / 2)';
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $container * $gutter / 2;
|
||||||
|
}
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
// SVG Settings
|
||||||
|
// ============
|
||||||
|
|
||||||
|
|
||||||
|
// Susy SVG Defaults
|
||||||
|
// =================
|
||||||
|
/// This plugin adds the `svg-grid-colors` property
|
||||||
|
/// and default value to `$_susy-defaults` —
|
||||||
|
/// you can override that value in `$susy`
|
||||||
|
/// or any other grid settings map.
|
||||||
|
/// @group plugin_svg-grid
|
||||||
|
$_susy-defaults: map-merge((
|
||||||
|
'svg-grid-colors': hsla(120, 50%, 50%, 0.5) hsla(120, 50%, 75%, 0.5),
|
||||||
|
), $_susy-defaults);
|
||||||
@@ -0,0 +1,18 @@
|
|||||||
|
// Unprefix Susy SVG Grid
|
||||||
|
// ======================
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Grid
|
||||||
|
// --------
|
||||||
|
/// Un-prefixed alias for `susy-svg-grid`
|
||||||
|
///
|
||||||
|
/// @group plugin_svg-grid
|
||||||
|
/// @alias susy-svg-grid
|
||||||
|
@function svg-grid(
|
||||||
|
$grid: $susy,
|
||||||
|
$colors: susy-get('svg-grid-colors'),
|
||||||
|
$offset: null
|
||||||
|
) {
|
||||||
|
@return susy-svg-grid($grid, $colors, $offset);
|
||||||
|
}
|
||||||
@@ -0,0 +1,133 @@
|
|||||||
|
// SVG Utilities
|
||||||
|
// =============
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Validate Units
|
||||||
|
// ------------------
|
||||||
|
/// Make sure a length is supported in svg
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {Length} $length -
|
||||||
|
/// The length to validate
|
||||||
|
/// @param {String} $name [null] -
|
||||||
|
/// Optional name of length origin,
|
||||||
|
/// for error reporting
|
||||||
|
///
|
||||||
|
/// @return {Length} -
|
||||||
|
/// An svg-validated length, or comparable valid length
|
||||||
|
@function _susy-svg-validate-units(
|
||||||
|
$length,
|
||||||
|
$name: null
|
||||||
|
) {
|
||||||
|
$_svg-units: ('em', 'ex', 'px', 'pt', 'pc', 'cm', 'mm', 'in', '%');
|
||||||
|
$string: type-of($length) == 'string';
|
||||||
|
|
||||||
|
@if ($length == 0) or ($string) or index($_svg-units, unit($length)) {
|
||||||
|
@return $length;
|
||||||
|
}
|
||||||
|
|
||||||
|
@return _susy-error(
|
||||||
|
'`#{unit($length)}` #{$name} units are not supported in SVG',
|
||||||
|
'_susy-svg-validate-units');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Rect
|
||||||
|
// --------
|
||||||
|
/// Build a single svg rectangle
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {Length} $x -
|
||||||
|
/// Horizontal position for the rectangle
|
||||||
|
/// @param {Length} $width -
|
||||||
|
/// Width of the rectangle
|
||||||
|
/// @param {Length} $offset [null] -
|
||||||
|
/// Offset the rectangle, to account for edge gutters
|
||||||
|
///
|
||||||
|
/// @return {String} -
|
||||||
|
/// Escaped string representing one svg rectangle
|
||||||
|
@function _susy-svg-rect(
|
||||||
|
$x,
|
||||||
|
$width,
|
||||||
|
$offset: null
|
||||||
|
) {
|
||||||
|
$x: _susy-svg-validate-units($x);
|
||||||
|
$width: _susy-svg-validate-units($width);
|
||||||
|
$offset: if($offset == 0, null, $offset);
|
||||||
|
|
||||||
|
@if (type-of($offset) == 'number') and (type-of($x) == 'number') {
|
||||||
|
@if comparable($x, $offset) {
|
||||||
|
$x: $x + $offset;
|
||||||
|
} @else {
|
||||||
|
$x: 'calc(#{$x} + #{$offset})';
|
||||||
|
}
|
||||||
|
} @else if $offset and ($x != 0) {
|
||||||
|
$x: 'calc(#{$x} + #{$offset})';
|
||||||
|
} @else if $offset {
|
||||||
|
$x: $offset;
|
||||||
|
}
|
||||||
|
|
||||||
|
@return '%3Crect x="#{$x}" width="#{$width}" height="100%"/%3E';
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Color
|
||||||
|
// ---------
|
||||||
|
/// Stringify colors, and escape hex symbol
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {Color} $color -
|
||||||
|
/// Color to stringify and escape
|
||||||
|
///
|
||||||
|
/// @return {String} -
|
||||||
|
/// Escaped string value of color
|
||||||
|
@function _susy-svg-color(
|
||||||
|
$color
|
||||||
|
) {
|
||||||
|
$color: inspect($color); // convert to string
|
||||||
|
|
||||||
|
@if (str-index($color, '#') == 1) {
|
||||||
|
$color: '%23' + str-slice($color, 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $color;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SVG Gradient
|
||||||
|
// ------------
|
||||||
|
/// Create a multi-color svg gradient
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {List} $colors -
|
||||||
|
/// List of colors to be equally spaced from `0%` to `100%`
|
||||||
|
/// in each column rectangle
|
||||||
|
///
|
||||||
|
/// @return {String} -
|
||||||
|
/// Escaped string representing one svg gradient
|
||||||
|
/// (`id="susy-svg-gradient"`)
|
||||||
|
@function _susy-svg-gradient(
|
||||||
|
$colors
|
||||||
|
) {
|
||||||
|
$gradient: '%3Cdefs%3E%3ClinearGradient spreadMethod="pad"';
|
||||||
|
$gradient: '#{$gradient} id="susy-svg-gradient"';
|
||||||
|
$gradient: '#{$gradient} x1="0%" y1="0%" x2="100%" y2="0%"%3E';
|
||||||
|
|
||||||
|
@for $i from 1 through length($colors) {
|
||||||
|
$color: _susy-svg-color(nth($colors, $i));
|
||||||
|
$offset: percentage(($i - 1) / (length($colors) - 1));
|
||||||
|
$stop: '%3Cstop offset="#{$offset}" style="stop-color:#{$color};" /%3E';
|
||||||
|
|
||||||
|
$gradient: $gradient + $stop;
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $gradient + '%3C/linearGradient%3E%3C/defs%3E';
|
||||||
|
}
|
||||||
+318
@@ -0,0 +1,318 @@
|
|||||||
|
/// Susy3 API Functions
|
||||||
|
/// ===================
|
||||||
|
/// These three functions form the core of Susy's
|
||||||
|
/// layout-building grid API.
|
||||||
|
///
|
||||||
|
/// - Use `span()` and `gutter()` to return any grid-width,
|
||||||
|
/// and apply the results wherever you need them:
|
||||||
|
/// CSS `width`, `margin`, `padding`, `flex-basis`, `transform`, etc.
|
||||||
|
/// - For asymmetrical-fluid grids,
|
||||||
|
/// `slice()` can help manage your nesting context.
|
||||||
|
///
|
||||||
|
/// All three functions come with an unprefixed alias by default,
|
||||||
|
/// using the `susy` import.
|
||||||
|
/// Import the `susy-prefix` partial instead,
|
||||||
|
/// if you only only want prefixed versions of the API.
|
||||||
|
///
|
||||||
|
/// This is a thin syntax-sugar shell around
|
||||||
|
/// the "Su" core-math functions: `su-span`, `su-gutter`, and `su-slice`.
|
||||||
|
/// If you prefer the more constrained syntax of the math engine,
|
||||||
|
/// you are welcome to use those functions instead.
|
||||||
|
///
|
||||||
|
/// @group b-api
|
||||||
|
/// @see susy-span
|
||||||
|
/// @see susy-gutter
|
||||||
|
/// @see susy-slice
|
||||||
|
/// @see su-span
|
||||||
|
/// @see su-gutter
|
||||||
|
/// @see su-slice
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/// ## Shorthand
|
||||||
|
///
|
||||||
|
/// All functions draw on the same shorthand syntax in two parts,
|
||||||
|
/// seperated by the word `of`.
|
||||||
|
///
|
||||||
|
/// ### Span Syntax: `<width>` [`<location>` `<spread>`]
|
||||||
|
/// The first part describes the
|
||||||
|
/// **span** width, location, and spread in any order.
|
||||||
|
/// Only the width is required:
|
||||||
|
///
|
||||||
|
/// - `span(2)` will return the width of 2 columns.
|
||||||
|
/// - `span(3 wide)` will return 3-columns, with an additional gutter.
|
||||||
|
/// - location is only needed with asymmetrical grids,
|
||||||
|
/// where `span(3 at 2)` will return the width of
|
||||||
|
/// specific columns on the grid.
|
||||||
|
/// Since these are functions, they will not handle placement for you.
|
||||||
|
///
|
||||||
|
/// ### Context Syntax: `[of <columns> <container-spread> <gutters>]`
|
||||||
|
/// The second half of Susy's shorthand
|
||||||
|
/// describes the grid-**context** –
|
||||||
|
/// available columns, container-spread, and optional gutter override –
|
||||||
|
/// in any order.
|
||||||
|
/// All of these settings have globally-defined defaults:
|
||||||
|
///
|
||||||
|
/// - `span(2 of 6)` will set the context to
|
||||||
|
/// a slice of 6 columns from the global grid.
|
||||||
|
/// More details below.
|
||||||
|
/// - `span(2 of 12 wide)` changes the container-spread
|
||||||
|
/// as well as the column-context.
|
||||||
|
/// - `span(2 of 12 set-gutters 0.5em)`
|
||||||
|
/// will override the global gutters setting
|
||||||
|
/// for this one calculation.
|
||||||
|
///
|
||||||
|
/// A single unitless number for `columns`
|
||||||
|
/// will be treated as a slice of the parent grid.
|
||||||
|
/// On a grid with `columns: susy-repeat(12, 120px)`,
|
||||||
|
/// the shorthand `of 4` will use the parent `120px` column-width.
|
||||||
|
/// You can also be more explicit,
|
||||||
|
/// and say `of susy-repeat(4, 100px)`.
|
||||||
|
/// If you are using asymmetrical grids,
|
||||||
|
/// like `columns: (1 1 2 3 5 8)`,
|
||||||
|
/// Susy can't slice it for you without knowing which columns you want.
|
||||||
|
/// The `slice` function accepts exactly the same syntax as `span`,
|
||||||
|
/// but returns a list of columns rather than a width.
|
||||||
|
/// Use it in your context like `of slice(first 3)`.
|
||||||
|
///
|
||||||
|
/// @group b-api
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Span
|
||||||
|
// ---------
|
||||||
|
/// This is the primary function in Susy —
|
||||||
|
/// used to return the width of a span across one or more columns,
|
||||||
|
/// and any relevant gutters along the way.
|
||||||
|
/// With the default settings,
|
||||||
|
/// `span(3)` will return the width of 3 columns,
|
||||||
|
/// and the 2 intermediate gutters.
|
||||||
|
/// This can be used to set the `width` property of grid elements,
|
||||||
|
/// or `margin` and `padding`
|
||||||
|
/// to push, pull, and pad your elements.
|
||||||
|
///
|
||||||
|
/// - This is a thin syntax-sugar shell around
|
||||||
|
/// the core-math `su-span()` function.
|
||||||
|
/// - The un-prefixed alias `span()` is available by default.
|
||||||
|
///
|
||||||
|
/// @group b-api
|
||||||
|
/// @see su-span
|
||||||
|
/// @see $susy
|
||||||
|
///
|
||||||
|
/// @param {list} $span -
|
||||||
|
/// Shorthand expression to define the width of the span,
|
||||||
|
/// optionally containing:
|
||||||
|
/// - a count, length, or column-list span.
|
||||||
|
/// - `at $n`, `first`, or `last` location on asymmetrical grids,
|
||||||
|
/// where `at 1 == first`,
|
||||||
|
/// and `last` will calculate the proper location
|
||||||
|
/// based on columns and span.
|
||||||
|
/// - `narrow`, `wide`, or `wider` for optionally spreading
|
||||||
|
/// across adjacent gutters.
|
||||||
|
/// - `of $n <spread>` for available grid columns
|
||||||
|
/// and spread of the container.
|
||||||
|
/// Span counts like `of 6` are valid
|
||||||
|
/// in the context of symmetrical grids,
|
||||||
|
/// where Susy can safely infer a slice of the parent columns.
|
||||||
|
/// - and `set-gutters $n` to override global gutter settings.
|
||||||
|
///
|
||||||
|
/// @param {map} $config [()] -
|
||||||
|
/// Optional map of Susy grid configuration settings.
|
||||||
|
/// See `$susy` documentation for details.
|
||||||
|
///
|
||||||
|
/// @return {length} -
|
||||||
|
/// Calculated length value, using the units given,
|
||||||
|
/// or converting to `%` for fraction-based grids,
|
||||||
|
/// or a full `calc` function when units/fractions
|
||||||
|
/// are not comparable outside the browser.
|
||||||
|
///
|
||||||
|
/// @example scss - span half the grid
|
||||||
|
/// .foo {
|
||||||
|
/// // the result is a bit under 50% to account for gutters
|
||||||
|
/// width: susy-span(6 of 12);
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @example scss - span a specific segment of asymmetrical grid
|
||||||
|
/// .foo {
|
||||||
|
/// width: susy-span(3 at 3 of (1 2 3 5 8));
|
||||||
|
/// }
|
||||||
|
@function susy-span(
|
||||||
|
$span,
|
||||||
|
$config: ()
|
||||||
|
) {
|
||||||
|
$output: susy-compile($span, $config);
|
||||||
|
|
||||||
|
@if map-get($output, 'span') {
|
||||||
|
@return su-call('su-span', $output);
|
||||||
|
}
|
||||||
|
|
||||||
|
$actual: '[#{type-of($span)}] `#{inspect($span)}`';
|
||||||
|
@return _susy-error(
|
||||||
|
'Unable to determine span value from #{$actual}.',
|
||||||
|
'susy-span');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Gutter
|
||||||
|
// -----------
|
||||||
|
/// The gutter function returns
|
||||||
|
/// the width of a single gutter on your grid,
|
||||||
|
/// to be applied where you see fit –
|
||||||
|
/// on `margins`, `padding`, `transform`, or element `width`.
|
||||||
|
///
|
||||||
|
/// - This is a thin syntax-sugar shell around
|
||||||
|
/// the core-math `su-gutter()` function.
|
||||||
|
/// - The un-prefixed alias `gutter()` is available by default.
|
||||||
|
///
|
||||||
|
/// @group b-api
|
||||||
|
/// @see su-gutter
|
||||||
|
/// @see $susy
|
||||||
|
///
|
||||||
|
/// @param {list | number} $context [null] -
|
||||||
|
/// Optional context for nested gutters,
|
||||||
|
/// including shorthand for
|
||||||
|
/// `columns`, `gutters`, and `container-spread`
|
||||||
|
/// (additional shorthand will be ignored)
|
||||||
|
///
|
||||||
|
/// @param {map} $config [()] -
|
||||||
|
/// Optional map of Susy grid configuration settings.
|
||||||
|
/// See `$susy` documentation for details.
|
||||||
|
///
|
||||||
|
/// @return {length} -
|
||||||
|
/// Width of a gutter as `%` of current context,
|
||||||
|
/// or in the units defined by `column-width` when available
|
||||||
|
///
|
||||||
|
/// @example scss - add gutters before or after an element
|
||||||
|
/// .floats {
|
||||||
|
/// float: left;
|
||||||
|
/// width: span(3 of 6);
|
||||||
|
/// margin-left: gutter(of 6);
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @example scss - add gutters to padding
|
||||||
|
/// .flexbox {
|
||||||
|
/// flex: 1 1 span(3 wide of 6 wide);
|
||||||
|
/// padding: gutter(of 6) / 2;
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
@function susy-gutter(
|
||||||
|
$context: susy-get('columns'),
|
||||||
|
$config: ()
|
||||||
|
) {
|
||||||
|
$context: susy-compile($context, $config, 'context-only');
|
||||||
|
|
||||||
|
@return su-call('su-gutter', $context);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Slice
|
||||||
|
// ----------
|
||||||
|
/// Working with asymmetrical grids (un-equal column widths)
|
||||||
|
/// can be challenging –
|
||||||
|
/// expecially when they involve fluid/fractional elements.
|
||||||
|
/// Describing a context `of (15em 6em 6em 6em 15em)` is a lot
|
||||||
|
/// to put inside the span or gutter function shorthand.
|
||||||
|
/// This slice function returns a sub-slice of asymmetrical columns to use
|
||||||
|
/// for a nested context.
|
||||||
|
/// `slice(3 at 2)` will give you a subset of the global grid,
|
||||||
|
/// spanning 3 columns, starting with the second.
|
||||||
|
///
|
||||||
|
/// - This is a thin syntax-sugar shell around
|
||||||
|
/// the core-math `su-slice()` function.
|
||||||
|
/// - The un-prefixed alias `slice()` is available by default.
|
||||||
|
///
|
||||||
|
/// @group b-api
|
||||||
|
/// @see su-slice
|
||||||
|
/// @see $susy
|
||||||
|
///
|
||||||
|
/// @param {list} $span -
|
||||||
|
/// Shorthand expression to define the subset span, optionally containing:
|
||||||
|
/// - `at $n`, `first`, or `last` location on asymmetrical grids;
|
||||||
|
/// - `of $n <spread>` for available grid columns
|
||||||
|
/// and spread of the container
|
||||||
|
/// - Span-counts like `of 6` are only valid
|
||||||
|
/// in the context of symmetrical grids
|
||||||
|
/// - Valid spreads include `narrow`, `wide`, or `wider`
|
||||||
|
///
|
||||||
|
/// @param {map} $config [()] -
|
||||||
|
/// Optional map of Susy grid configuration settings.
|
||||||
|
/// See `$susy` documentation for details.
|
||||||
|
///
|
||||||
|
/// @return {list} -
|
||||||
|
/// Subset list of columns for use for a nested context
|
||||||
|
///
|
||||||
|
/// @example scss - Return a nested segment of asymmetrical grid
|
||||||
|
/// $context: susy-slice(3 at 3 of (1 2 3 5 8));
|
||||||
|
/// /* $context: #{$context}; */
|
||||||
|
@function susy-slice(
|
||||||
|
$span,
|
||||||
|
$config: ()
|
||||||
|
) {
|
||||||
|
$span: susy-compile($span, $config);
|
||||||
|
|
||||||
|
@return su-call('su-slice', $span);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/// ## Building Grids
|
||||||
|
/// The web has come a long way
|
||||||
|
/// since the days of double-margin-hacks
|
||||||
|
/// and inconsistent subpixel rounding.
|
||||||
|
/// In addition to floats and tables,
|
||||||
|
/// we can now use much more powerful tools,
|
||||||
|
/// like flexbox and CSS grid,
|
||||||
|
/// to build more interesting and responsive layouts.
|
||||||
|
///
|
||||||
|
/// With Susy3, we hope you'll start moving in that direction.
|
||||||
|
/// You can still build classic 12-column Grid Systems,
|
||||||
|
/// and we'll help you get there,
|
||||||
|
/// but Susy3 is primarily designed for a grid-math-on-demand
|
||||||
|
/// approach to layout:
|
||||||
|
/// applying our functions only where you really need grid math.
|
||||||
|
/// Read the [intro article by OddBird][welcome] for more details.
|
||||||
|
///
|
||||||
|
/// [welcome]: http://oddbird.net/2017/06/28/susy3/
|
||||||
|
///
|
||||||
|
/// @group b-api
|
||||||
|
/// @link http://oddbird.net/2017/06/28/susy3/ Article: Welcome to Susy3
|
||||||
|
///
|
||||||
|
/// @example scss - floats
|
||||||
|
/// .float {
|
||||||
|
/// width: span(3);
|
||||||
|
/// margin-right: gutter();
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @example scss - flexbox
|
||||||
|
/// .flexbox {
|
||||||
|
/// flex: 1 1 span(3);
|
||||||
|
/// // half a gutter on either side…
|
||||||
|
/// padding: 0 gutter() / 2;
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @example scss - pushing and pulling
|
||||||
|
/// .push-3 {
|
||||||
|
/// margin-left: span(3 wide);
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// .pull-3 {
|
||||||
|
/// margin-left: 0 - span(3 wide);
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @example scss - building an attribute system
|
||||||
|
/// // markup example: <div data-span="last 3"></div>
|
||||||
|
/// [data-span] {
|
||||||
|
/// float: left;
|
||||||
|
///
|
||||||
|
/// &:not([data-span*='last']) {
|
||||||
|
/// margin-right: gutter();
|
||||||
|
/// }
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @for $span from 1 through length(susy-get('columns')) {
|
||||||
|
/// [data-span*='#{$span}'] {
|
||||||
|
/// width: span($span);
|
||||||
|
/// }
|
||||||
|
/// }
|
||||||
@@ -0,0 +1,261 @@
|
|||||||
|
/// Syntax Normalization
|
||||||
|
/// ====================
|
||||||
|
/// Susy is divided into two layers:
|
||||||
|
/// "Su" provides the core math functions with a stripped-down syntax,
|
||||||
|
/// while "Susy" adds global settings, shorthand syntax,
|
||||||
|
/// and other helpers.
|
||||||
|
/// Each setting (e.g. span, location, columns, spread, etc.)
|
||||||
|
/// has a single canonical syntax in Su.
|
||||||
|
///
|
||||||
|
/// This normalization module helps translate between those layers,
|
||||||
|
/// transforming parsed Susy input into
|
||||||
|
/// values that Su will understand.
|
||||||
|
///
|
||||||
|
/// @group x-normal
|
||||||
|
///
|
||||||
|
/// @see susy-normalize
|
||||||
|
/// @see susy-normalize-span
|
||||||
|
/// @see susy-normalize-columns
|
||||||
|
/// @see susy-normalize-spread
|
||||||
|
/// @see susy-normalize-location
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Normalize
|
||||||
|
// --------------
|
||||||
|
/// Normalize the values in a configuration map.
|
||||||
|
/// In addition to the global `$susy` properties,
|
||||||
|
/// this map can include local span-related imformation,
|
||||||
|
/// like `span` and `location`.
|
||||||
|
///
|
||||||
|
/// Normalization does not check that values are valid,
|
||||||
|
/// which will happen in the Su math layer.
|
||||||
|
/// These functions merely look for known Susy syntax –
|
||||||
|
/// returning a map with those shorthand values
|
||||||
|
/// converted into low-level data for Su.
|
||||||
|
/// For example `span: all` and `location: first`
|
||||||
|
/// will be converted into specific numbers.
|
||||||
|
///
|
||||||
|
/// @group x-normal
|
||||||
|
/// @see $susy
|
||||||
|
/// @see susy-parse
|
||||||
|
///
|
||||||
|
/// @param {map} $config -
|
||||||
|
/// Map of Susy configuration settings to normalize.
|
||||||
|
/// See `$susy` and `susy-parse()` documentation for details.
|
||||||
|
/// @param {map | null} $context [null] -
|
||||||
|
/// Map of Susy configuration settings to use as global reference,
|
||||||
|
/// or `null` to use global settings.
|
||||||
|
///
|
||||||
|
/// @return {map} -
|
||||||
|
/// Map of Susy configuration settings,
|
||||||
|
/// with all values normalized for Su math functions.
|
||||||
|
@function susy-normalize(
|
||||||
|
$config,
|
||||||
|
$context: null
|
||||||
|
) {
|
||||||
|
// Spread
|
||||||
|
@each $setting in ('spread', 'container-spread') {
|
||||||
|
$value: map-get($config, $setting);
|
||||||
|
|
||||||
|
@if $value {
|
||||||
|
$value: susy-normalize-spread($value);
|
||||||
|
$config: map-merge($config, ($setting: $value));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Columns
|
||||||
|
$columns: map-get($config, 'columns');
|
||||||
|
|
||||||
|
@if $columns {
|
||||||
|
$columns: susy-normalize-columns($columns, $context);
|
||||||
|
$config: map-merge($config, ('columns': $columns));
|
||||||
|
}
|
||||||
|
|
||||||
|
@if not $columns {
|
||||||
|
$map: type-of($context) == 'map';
|
||||||
|
$columns: if($map, map-get($context, 'columns'), null);
|
||||||
|
$columns: $columns or susy-get('columns');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Span
|
||||||
|
$span: map-get($config, 'span');
|
||||||
|
|
||||||
|
@if $span {
|
||||||
|
$span: susy-normalize-span($span, $columns);
|
||||||
|
$config: map-merge($config, ('span': $span));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Location
|
||||||
|
$location: map-get($config, 'location');
|
||||||
|
|
||||||
|
@if $location {
|
||||||
|
$location: susy-normalize-location($span, $location, $columns);
|
||||||
|
$config: map-merge($config, ('location': $location));
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $config;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Normalize Span
|
||||||
|
// --------------
|
||||||
|
/// Normalize `span` shorthand for Su.
|
||||||
|
/// Su span syntax allows an explicit length (e.g. `3em`),
|
||||||
|
/// unitless column-span number (e.g. `3` columns),
|
||||||
|
/// or an explicit list of columns (e.g. `(3 5 8)`).
|
||||||
|
///
|
||||||
|
/// Susy span syntax also allows the `all` keyword,
|
||||||
|
/// which will be converted to a slice of the context
|
||||||
|
/// in normalization.
|
||||||
|
///
|
||||||
|
/// @group x-normal
|
||||||
|
///
|
||||||
|
/// @param {number | list | 'all'} $span -
|
||||||
|
/// Span value to normalize.
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// Normalized list of columns in the grid
|
||||||
|
///
|
||||||
|
/// @return {number | list} -
|
||||||
|
/// Number or list value for `$span`
|
||||||
|
@function susy-normalize-span(
|
||||||
|
$span,
|
||||||
|
$columns: susy-get('columns')
|
||||||
|
) {
|
||||||
|
@if ($span == 'all') {
|
||||||
|
@return length($columns);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $span;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Normalize Columns
|
||||||
|
// -----------------
|
||||||
|
/// Normalize `column` shorthand for Su.
|
||||||
|
/// Su column syntax only allows column lists (e.g. `120px 1 1 1 120px`).
|
||||||
|
///
|
||||||
|
/// Susy span syntax also allows a unitless `slice` number (e.g `of 5`),
|
||||||
|
/// which will be converted to a slice of the context
|
||||||
|
/// in normalization.
|
||||||
|
///
|
||||||
|
/// @group x-normal
|
||||||
|
///
|
||||||
|
/// @param {list | integer} $columns -
|
||||||
|
/// List of available columns,
|
||||||
|
/// or unitless integer representing a slice of
|
||||||
|
/// the available context.
|
||||||
|
/// @param {map | null} $context [null] -
|
||||||
|
/// Map of Susy configuration settings to use as global reference,
|
||||||
|
/// or `null` to access global settings.
|
||||||
|
///
|
||||||
|
/// @return {list} -
|
||||||
|
/// Columns list value, normalized for Su input.
|
||||||
|
///
|
||||||
|
/// @throws
|
||||||
|
/// when attempting to access a slice of asymmetrical context
|
||||||
|
@function susy-normalize-columns(
|
||||||
|
$columns,
|
||||||
|
$context: null
|
||||||
|
) {
|
||||||
|
$context: $context or susy-settings();
|
||||||
|
|
||||||
|
@if type-of($columns) == 'list' {
|
||||||
|
@return _susy-flatten($columns);
|
||||||
|
}
|
||||||
|
|
||||||
|
@if (type-of($columns) == 'number') and (unitless($columns)) {
|
||||||
|
$span: $columns;
|
||||||
|
$context: map-get($context, 'columns');
|
||||||
|
$symmetrical: susy-repeat(length($context), nth($context, 1));
|
||||||
|
|
||||||
|
@if ($context == $symmetrical) {
|
||||||
|
@return susy-repeat($span, nth($context, 1));
|
||||||
|
} @else {
|
||||||
|
$actual: 'of `#{$span}`';
|
||||||
|
$columns: 'grid-columns `#{$context}`';
|
||||||
|
@return _susy-error(
|
||||||
|
'context-slice #{$actual} can not be determined based on #{$columns}.',
|
||||||
|
'susy-normalize-columns');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $columns;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Normalize Spread
|
||||||
|
// ----------------
|
||||||
|
/// Normalize `spread` shorthand for Su.
|
||||||
|
/// Su spread syntax only allows the numbers `-1`, `0`, or `1` –
|
||||||
|
/// representing the number of gutters covered
|
||||||
|
/// in relation to columns spanned.
|
||||||
|
///
|
||||||
|
/// Susy spread syntax also allows keywords for each value –
|
||||||
|
/// `narrow` for `-1`, `wide` for `0`, or `wider` for `1` –
|
||||||
|
/// which will be converted to their respective integers
|
||||||
|
/// in normalization.
|
||||||
|
///
|
||||||
|
/// @group x-normal
|
||||||
|
///
|
||||||
|
/// @param {0 | 1 | -1 | 'narrow' | 'wide' | 'wider'} $spread -
|
||||||
|
/// Spread across adjacent gutters, relative to a column-count —
|
||||||
|
/// either `narrow` (-1), `wide` (0), or `wider` (1)
|
||||||
|
///
|
||||||
|
/// @return {number} -
|
||||||
|
/// Numeric value for `$spread`
|
||||||
|
@function susy-normalize-spread(
|
||||||
|
$spread
|
||||||
|
) {
|
||||||
|
$normal-spread: (
|
||||||
|
'narrow': -1,
|
||||||
|
'wide': 0,
|
||||||
|
'wider': 1,
|
||||||
|
);
|
||||||
|
|
||||||
|
@return map-get($normal-spread, $spread) or $spread;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Normalize Location
|
||||||
|
// ------------------
|
||||||
|
/// Normalize `location` shorthand for Su.
|
||||||
|
/// Su location syntax requires the (1-indexed) number for a column.
|
||||||
|
///
|
||||||
|
/// Susy also allows the `first` and `last` keywords,
|
||||||
|
/// where `first` is always `1`,
|
||||||
|
/// and `last` is calculated based on span and column values.
|
||||||
|
/// Both keywords are normalized into an integer index
|
||||||
|
/// in normalization.
|
||||||
|
///
|
||||||
|
/// @group x-normal
|
||||||
|
///
|
||||||
|
/// @param {number} $span -
|
||||||
|
/// Number of grid-columns to be spanned
|
||||||
|
/// @param {integer | 'first' | 'last'} $location -
|
||||||
|
/// Starting (1-indexed) column position of a span,
|
||||||
|
/// or a named location keyword.
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// Already-normalized list of columns in the grid.
|
||||||
|
///
|
||||||
|
/// @return {integer} -
|
||||||
|
/// Numeric value for `$location`
|
||||||
|
@function susy-normalize-location(
|
||||||
|
$span,
|
||||||
|
$location,
|
||||||
|
$columns
|
||||||
|
) {
|
||||||
|
$count: length($columns);
|
||||||
|
$normal-locations: (
|
||||||
|
'first': 1,
|
||||||
|
'alpha': 1,
|
||||||
|
'last': $count - $span + 1,
|
||||||
|
'omega': $count - $span + 1,
|
||||||
|
);
|
||||||
|
|
||||||
|
@return map-get($normal-locations, $location) or $location;
|
||||||
|
}
|
||||||
+163
@@ -0,0 +1,163 @@
|
|||||||
|
/// Shorthand Syntax Parser
|
||||||
|
/// =======================
|
||||||
|
/// The syntax parser converts [shorthand syntax][short]
|
||||||
|
/// into a map of settings that can be compared/merged with
|
||||||
|
/// other config maps and global setting.
|
||||||
|
///
|
||||||
|
/// [short]: b-api.html
|
||||||
|
///
|
||||||
|
/// @group x-parser
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Parse
|
||||||
|
// -----
|
||||||
|
/// The `parse` function provides all the syntax-sugar in Susy,
|
||||||
|
/// converting user shorthand
|
||||||
|
/// into a usable map of keys and values
|
||||||
|
/// that can be normalized and passed to Su.
|
||||||
|
///
|
||||||
|
/// @group x-parser
|
||||||
|
/// @see $susy
|
||||||
|
///
|
||||||
|
/// @param {list} $shorthand -
|
||||||
|
/// Shorthand expression to define the width of the span,
|
||||||
|
/// optionally containing:
|
||||||
|
/// - a count, length, or column-list span;
|
||||||
|
/// - `at $n`, `first`, or `last` location on asymmetrical grids;
|
||||||
|
/// - `narrow`, `wide`, or `wider` for optionally spreading
|
||||||
|
/// across adjacent gutters;
|
||||||
|
/// - `of $n <spread>` for available grid columns
|
||||||
|
/// and spread of the container
|
||||||
|
/// (span counts like `of 6` are only valid
|
||||||
|
/// in the context of symmetrical grids);
|
||||||
|
/// - and `set-gutters $n` to override global gutter settings
|
||||||
|
/// @param {bool} $context-only [false] -
|
||||||
|
/// Allow the parser to ignore span and span-spread values,
|
||||||
|
/// only parsing context and container-spread.
|
||||||
|
/// This makes it possible to accept spanless values,
|
||||||
|
/// like the `gutters()` syntax.
|
||||||
|
/// When parsing context-only,
|
||||||
|
/// the `of` indicator is optional.
|
||||||
|
///
|
||||||
|
/// @return {map} -
|
||||||
|
/// Map of span and grid settings
|
||||||
|
/// parsed from shorthand input –
|
||||||
|
/// including all the properties available globally –
|
||||||
|
/// `columns`, `gutters`, `spread`, `container-spread` –
|
||||||
|
/// along with the span-specific properties
|
||||||
|
/// `span`, and `location`.
|
||||||
|
///
|
||||||
|
/// @throw
|
||||||
|
/// when a shorthand value is not recognized
|
||||||
|
@function susy-parse(
|
||||||
|
$shorthand,
|
||||||
|
$context-only: false
|
||||||
|
) {
|
||||||
|
$parse-error: 'Unknown shorthand property:';
|
||||||
|
$options: (
|
||||||
|
'first': 'location',
|
||||||
|
'last': 'location',
|
||||||
|
'alpha': 'location',
|
||||||
|
'omega': 'location',
|
||||||
|
'narrow': 'spread',
|
||||||
|
'wide': 'spread',
|
||||||
|
'wider': 'spread',
|
||||||
|
);
|
||||||
|
|
||||||
|
$return: ();
|
||||||
|
$span: null;
|
||||||
|
$columns: null;
|
||||||
|
|
||||||
|
$of: null;
|
||||||
|
$next: false;
|
||||||
|
|
||||||
|
// Allow context-only shorthand, without span
|
||||||
|
@if ($context-only) and (not index($shorthand, 'of')) {
|
||||||
|
@if su-valid-columns($shorthand, 'fail-silent') {
|
||||||
|
$shorthand: 'of' $shorthand;
|
||||||
|
} @else {
|
||||||
|
$shorthand: join('of', $shorthand);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// loop through the shorthand list
|
||||||
|
@for $i from 1 through length($shorthand) {
|
||||||
|
$item: nth($shorthand, $i);
|
||||||
|
$type: type-of($item);
|
||||||
|
$error: false;
|
||||||
|
$details: '[#{$type}] `#{$item}`';
|
||||||
|
|
||||||
|
// if we know what's supposed to be coming next…
|
||||||
|
@if $next {
|
||||||
|
|
||||||
|
// Add to the return map
|
||||||
|
$return: map-merge($return, ($next: $item));
|
||||||
|
|
||||||
|
// Reset next to `false`
|
||||||
|
$next: false;
|
||||||
|
|
||||||
|
} @else { // If we don't know what's supposed to be coming…
|
||||||
|
|
||||||
|
// Keywords…
|
||||||
|
@if ($type == 'string') {
|
||||||
|
// Check the map for keywords…
|
||||||
|
@if map-has-key($options, $item) {
|
||||||
|
$setting: map-get($options, $item);
|
||||||
|
|
||||||
|
// Spread could be on the span or the container…
|
||||||
|
@if ($setting == 'spread') and ($of) {
|
||||||
|
$return: map-merge($return, ('container-spread': $item));
|
||||||
|
} @else {
|
||||||
|
$return: map-merge($return, ($setting: $item));
|
||||||
|
}
|
||||||
|
|
||||||
|
} @else if ($item == 'all') {
|
||||||
|
// `All` is a span shortcut
|
||||||
|
$span: 'all';
|
||||||
|
} @else if ($item == 'at') {
|
||||||
|
// Some keywords setup what's next…
|
||||||
|
$next: 'location';
|
||||||
|
} @else if ($item == 'set-gutters') {
|
||||||
|
$next: 'gutters';
|
||||||
|
} @else if ($item == 'of') {
|
||||||
|
$of: true;
|
||||||
|
} @else {
|
||||||
|
$error: true;
|
||||||
|
}
|
||||||
|
|
||||||
|
} @else if ($type == 'number') or ($type == 'list') { // Numbers & lists…
|
||||||
|
|
||||||
|
@if not ($span or $of) {
|
||||||
|
// We don't have a span, and we're not expecting context…
|
||||||
|
$span: $item;
|
||||||
|
} @else if ($of) and (not $columns) {
|
||||||
|
// We are expecting context…
|
||||||
|
$columns: $item;
|
||||||
|
} @else {
|
||||||
|
$error: true;
|
||||||
|
}
|
||||||
|
|
||||||
|
} @else {
|
||||||
|
$error: true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $error {
|
||||||
|
@return _susy-error('#{$parse-error} #{$details}', 'susy-parse');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// If we have span, merge it in
|
||||||
|
@if $span {
|
||||||
|
$return: map-merge($return, ('span': $span));
|
||||||
|
}
|
||||||
|
|
||||||
|
// If we have columns, merge them in
|
||||||
|
@if $columns {
|
||||||
|
$return: map-merge($return, ('columns': $columns));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Return the map of settings…
|
||||||
|
@return $return;
|
||||||
|
}
|
||||||
@@ -0,0 +1,329 @@
|
|||||||
|
/// Susy3 Configuration
|
||||||
|
/// ===================
|
||||||
|
/// Susy3 has 4 core settings, in a single settings map.
|
||||||
|
/// You'll notice a few differences from Susy2:
|
||||||
|
///
|
||||||
|
/// **Columns** no longer accept a single number, like `12`,
|
||||||
|
/// but use a syntax more similar to the new
|
||||||
|
/// CSS [grid-template-columns][columns] –
|
||||||
|
/// a list of relative sizes for each column on the grid.
|
||||||
|
/// Unitless numbers in Susy act very similar to `fr` units in CSS,
|
||||||
|
/// and the `susy-repeat()` function (similar to the css `repeat()`)
|
||||||
|
/// helps quickly establish equal-width columns.
|
||||||
|
///
|
||||||
|
/// [columns]: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
|
||||||
|
///
|
||||||
|
/// - `susy-repeat(12)` will create 12 fluid, equal-width columns
|
||||||
|
/// - `susy-repeat(6, 120px)` will create 6 equal `120px`-wide columns
|
||||||
|
/// - `120px susy-repeat(4) 120px` will create 6 columns,
|
||||||
|
/// the first and last are `120px`,
|
||||||
|
/// while the middle 4 are equal fractions of the remainder.
|
||||||
|
/// Susy will output `calc()` values in order to achieve this.
|
||||||
|
///
|
||||||
|
/// **Gutters** haven't changed –
|
||||||
|
/// a single fraction or explicit width –
|
||||||
|
/// but the `calc()` output feature
|
||||||
|
/// means you can now use any combination of units and fractions
|
||||||
|
/// to create static-gutters on a fluid grid, etc.
|
||||||
|
///
|
||||||
|
/// **Spread** existed in the Susy2 API as a span option,
|
||||||
|
/// and was otherwise handled behind the scenes.
|
||||||
|
/// Now we're giving you full control over all spread issues.
|
||||||
|
/// You can find a more [detailed explanation of spread on the blog][spread].
|
||||||
|
///
|
||||||
|
/// [spread]: http://oddbird.net/2017/06/13/susy-spread/
|
||||||
|
///
|
||||||
|
/// You can access your global settings at any time
|
||||||
|
/// with the `susy-settings()` function,
|
||||||
|
/// or grab a single setting from the global scope
|
||||||
|
/// with `susy-get('columns')`, `susy-get('gutters')` etc.
|
||||||
|
///
|
||||||
|
/// @group a-config
|
||||||
|
/// @link http://oddbird.net/2017/06/13/susy-spread/
|
||||||
|
/// Article: Understanding Spread in Susy3
|
||||||
|
///
|
||||||
|
/// @see $susy
|
||||||
|
/// @see susy-settings
|
||||||
|
/// @see susy-get
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy
|
||||||
|
// ----
|
||||||
|
/// The grid is defined in a single map variable,
|
||||||
|
/// with four initial properties:
|
||||||
|
/// `columns`, `gutters`, `spread` and `container-spread`.
|
||||||
|
/// Anything you put in the root `$susy` variable map
|
||||||
|
/// will be treated as a global project default.
|
||||||
|
/// You can create similar configuration maps
|
||||||
|
/// under different variable names,
|
||||||
|
/// to override the defaults as-needed.
|
||||||
|
///
|
||||||
|
/// @group a-config
|
||||||
|
/// @type Map
|
||||||
|
///
|
||||||
|
/// @see $_susy-defaults
|
||||||
|
/// @see {function} susy-repeat
|
||||||
|
/// @link
|
||||||
|
/// https://codepen.io/mirisuzanne/pen/EgmJJp?editors=1100
|
||||||
|
/// Spread examples on CodePen
|
||||||
|
///
|
||||||
|
/// @prop {list} columns -
|
||||||
|
/// Columns are described by a list of numbers,
|
||||||
|
/// representing the relative width of each column.
|
||||||
|
/// The syntax is a simplified version of CSS native
|
||||||
|
/// `grid-template-columns`,
|
||||||
|
/// expecting a list of grid-column widths.
|
||||||
|
/// Unitless numbers create fractional fluid columns
|
||||||
|
/// (similar to the CSS-native `fr` unit),
|
||||||
|
/// while length values (united numbers)
|
||||||
|
/// are used to define static columns.
|
||||||
|
/// You can mix-and match units and fractions,
|
||||||
|
/// to create a mixed grid.
|
||||||
|
/// Susy will generate `calc()` values when necessary,
|
||||||
|
/// to make all your units work together.
|
||||||
|
///
|
||||||
|
/// Use the `susy-repeat($count, $value)` function
|
||||||
|
/// to more easily repetative columns,
|
||||||
|
/// similar to the CSS-native `repeat()`.
|
||||||
|
///
|
||||||
|
/// - `susy-repeat(8)`:
|
||||||
|
/// an 8-column, symmetrical, fluid grid.
|
||||||
|
/// <br />Identical to `(1 1 1 1 1 1 1 1)`.
|
||||||
|
/// - `susy-repeat(6, 8em)`:
|
||||||
|
/// a 6-column, symmetrical, em-based grid.
|
||||||
|
/// <br />Identical to `(8em 8em 8em 8em 8em 8em)`.
|
||||||
|
/// - `(300px susy-repeat(4) 300px)`:
|
||||||
|
/// a 6-column, asymmetrical, mixed fluid/static grid
|
||||||
|
/// using `calc()` output.
|
||||||
|
/// <br />Identical to `(300px 1 1 1 1 300px)`.
|
||||||
|
///
|
||||||
|
/// **NOTE** that `12` is no longer a valid 12-column grid definition,
|
||||||
|
/// and you must list all the columns individually
|
||||||
|
/// (or by using the `susy-repeat()` function).
|
||||||
|
///
|
||||||
|
/// @prop {number} gutters -
|
||||||
|
/// Gutters are defined as a single width,
|
||||||
|
/// or fluid ratio, similar to the native-CSS
|
||||||
|
/// `grid-column-gap` syntax.
|
||||||
|
/// Similar to columns,
|
||||||
|
/// gutters can use any valid CSS length unit,
|
||||||
|
/// or unitless numbers to define a relative fraction.
|
||||||
|
///
|
||||||
|
/// - `0.5`:
|
||||||
|
/// a fluid gutter, half the size of a single-fraction column.
|
||||||
|
/// - `1em`:
|
||||||
|
/// a static gutter, `1em` wide.
|
||||||
|
///
|
||||||
|
/// Mix static gutters with fluid columns, or vice versa,
|
||||||
|
/// and Susy will generate the required `calc()` to make it work.
|
||||||
|
///
|
||||||
|
/// @prop {string} spread [narrow] -
|
||||||
|
/// Spread of an element across adjacent gutters:
|
||||||
|
/// either `narrow` (none), `wide` (one), or `wider` (two)
|
||||||
|
///
|
||||||
|
/// - Both spread settings default to `narrow`,
|
||||||
|
/// the most common use-case.
|
||||||
|
/// A `narrow` spread only has gutters *between* columns
|
||||||
|
/// (one less gutter than columns).
|
||||||
|
/// This is how all css-native grids work,
|
||||||
|
/// and most margin-based grid systems.
|
||||||
|
/// - A `wide` spread includes the same number of gutters as columns,
|
||||||
|
/// spanning across a single side-gutter.
|
||||||
|
/// This is how most padding-based grid systems often work,
|
||||||
|
/// and is also useful for pushing and pulling elements into place.
|
||||||
|
/// - The rare `wider` spread includes gutters
|
||||||
|
/// on both sides of the column-span
|
||||||
|
/// (one more gutters than columns).
|
||||||
|
///
|
||||||
|
/// @prop {string} container-spread [narrow] -
|
||||||
|
/// Spread of a container around adjacent gutters:
|
||||||
|
/// either `narrow` (none), `wide` (one), or `wider` (two).
|
||||||
|
/// See `spread` property for details.
|
||||||
|
///
|
||||||
|
/// @since 3.0.0-beta.1 -
|
||||||
|
/// `columns` setting no longer accepts numbers
|
||||||
|
/// (e.g. `12`) for symmetrical fluid grids,
|
||||||
|
/// or the initial `12 x 120px` syntax for
|
||||||
|
/// symmetrical fixed-unit grids.
|
||||||
|
/// Use `susy-repeat(12)` or `susy-repeat(12, 120px)` instead.
|
||||||
|
///
|
||||||
|
/// @example scss - default values
|
||||||
|
/// // 4 symmetrical, fluid columns
|
||||||
|
/// // gutters are 1/4 the size of a column
|
||||||
|
/// // elements span 1 less gutter than columns
|
||||||
|
/// // containers span 1 less gutter as well
|
||||||
|
/// $susy: (
|
||||||
|
/// 'columns': susy-repeat(4),
|
||||||
|
/// 'gutters': 0.25,
|
||||||
|
/// 'spread': 'narrow',
|
||||||
|
/// 'container-spread': 'narrow',
|
||||||
|
/// );
|
||||||
|
///
|
||||||
|
/// @example scss - inside-static gutters
|
||||||
|
/// // 6 symmetrical, fluid columns…
|
||||||
|
/// // gutters are static, triggering calc()…
|
||||||
|
/// // elements span equal columns & gutters…
|
||||||
|
/// // containers span equal columns & gutters…
|
||||||
|
/// $susy: (
|
||||||
|
/// 'columns': susy-repeat(6),
|
||||||
|
/// 'gutters': 0.5em,
|
||||||
|
/// 'spread': 'wide',
|
||||||
|
/// 'container-spread': 'wide',
|
||||||
|
/// );
|
||||||
|
$susy: () !default;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Repeat
|
||||||
|
// -----------
|
||||||
|
/// Similar to the `repeat(<count>, <value>)` function
|
||||||
|
/// that is available in native CSS Grid templates,
|
||||||
|
/// the `susy-repeat()` function helps generate repetative layouts
|
||||||
|
/// by repeating any value a given number of times.
|
||||||
|
/// Where Susy previously allowed `8` as a column definition
|
||||||
|
/// for 8 equal columns, you should now use `susy-repeat(8)`.
|
||||||
|
///
|
||||||
|
/// @group a-config
|
||||||
|
///
|
||||||
|
/// @param {integer} $count -
|
||||||
|
/// The number of repetitions, e.g. `12` for a 12-column grid.
|
||||||
|
/// @param {*} $value [1] -
|
||||||
|
/// The value to be repeated.
|
||||||
|
/// Technically any value can be repeated here,
|
||||||
|
/// but the function exists to repeat column-width descriptions:
|
||||||
|
/// e.g. the default `1` for single-fraction fluid columns,
|
||||||
|
/// `5em` for a static column,
|
||||||
|
/// or even `5em 120px` if you are alternating column widths.
|
||||||
|
///
|
||||||
|
/// @return {list} -
|
||||||
|
/// List of repeated values
|
||||||
|
///
|
||||||
|
/// @example scss
|
||||||
|
/// // 12 column grid, with 5em columns
|
||||||
|
/// $susy: (
|
||||||
|
/// columns: susy-repeat(12, 5em),
|
||||||
|
/// );
|
||||||
|
///
|
||||||
|
/// @example scss
|
||||||
|
/// // asymmetrical 5-column grid
|
||||||
|
/// $susy: (
|
||||||
|
/// columns: 20px susy-repeat(3, 100px) 20px,
|
||||||
|
/// );
|
||||||
|
///
|
||||||
|
/// /* result: #{susy-get('columns')} */
|
||||||
|
@function susy-repeat(
|
||||||
|
$count,
|
||||||
|
$value: 1
|
||||||
|
) {
|
||||||
|
$return: ();
|
||||||
|
|
||||||
|
@for $i from 1 through $count {
|
||||||
|
$return: join($return, $value);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Defaults
|
||||||
|
// -------------
|
||||||
|
/// Configuration map of Susy factory defaults.
|
||||||
|
/// Do not override this map directly –
|
||||||
|
/// use `$susy` for user and project setting overrides.
|
||||||
|
///
|
||||||
|
/// @access private
|
||||||
|
/// @type Map
|
||||||
|
///
|
||||||
|
/// @see $susy
|
||||||
|
///
|
||||||
|
/// @prop {number | list} columns [susy-repeat(4)]
|
||||||
|
/// @prop {number} gutters [0.25]
|
||||||
|
/// @prop {string} spread ['narrow']
|
||||||
|
/// @prop {string} container-spread ['narrow']
|
||||||
|
$_susy-defaults: (
|
||||||
|
'columns': susy-repeat(4),
|
||||||
|
'gutters': 0.25,
|
||||||
|
'spread': 'narrow',
|
||||||
|
'container-spread': 'narrow',
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Settings
|
||||||
|
// -------------
|
||||||
|
/// Return a combined map of Susy settings,
|
||||||
|
/// based on the factory defaults (`$_susy-defaults`),
|
||||||
|
/// user-defined project configuration (`$susy`),
|
||||||
|
/// and any local overrides required –
|
||||||
|
/// such as a configuration map passed into a function.
|
||||||
|
///
|
||||||
|
/// @group a-config
|
||||||
|
///
|
||||||
|
/// @param {maps} $overrides… -
|
||||||
|
/// Optional map override of global configuration settings.
|
||||||
|
/// See `$susy` above for properties.
|
||||||
|
///
|
||||||
|
/// @return {map} -
|
||||||
|
/// Combined map of Susy configuration settings,
|
||||||
|
/// in order of specificity:
|
||||||
|
/// any `$overrides...`,
|
||||||
|
/// then `$susy` project settings,
|
||||||
|
/// and finally the `$_susy-defaults`
|
||||||
|
///
|
||||||
|
/// @example scss - global settings
|
||||||
|
/// @each $key, $value in susy-settings() {
|
||||||
|
/// /* #{$key}: #{$value} */
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// @example scss - local settings
|
||||||
|
/// $local: ('columns': 1 2 3 5 8);
|
||||||
|
///
|
||||||
|
/// @each $key, $value in susy-settings($local) {
|
||||||
|
/// /* #{$key}: #{$value} */
|
||||||
|
/// }
|
||||||
|
@function susy-settings(
|
||||||
|
$overrides...
|
||||||
|
) {
|
||||||
|
$settings: map-merge($_susy-defaults, $susy);
|
||||||
|
|
||||||
|
@each $config in $overrides {
|
||||||
|
$settings: map-merge($settings, $config);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $settings;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Susy Get
|
||||||
|
// --------
|
||||||
|
/// Return the current global value of any Susy setting
|
||||||
|
///
|
||||||
|
/// @group a-config
|
||||||
|
///
|
||||||
|
/// @param {string} $key -
|
||||||
|
/// Setting to retrieve from the configuration.
|
||||||
|
///
|
||||||
|
/// @return {*} -
|
||||||
|
/// Value mapped to `$key` in the configuration maps,
|
||||||
|
/// in order of specificity:
|
||||||
|
/// `$susy`, then `$_susy-defaults`
|
||||||
|
///
|
||||||
|
/// @example scss -
|
||||||
|
/// /* columns: #{susy-get('columns')} */
|
||||||
|
/// /* gutters: #{susy-get('gutters')} */
|
||||||
|
@function susy-get(
|
||||||
|
$key
|
||||||
|
) {
|
||||||
|
$settings: susy-settings();
|
||||||
|
|
||||||
|
@if not map-has-key($settings, $key) {
|
||||||
|
@return _susy-error(
|
||||||
|
'There is no Susy setting called `#{$key}`',
|
||||||
|
'susy-get');
|
||||||
|
}
|
||||||
|
|
||||||
|
@return map-get($settings, $key);
|
||||||
|
}
|
||||||
@@ -0,0 +1,441 @@
|
|||||||
|
/// Grid Math Engine
|
||||||
|
/// ================
|
||||||
|
/// The `su` functions give you direct access to the math layer,
|
||||||
|
/// without any syntax-sugar like shorthand parsing, and normalization.
|
||||||
|
/// If you prefer named arguments, and stripped-down syntax,
|
||||||
|
/// you can use these functions directly in your code –
|
||||||
|
/// replacing `span`, `gutter`, and `slice`.
|
||||||
|
///
|
||||||
|
/// These functions are also useful
|
||||||
|
/// for building mixins or other extensions to Susy.
|
||||||
|
/// Apply the Susy syntax to new mixins and functions,
|
||||||
|
/// using our "Plugin Helpers",
|
||||||
|
/// or write your own syntax and pass the normalized results along
|
||||||
|
/// to `su` for compilation.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
///
|
||||||
|
/// @see su-span
|
||||||
|
/// @see su-gutter
|
||||||
|
/// @see su-slice
|
||||||
|
/// @ignore _su-sum
|
||||||
|
/// @ignore _su-calc-span
|
||||||
|
/// @ignore _su-calc-sum
|
||||||
|
/// @ignore _su-needs-calc-output
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Su Span
|
||||||
|
// -------
|
||||||
|
/// Calculates and returns a CSS-ready span width,
|
||||||
|
/// based on normalized span and context data –
|
||||||
|
/// a low-level version of `susy-span`,
|
||||||
|
/// with all of the logic and none of the syntax sugar.
|
||||||
|
///
|
||||||
|
/// - Grids defined with unitless numbers will return `%` values.
|
||||||
|
/// - Grids defined with comparable units
|
||||||
|
/// will return a value in the units provided.
|
||||||
|
/// - Grids defined with a mix of units,
|
||||||
|
/// or a combination of untiless numbers and unit-lengths,
|
||||||
|
/// will return a `calc()` string.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @see susy-span
|
||||||
|
///
|
||||||
|
/// @param {number | list} $span -
|
||||||
|
/// Number or list of grid columns to span
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of columns available
|
||||||
|
/// @param {number} $gutters -
|
||||||
|
/// Width of a gutter in column-comparable units
|
||||||
|
/// @param {0 | 1 | -1} $spread -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `span` count
|
||||||
|
/// @param {0 | 1 | -1} $container-spread [$spread] -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `columns` count
|
||||||
|
/// @param {integer} $location [1] -
|
||||||
|
/// Optional position of sub-span among full set of columns
|
||||||
|
///
|
||||||
|
/// @return {length} -
|
||||||
|
/// Relative or static length of a span on the grid
|
||||||
|
@function su-span(
|
||||||
|
$span,
|
||||||
|
$columns,
|
||||||
|
$gutters,
|
||||||
|
$spread,
|
||||||
|
$container-spread: $spread,
|
||||||
|
$location: 1
|
||||||
|
) {
|
||||||
|
$span: su-valid-span($span);
|
||||||
|
$columns: su-valid-columns($columns);
|
||||||
|
$gutters: su-valid-gutters($gutters);
|
||||||
|
$spread: su-valid-spread($spread);
|
||||||
|
|
||||||
|
@if (type-of($span) == 'number') {
|
||||||
|
@if (not unitless($span)) {
|
||||||
|
@return $span;
|
||||||
|
}
|
||||||
|
|
||||||
|
$location: su-valid-location($span, $location, $columns);
|
||||||
|
$span: su-slice($span, $columns, $location, $validate: false);
|
||||||
|
}
|
||||||
|
|
||||||
|
@if _su-needs-calc-output($span, $columns, $gutters, $spread, not 'validate') {
|
||||||
|
@return _su-calc-span($span, $columns, $gutters, $spread, $container-spread, not 'validate');
|
||||||
|
}
|
||||||
|
|
||||||
|
$span-width: _su-sum($span, $gutters, $spread, $validate: false);
|
||||||
|
|
||||||
|
@if unitless($span-width) {
|
||||||
|
$container-spread: su-valid-spread($container-spread);
|
||||||
|
$container: _su-sum($columns, $gutters, $container-spread, $validate: false);
|
||||||
|
@return percentage($span-width / $container);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $span-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Su Gutter
|
||||||
|
// ---------
|
||||||
|
/// Calculates and returns a CSS-ready gutter width,
|
||||||
|
/// based on normalized grid data –
|
||||||
|
/// a low-level version of `susy-gutter`,
|
||||||
|
/// with all of the logic and none of the syntax sugar.
|
||||||
|
///
|
||||||
|
/// - Grids defined with unitless numbers will return `%` values.
|
||||||
|
/// - Grids defined with comparable units
|
||||||
|
/// will return a value in the units provided.
|
||||||
|
/// - Grids defined with a mix of units,
|
||||||
|
/// or a combination of untiless numbers and unit-lengths,
|
||||||
|
/// will return a `calc()` string.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @see susy-gutter
|
||||||
|
///
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of columns in the grid
|
||||||
|
/// @param {number} $gutters -
|
||||||
|
/// Width of a gutter in column-comparable units
|
||||||
|
/// @param {0 | 1 | -1} $container-spread -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `columns` count
|
||||||
|
///
|
||||||
|
/// @return {length} -
|
||||||
|
/// Relative or static length of one gutter in a grid
|
||||||
|
@function su-gutter(
|
||||||
|
$columns,
|
||||||
|
$gutters,
|
||||||
|
$container-spread
|
||||||
|
) {
|
||||||
|
@if (type-of($gutters) == 'number') {
|
||||||
|
@if ($gutters == 0) or (not unitless($gutters)) {
|
||||||
|
@return $gutters;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if _su-needs-calc-output($gutters, $columns, $gutters, -1, not 'validate') {
|
||||||
|
@return _su-calc-span($gutters, $columns, $gutters, -1, $container-spread, not 'validate');
|
||||||
|
}
|
||||||
|
|
||||||
|
$container: _su-sum($columns, $gutters, $container-spread);
|
||||||
|
@return percentage($gutters / $container);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Su Slice
|
||||||
|
// --------
|
||||||
|
/// Returns a list of columns
|
||||||
|
/// based on a given span/location slice of the grid –
|
||||||
|
/// a low-level version of `susy-slice`,
|
||||||
|
/// with all of the logic and none of the syntax sugar.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @see susy-slice
|
||||||
|
///
|
||||||
|
/// @param {number} $span -
|
||||||
|
/// Number of grid columns to span
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of columns in the grid
|
||||||
|
/// @param {number} $location [1] -
|
||||||
|
/// Starting index of a span in the list of columns
|
||||||
|
/// @param {bool} $validate [true] -
|
||||||
|
/// Check that arguments are valid before proceeding
|
||||||
|
///
|
||||||
|
/// @return {list} -
|
||||||
|
/// Subset list of grid columns, based on span and location
|
||||||
|
@function su-slice(
|
||||||
|
$span,
|
||||||
|
$columns,
|
||||||
|
$location: 1,
|
||||||
|
$validate: true
|
||||||
|
) {
|
||||||
|
@if $validate {
|
||||||
|
$columns: su-valid-columns($columns);
|
||||||
|
$location: su-valid-location($span, $location, $columns);
|
||||||
|
}
|
||||||
|
|
||||||
|
$floor: floor($span);
|
||||||
|
$sub-columns: ();
|
||||||
|
|
||||||
|
@for $i from $location to ($location + $floor) {
|
||||||
|
$sub-columns: append($sub-columns, nth($columns, $i));
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $floor != $span {
|
||||||
|
$remainder: $span - $floor;
|
||||||
|
$column: $location + $floor;
|
||||||
|
$sub-columns: append($sub-columns, nth($columns, $column) * $remainder);
|
||||||
|
}
|
||||||
|
|
||||||
|
@return $sub-columns;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Su Sum
|
||||||
|
// ------
|
||||||
|
/// Get the total sum of column-units in a layout.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of columns in the grid
|
||||||
|
/// @param {number} $gutters -
|
||||||
|
/// Width of a gutter in column-comparable units
|
||||||
|
/// @param {0 | 1 | -1} $spread -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `columns` count
|
||||||
|
/// @param {bool} $validate [true] -
|
||||||
|
/// Check that arguments are valid before proceeding
|
||||||
|
///
|
||||||
|
/// @return {number} -
|
||||||
|
/// Total sum of column-units in a grid
|
||||||
|
@function _su-sum(
|
||||||
|
$columns,
|
||||||
|
$gutters,
|
||||||
|
$spread,
|
||||||
|
$validate: true
|
||||||
|
) {
|
||||||
|
@if $validate {
|
||||||
|
$columns: su-valid-span($columns);
|
||||||
|
$gutters: su-valid-gutters($gutters);
|
||||||
|
$spread: su-valid-spread($spread);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Calculate column-sum
|
||||||
|
$column-sum: 0;
|
||||||
|
@each $column in $columns {
|
||||||
|
$column-sum: $column-sum + $column;
|
||||||
|
}
|
||||||
|
|
||||||
|
$gutter-sum: (ceil(length($columns)) + $spread) * $gutters;
|
||||||
|
$total: if(($gutter-sum > 0), $column-sum + $gutter-sum, $column-sum);
|
||||||
|
|
||||||
|
@return $total;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Su Calc
|
||||||
|
// -------
|
||||||
|
/// Return a usable span width as a `calc()` function,
|
||||||
|
/// in order to create mixed-unit grids.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {number | list} $span -
|
||||||
|
/// Pre-sliced list of grid columns to span
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of columns available
|
||||||
|
/// @param {number} $gutters -
|
||||||
|
/// Width of a gutter in column-comparable units
|
||||||
|
/// @param {0 | 1 | -1} $spread -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `span` count
|
||||||
|
/// @param {0 | 1 | -1} $container-spread [$spread] -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `columns` count
|
||||||
|
/// @param {bool} $validate [true] -
|
||||||
|
/// Check that arguments are valid before proceeding
|
||||||
|
///
|
||||||
|
/// @return {length} -
|
||||||
|
/// Relative or static length of a span on the grid
|
||||||
|
@function _su-calc-span(
|
||||||
|
$span,
|
||||||
|
$columns,
|
||||||
|
$gutters,
|
||||||
|
$spread,
|
||||||
|
$container-spread: $spread,
|
||||||
|
$validate: true
|
||||||
|
) {
|
||||||
|
@if $validate {
|
||||||
|
$span: su-valid-span($span);
|
||||||
|
$columns: su-valid-columns($columns);
|
||||||
|
$gutters: su-valid-gutters($gutters);
|
||||||
|
$spread: su-valid-spread($spread);
|
||||||
|
$container-spread: su-valid-spread($container-spread);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Span and context
|
||||||
|
$span: _su-calc-sum($span, $gutters, $spread, not 'validate');
|
||||||
|
$context: _su-calc-sum($columns, $gutters, $container-spread, not 'validate');
|
||||||
|
|
||||||
|
// Fixed and fluid
|
||||||
|
$fixed-span: map-get($span, 'fixed');
|
||||||
|
$fluid-span: map-get($span, 'fluid');
|
||||||
|
$fixed-context: map-get($context, 'fixed');
|
||||||
|
$fluid-context: map-get($context, 'fluid');
|
||||||
|
|
||||||
|
$calc: '#{$fixed-span}';
|
||||||
|
$fluid-calc: '(100% - #{$fixed-context})';
|
||||||
|
|
||||||
|
// Fluid-values
|
||||||
|
@if (not $fluid-span) {
|
||||||
|
$fluid-calc: null;
|
||||||
|
} @else if ($fluid-span != $fluid-context) {
|
||||||
|
$fluid-span: '* #{$fluid-span}';
|
||||||
|
$fluid-context: if($fluid-context, '/ #{$fluid-context}', '');
|
||||||
|
$fluid-calc: '(#{$fluid-calc $fluid-context $fluid-span})';
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $fluid-calc {
|
||||||
|
$calc: if(($calc != ''), '#{$calc} + ', '');
|
||||||
|
$calc: '#{$calc + $fluid-calc}';
|
||||||
|
}
|
||||||
|
|
||||||
|
@return calc(#{unquote($calc)});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Su Calc-Sum
|
||||||
|
// -----------
|
||||||
|
/// Get the total sum of fixed and fluid column-units
|
||||||
|
/// for creating a mixed-unit layout with `calc()` values.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of columns available
|
||||||
|
/// @param {number} $gutters -
|
||||||
|
/// Width of a gutter in column-comparable units
|
||||||
|
/// @param {0 | 1 | -1} $spread -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `span` count
|
||||||
|
/// @param {bool} $validate [true] -
|
||||||
|
/// Check that arguments are valid before proceeding
|
||||||
|
///
|
||||||
|
/// @return {map} -
|
||||||
|
/// Map with `fixed` and `fluid` keys
|
||||||
|
/// containing the proper math as strings
|
||||||
|
@function _su-calc-sum(
|
||||||
|
$columns,
|
||||||
|
$gutters,
|
||||||
|
$spread,
|
||||||
|
$validate: true
|
||||||
|
) {
|
||||||
|
@if $validate {
|
||||||
|
$columns: su-valid-span($columns);
|
||||||
|
$gutters: su-valid-gutters($gutters);
|
||||||
|
$spread: su-valid-spread($spread);
|
||||||
|
}
|
||||||
|
|
||||||
|
$fluid: 0;
|
||||||
|
$fixed: ();
|
||||||
|
$calc: null;
|
||||||
|
|
||||||
|
// Gutters
|
||||||
|
$gutters: $gutters * (length($columns) + $spread);
|
||||||
|
|
||||||
|
// Columns
|
||||||
|
@each $col in append($columns, $gutters) {
|
||||||
|
@if unitless($col) {
|
||||||
|
$fluid: $fluid + $col;
|
||||||
|
} @else {
|
||||||
|
$fixed: _su-map-add-units($fixed, $col);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Compile Fixed Units
|
||||||
|
@each $unit, $total in $fixed {
|
||||||
|
@if ($total != (0 * $total)) {
|
||||||
|
$calc: if($calc, '#{$calc} + #{$total}', '#{$total}');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Calc null or string
|
||||||
|
@if $calc {
|
||||||
|
$calc: if(str-index($calc, '+'), '(#{$calc})', '#{$calc}');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fluid 0 => null
|
||||||
|
$fluid: if(($fluid == 0), null, $fluid);
|
||||||
|
|
||||||
|
|
||||||
|
// Return map
|
||||||
|
$return: (
|
||||||
|
'fixed': $calc,
|
||||||
|
'fluid': $fluid,
|
||||||
|
);
|
||||||
|
|
||||||
|
@return $return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Needs Calc
|
||||||
|
// ----------
|
||||||
|
/// Check if `calc()` will be needed in defining a span,
|
||||||
|
/// if the necessary units in a grid are not comparable.
|
||||||
|
///
|
||||||
|
/// @group su-math
|
||||||
|
/// @access private
|
||||||
|
///
|
||||||
|
/// @param {list} $span -
|
||||||
|
/// Slice of columns to span
|
||||||
|
/// @param {list} $columns -
|
||||||
|
/// List of available columns in the grid
|
||||||
|
/// @param {number} $gutters -
|
||||||
|
/// Width of a gutter
|
||||||
|
/// @param {0 | 1 | -1} $spread -
|
||||||
|
/// Number of gutters spanned,
|
||||||
|
/// relative to `span` count
|
||||||
|
/// @param {bool} $validate [true] -
|
||||||
|
/// Check that arguments are valid before proceeding
|
||||||
|
///
|
||||||
|
/// @return {bool} -
|
||||||
|
/// `True` when units do not match, and `calc()` will be required
|
||||||
|
@function _su-needs-calc-output(
|
||||||
|
$span,
|
||||||
|
$columns,
|
||||||
|
$gutters,
|
||||||
|
$spread,
|
||||||
|
$validate: true
|
||||||
|
) {
|
||||||
|
@if $validate {
|
||||||
|
$span: su-valid-span($span);
|
||||||
|
$columns: su-valid-columns($columns);
|
||||||
|
$gutters: su-valid-gutters($gutters);
|
||||||
|
}
|
||||||
|
|
||||||
|
$has-gutter: if((length($span) > 1) or ($spread >= 0), true, false);
|
||||||
|
$check: if($has-gutter, append($span, $gutters), $span);
|
||||||
|
$safe-span: _su-is-comparable($check...);
|
||||||
|
|
||||||
|
@if ($safe-span == 'static') {
|
||||||
|
@return false;
|
||||||
|
} @else if (not $safe-span) {
|
||||||
|
@return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
$safe-fluid: _su-is-comparable($gutters, $columns...);
|
||||||
|
|
||||||
|
@return not $safe-fluid;
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user