poops 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -376,7 +376,7 @@ Same as `watch` property, `includePaths` accepts an array of paths to include. I
376
376
 
377
377
  * [ ] Run esbuild for each input path individually if there are multiple input paths
378
378
  * [ ] Styles `in` should be able to support array of inputs like we have it on scripts
379
- * [ ] Build a cli config creation helper tool. If the user doesn't have a config file, we can ask them a few questions and create a config file for them.
379
+ * [ ] Build a cli config creation helper tool. If the user doesn't have a config file, we can ask them a few questions and create a config file for them. Create Yeoman generator for poops projects.
380
380
  * [ ] Support for LESS styles... I guess... And Stylus... I guess...
381
381
  * [x] Add nunjucks static templating
382
382
  * [ ] Refactor nunjucks implementation
@@ -19,7 +19,7 @@
19
19
  <header class="py-8">
20
20
  <div class="container d-flex justify-space-between align-center h-48">
21
21
 
22
- <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
23
  <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
24
  POOPS
25
25
  </a>
@@ -27,10 +27,11 @@
27
27
 
28
28
  <nav class="ml-auto">
29
29
 
30
- <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
30
+ <a href="../changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
31
 
32
- <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
33
 
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
34
35
  </nav>
35
36
  </div>
36
37
  </header>
@@ -47,7 +48,7 @@
47
48
 
48
49
  <script>document.write('<script src="http://'
49
50
  + (location.host || 'localhost').split(':')[0]
50
- + ':35729/livereload.js?snipver=1"></'
51
+ + ':35730/livereload.js?snipver=1"></'
51
52
  + 'script>')</script>
52
53
 
53
54
 
@@ -5,9 +5,9 @@
5
5
  <description>Straightforward, no-bullshit bundler for the web.</description>
6
6
  <link>https://stamat.github.io/poops</link>
7
7
  <atom:link href="https://stamat.github.io/poops/changelog/feed.rss" rel="self" type="application/rss+xml" />
8
- <lastBuildDate>Thu, 21 Sep 2023 21:32:19 +0200</lastBuildDate>
8
+ <lastBuildDate>Thu, 12 Oct 2023 18:19:14 +0200</lastBuildDate>
9
9
 
10
- <pubDate>Thu, 21 Sep 2023 15:42:00 +0200</pubDate>
10
+ <pubDate>Thu, 12 Oct 2023 16:10:00 +0200</pubDate>
11
11
  <ttl>1800</ttl>
12
12
 
13
13
 
@@ -16,7 +16,7 @@
16
16
  <guid isPermaLink="true">https://stamat.github.io/poops/changelog/blog-functionality.html</guid>
17
17
  <link>https://stamat.github.io/poops/changelog/blog-functionality.html</link>
18
18
  <description>Hey folks, this is my second blog post.</description>
19
- <pubDate>Thu, 21 Sep 2023 15:42:00 +0200</pubDate>
19
+ <pubDate>Thu, 12 Oct 2023 16:10:00 +0200</pubDate>
20
20
  </item>
21
21
 
22
22
  <item>
@@ -19,7 +19,7 @@
19
19
  <header class="py-8">
20
20
  <div class="container d-flex justify-space-between align-center h-48">
21
21
 
22
- <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
23
  <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
24
  POOPS
25
25
  </a>
@@ -27,10 +27,11 @@
27
27
 
28
28
  <nav class="ml-auto">
29
29
 
30
- <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
30
+ <a href="../changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
31
 
32
- <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
33
 
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
34
35
  </nav>
35
36
  </div>
36
37
  </header>
@@ -50,7 +51,7 @@
50
51
 
51
52
  <script>document.write('<script src="http://'
52
53
  + (location.host || 'localhost').split(':')[0]
53
- + ':35729/livereload.js?snipver=1"></'
54
+ + ':35730/livereload.js?snipver=1"></'
54
55
  + 'script>')</script>
55
56
 
56
57
 
@@ -19,7 +19,7 @@
19
19
  <header class="py-8">
20
20
  <div class="container d-flex justify-space-between align-center h-48">
21
21
 
22
- <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
23
  <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
24
  POOPS
25
25
  </a>
@@ -27,10 +27,11 @@
27
27
 
28
28
  <nav class="ml-auto">
29
29
 
30
- <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
30
+ <a href="../changelog" class="text-underline text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
31
 
32
- <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
33
 
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
34
35
  </nav>
35
36
  </div>
36
37
  </header>
@@ -44,7 +45,7 @@
44
45
 
45
46
  <div class="post">
46
47
  <h2><a href="../changelog/blog-functionality.html">Blog Functionality</a></h2>
47
- <div class="date">Sep 21, 2023</div>
48
+ <div class="date">Oct 12, 2023</div>
48
49
  Hey folks, this is my second blog post.
49
50
  </div>
50
51
 
@@ -63,7 +64,7 @@
63
64
 
64
65
  <script>document.write('<script src="http://'
65
66
  + (location.host || 'localhost').split(':')[0]
66
- + ':35729/livereload.js?snipver=1"></'
67
+ + ':35730/livereload.js?snipver=1"></'
67
68
  + 'script>')</script>
68
69
 
69
70
 
@@ -19,7 +19,7 @@
19
19
  <header class="py-8">
20
20
  <div class="container d-flex justify-space-between align-center h-48">
21
21
 
22
- <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
22
+ <a href="../" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
23
23
  <img src="../poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
24
24
  POOPS
25
25
  </a>
@@ -27,10 +27,11 @@
27
27
 
28
28
  <nav class="ml-auto">
29
29
 
30
- <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
30
+ <a href="../changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
31
31
 
32
- <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
32
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
33
33
 
34
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
34
35
  </nav>
35
36
  </div>
36
37
  </header>
@@ -45,7 +46,7 @@
45
46
 
46
47
  <script>document.write('<script src="http://'
47
48
  + (location.host || 'localhost').split(':')[0]
48
- + ':35729/livereload.js?snipver=1"></'
49
+ + ':35730/livereload.js?snipver=1"></'
49
50
  + 'script>')</script>
50
51
 
51
52
 
@@ -1,4 +1,4 @@
1
- /* poops v1.0.17 | https://github.com/stamat/poops | MIT License */
1
+ /* poops v1.0.18 | https://github.com/stamat/poops | MIT License */
2
2
  /*
3
3
  * BREAKPOINTS - 'size label': (min, max)
4
4
  */
@@ -1,2 +1,2 @@
1
- /* poops v1.0.17 | https://github.com/stamat/poops | MIT License */
1
+ /* poops v1.0.18 | https://github.com/stamat/poops | MIT License */
2
2
  .border,.border-y,.border-x,.border-r,.border-l,.border-b,.border-t{border-color:currentcolor;border-style:solid;border-width:1px}.border-t{border-bottom:none;border-left:none;border-right:none}.border-b{border-top:none;border-left:none;border-right:none}.border-l{border-bottom:none;border-top:none;border-right:none}.border-r{border-bottom:none;border-top:none;border-left:none}.border-x{border-bottom:none;border-top:none}.border-y{border-left:none;border-right:none}.border-2{border-width:2px}.border-3{border-width:3px}.border-4{border-width:4px}.border-6{border-width:6px}.border-8{border-width:8px}@media only screen and (min-width: 960px){.border-lg-2{border-width:2px}.border-lg-3{border-width:3px}.border-lg-4{border-width:4px}.border-lg-6{border-width:6px}.border-lg-8{border-width:8px}}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-0{border:0}.border-t-0{border-top:0}.border-r-0{border-right:0}.border-b-0{border-bottom:0}.border-l-0{border-left:0}.border-x-0{border-right:0;border-left:0}.border-y-0{border-top:0;border-bottom:0}@media only screen and (min-width: 960px){.border-lg-0{border:0}.border-t-lg-0{border-top:0}.border-r-lg-0{border-right:0}.border-b-lg-0{border-bottom:0}.border-l-lg-0{border-left:0}.border-x-lg-0{border-right:0;border-left:0}.border-y-lg-0{border-top:0;border-bottom:0}}.round{border-radius:50%;overflow:hidden}[class*=rounded-]{overflow:hidden}.rounded-fix{-webkit-mask-image:-webkit-radial-gradient(white,black)}.rounded-0{border-radius:0}.rounded-4{border-radius:4px}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-16{border-radius:16px}.rounded-24{border-radius:24px}.rounded-32{border-radius:32px}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.rounded-t-0{border-top-left-radius:0;border-top-right-radius:0}.rounded-r-0{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-l-0{border-bottom-left-radius:0;border-top-left-radius:0}button.reset,.btn{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0;text-decoration:none;color:inherit}.btn{background-color:#824f2d;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-height:56px;padding:16px 32px;transition:color .25s cubic-bezier(.86,0,.07,1),background .25s cubic-bezier(.86,0,.07,1)}@media only screen and (min-width: 960px){.btn:hover{background-color:#000}}.btn-inverted{background-color:#000}@media only screen and (min-width: 960px){.btn-inverted:hover{background-color:#824f2d}}.btn-outline{background:transparent;border:solid 2px #000000;color:#000}@media only screen and (min-width: 960px){.btn-outline:hover{background-color:#000;color:#fff}}.btn-outline.btn-inverted{border-color:#fff;color:#fff}@media only screen and (min-width: 960px){.btn-outline.btn-inverted:hover{background-color:#fff;color:#000}}.text-black{color:#000}.text-white{color:#fff}.text-primary{color:#824f2d}.text-brownish{color:#dcc8ac}.text-gray-900{color:#323237}.text-gray-800{color:#494952}.text-gray-700{color:#61616c}.text-gray-600{color:#797986}.text-gray-500{color:#93939e}.text-gray-400{color:#adadb6}.text-gray-300{color:#c8c8cd}.text-gray-200{color:#e2e2e5}.text-gray-100{color:#fcfcfd}.text-transparent{color:transparent}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-primary{background-color:#824f2d}.bg-brownish{background-color:#dcc8ac}.bg-gray-900{background-color:#323237}.bg-gray-800{background-color:#494952}.bg-gray-700{background-color:#61616c}.bg-gray-600{background-color:#797986}.bg-gray-500{background-color:#93939e}.bg-gray-400{background-color:#adadb6}.bg-gray-300{background-color:#c8c8cd}.bg-gray-200{background-color:#e2e2e5}.bg-gray-100{background-color:#fcfcfd}.border-black{border-color:#000}.border-white{border-color:#fff}.border-primary{border-color:#824f2d}.border-brownish{border-color:#dcc8ac}.border-gray-900{border-color:#323237}.border-gray-800{border-color:#494952}.border-gray-700{border-color:#61616c}.border-gray-600{border-color:#797986}.border-gray-500{border-color:#93939e}.border-gray-400{border-color:#adadb6}.border-gray-300{border-color:#c8c8cd}.border-gray-200{border-color:#e2e2e5}.border-gray-100{border-color:#fcfcfd}ul.reset,ol.reset{list-style:none;margin:0;padding:0;text-indent:0}html{font-size:16px;line-height:1.2}body{color:#000;font-family:DM Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:4rem;letter-spacing:-.03125rem;line-height:1;font-weight:700}@media only screen and (min-width: 960px){h1,.h1{font-size:6rem;letter-spacing:-.09375rem;line-height:1;font-weight:700}}h2,.h2{font-size:3rem;letter-spacing:0;line-height:1;font-weight:700}@media only screen and (min-width: 960px){h2,.h2{font-size:4rem;letter-spacing:-.03125rem;line-height:1;font-weight:700}}h3,.h3{font-size:2rem;letter-spacing:.015625rem;line-height:1;font-weight:700}@media only screen and (min-width: 960px){h3,.h3{font-size:3rem;letter-spacing:0;line-height:1;font-weight:700}}h4,.h4{font-size:1.5rem;letter-spacing:0;line-height:1;font-weight:700}@media only screen and (min-width: 960px){h4,.h4{font-size:2rem;letter-spacing:.015625rem;line-height:1;font-weight:700}}h5,.h5{font-size:1.25rem;letter-spacing:.009375rem;line-height:1;font-weight:700}@media only screen and (min-width: 960px){h5,.h5{font-size:1.5rem;letter-spacing:0;line-height:1;font-weight:700}}h6,.h6{font-size:1rem;letter-spacing:.009375rem;line-height:1;font-weight:700}@media only screen and (min-width: 960px){h6,.h6{font-size:1.25rem;letter-spacing:.009375rem;line-height:1;font-weight:700}}.p1{font-size:1.5rem;letter-spacing:.01875rem;line-height:1.5}.p2{font-size:1.25rem;letter-spacing:.0125rem;line-height:1.5}p{font-size:1rem;letter-spacing:.0125rem;line-height:1.5}.p3,figcaption{font-size:.875rem;letter-spacing:.025rem;line-height:1.5}.p4,small{font-size:.75rem;letter-spacing:.0375rem;line-height:1.5}.supertitle{font-size:.875rem;letter-spacing:.125rem;line-height:1.5;font-weight:500;text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-family:Poppins,Helvetica,Arial,sans-serif}.font-paragraph{font-family:DM Sans,Helvetica,Arial,sans-serif!important}.font-heading{font-family:Poppins,Helvetica,Arial,sans-serif!important}.font-mono{font-family:monospace!important}.text-thin{font-weight:100!important}.text-ultra-light{font-weight:200!important}.text-light{font-weight:300!important}.text-normal{font-weight:400!important}.text-bold{font-weight:700!important}.text-bolder{font-weight:bolder!important}.text-lighter{font-weight:lighter!important}.text-medium{font-weight:500!important}.text-semi-bold{font-weight:600!important}.text-ultra-bold{font-weight:800!important}.text-heavy{font-weight:900!important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}@media only screen and (min-width: 960px){.text-lg-left{text-align:left}.text-lg-right{text-align:right}.text-lg-center{text-align:center}}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-overline{text-decoration:overline}.text-line-through{text-decoration:line-through}.text-none{text-decoration:none}@media only screen and (min-width: 960px){.text-lg-underline{text-decoration:underline}.text-lg-overline{text-decoration:overline}.text-lg-line-through{text-decoration:line-through}.text-lg-none{text-decoration:none}}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-full-width{text-transform:full-width}@media only screen and (min-width: 960px){.text-lg-uppercase{text-transform:uppercase}.text-lg-lowercase{text-transform:lowercase}.text-lg-capitalize{text-transform:capitalize}.text-lg-full-width{text-transform:full-width}}h1{margin-bottom:.33em}h2{margin-bottom:.42em}h3{margin-bottom:.5em}h4{margin-bottom:.65em}h5{margin-bottom:.8em}h6{margin-bottom:1em}.text-nowrap{white-space:nowrap}*{box-sizing:border-box}.content-box{box-sizing:content-box}@media screen and (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}[hidden]{display:none!important}.smooth-touch{-webkit-overflow-scrolling:touch}.cover{height:100%;left:0;top:0;width:100%}.absolute-center,.self-center{transform:translate3d(-50%,-50%,0)}.self-center-vertical{transform:translateY(-50%)}.self-center-horizontal{transform:translate(-50%)}.absolute-center{left:50%;position:absolute;top:50%}.bg-cover{background-position:center;background-repeat:no-repeat;background-size:cover}.bg-contain{background-position:center;background-repeat:no-repeat;background-size:contain}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.hide-native-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-native-scrollbar::-webkit-scrollbar{display:none}.spacer{display:block;height:auto!important;pointer-events:none;visibility:hidden;width:100%!important}.events-none{pointer-events:none}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}.grid{display:flex;flex-flow:row wrap}.grid-gutter{margin-left:-8px;margin-right:-8px}@media only screen and (min-width: 960px){.grid-gutter{margin-left:-16px;margin-right:-16px}}.grid-gutter.container{margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px}@media only screen and (min-width: 960px){.grid-gutter.container{margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}.grid-gutter>[class*=col-]{padding-left:8px;padding-right:8px}@media only screen and (min-width: 960px){.grid-gutter>[class*=col-]{padding-left:16px;padding-right:16px}}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media only screen and (min-width: 960px){.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}}.col-offset-0{margin-left:0%}.grid-reverse .col-offset-0{margin-left:auto;margin-right:0%}.col-offset-1{margin-left:8.3333333333%}.grid-reverse .col-offset-1{margin-left:auto;margin-right:8.3333333333%}.col-offset-2{margin-left:16.6666666667%}.grid-reverse .col-offset-2{margin-left:auto;margin-right:16.6666666667%}.col-offset-3{margin-left:25%}.grid-reverse .col-offset-3{margin-left:auto;margin-right:25%}.col-offset-4{margin-left:33.3333333333%}.grid-reverse .col-offset-4{margin-left:auto;margin-right:33.3333333333%}.col-offset-5{margin-left:41.6666666667%}.grid-reverse .col-offset-5{margin-left:auto;margin-right:41.6666666667%}.col-offset-6{margin-left:50%}.grid-reverse .col-offset-6{margin-left:auto;margin-right:50%}.col-offset-7{margin-left:58.3333333333%}.grid-reverse .col-offset-7{margin-left:auto;margin-right:58.3333333333%}.col-offset-8{margin-left:66.6666666667%}.grid-reverse .col-offset-8{margin-left:auto;margin-right:66.6666666667%}.col-offset-9{margin-left:75%}.grid-reverse .col-offset-9{margin-left:auto;margin-right:75%}.col-offset-10{margin-left:83.3333333333%}.grid-reverse .col-offset-10{margin-left:auto;margin-right:83.3333333333%}.col-offset-11{margin-left:91.6666666667%}.grid-reverse .col-offset-11{margin-left:auto;margin-right:91.6666666667%}@media only screen and (min-width: 960px){.col-offset-lg-0{margin-left:0%}.grid-reverse .col-offset-lg-0{margin-left:auto;margin-right:0%}.col-offset-lg-1{margin-left:8.3333333333%}.grid-reverse .col-offset-lg-1{margin-left:auto;margin-right:8.3333333333%}.col-offset-lg-2{margin-left:16.6666666667%}.grid-reverse .col-offset-lg-2{margin-left:auto;margin-right:16.6666666667%}.col-offset-lg-3{margin-left:25%}.grid-reverse .col-offset-lg-3{margin-left:auto;margin-right:25%}.col-offset-lg-4{margin-left:33.3333333333%}.grid-reverse .col-offset-lg-4{margin-left:auto;margin-right:33.3333333333%}.col-offset-lg-5{margin-left:41.6666666667%}.grid-reverse .col-offset-lg-5{margin-left:auto;margin-right:41.6666666667%}.col-offset-lg-6{margin-left:50%}.grid-reverse .col-offset-lg-6{margin-left:auto;margin-right:50%}.col-offset-lg-7{margin-left:58.3333333333%}.grid-reverse .col-offset-lg-7{margin-left:auto;margin-right:58.3333333333%}.col-offset-lg-8{margin-left:66.6666666667%}.grid-reverse .col-offset-lg-8{margin-left:auto;margin-right:66.6666666667%}.col-offset-lg-9{margin-left:75%}.grid-reverse .col-offset-lg-9{margin-left:auto;margin-right:75%}.col-offset-lg-10{margin-left:83.3333333333%}.grid-reverse .col-offset-lg-10{margin-left:auto;margin-right:83.3333333333%}.col-offset-lg-11{margin-left:91.6666666667%}.grid-reverse .col-offset-lg-11{margin-left:auto;margin-right:91.6666666667%}}.col-1-max{flex-grow:1;max-width:78.6666666667px}@media only screen and (min-width: 960px){.col-1-max{max-width:73.3333333333px}}.col-2-max{flex-grow:1;max-width:157.3333333333px}@media only screen and (min-width: 960px){.col-2-max{max-width:146.6666666667px}}.col-3-max{flex-grow:1;max-width:236px}@media only screen and (min-width: 960px){.col-3-max{max-width:220px}}.col-4-max{flex-grow:1;max-width:314.6666666667px}@media only screen and (min-width: 960px){.col-4-max{max-width:293.3333333333px}}.col-5-max{flex-grow:1;max-width:393.3333333333px}@media only screen and (min-width: 960px){.col-5-max{max-width:366.6666666667px}}.col-6-max{flex-grow:1;max-width:472px}@media only screen and (min-width: 960px){.col-6-max{max-width:440px}}.col-7-max{flex-grow:1;max-width:550.6666666667px}@media only screen and (min-width: 960px){.col-7-max{max-width:513.3333333333px}}.col-8-max{flex-grow:1;max-width:629.3333333333px}@media only screen and (min-width: 960px){.col-8-max{max-width:586.6666666667px}}.col-9-max{flex-grow:1;max-width:708px}@media only screen and (min-width: 960px){.col-9-max{max-width:660px}}.col-10-max{flex-grow:1;max-width:786.6666666667px}@media only screen and (min-width: 960px){.col-10-max{max-width:733.3333333333px}}.col-11-max{flex-grow:1;max-width:865.3333333333px}@media only screen and (min-width: 960px){.col-11-max{max-width:806.6666666667px}}.grid-reverse{flex-direction:row-reverse}.d-block{display:block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-block{display:inline-block}.d-none{display:none}.d-table{display:table}.d-table-cell{display:table-cell}.d-inline-flex{display:inline-flex}@media only screen and (min-width: 960px){.d-lg-block{display:block}.d-lg-inline{display:inline}.d-lg-flex{display:flex}.d-lg-inline-block{display:inline-block}.d-lg-none{display:none}.d-lg-table{display:table}.d-lg-table-cell{display:table-cell}.d-lg-inline-flex{display:inline-flex}}.v-hidden{visibility:hidden}.v-visible{visibility:visible}.v-collapse{visibility:collapse}.v-inherit{visibility:inherit}@media only screen and (min-width: 960px){.v-lg-hidden{visibility:hidden}.v-lg-visible{visibility:visible}.v-lg-collapse{visibility:collapse}.v-lg-inherit{visibility:inherit}}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}@media only screen and (min-width: 960px){.overflow-lg-hidden{overflow:hidden}.overflow-lg-visible{overflow:visible}.overflow-lg-auto{overflow:auto}}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-auto{overflow-x:auto}@media only screen and (min-width: 960px){.overflow-x-lg-hidden{overflow-x:hidden}.overflow-x-lg-visible{overflow-x:visible}.overflow-x-lg-auto{overflow-x:auto}}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-auto{overflow-y:auto}@media only screen and (min-width: 960px){.overflow-y-lg-hidden{overflow-y:hidden}.overflow-y-lg-visible{overflow-y:visible}.overflow-y-lg-auto{overflow-y:auto}}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-right:0;margin-left:0}.my-0{margin-top:0;margin-bottom:0}.m-1{margin:1px}.mt-1{margin-top:1px}.mr-1{margin-right:1px}.mb-1{margin-bottom:1px}.ml-1{margin-left:1px}.mx-1{margin-right:1px;margin-left:1px}.my-1{margin-top:1px;margin-bottom:1px}.m-2{margin:2px}.mt-2{margin-top:2px}.mr-2{margin-right:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.mx-2{margin-right:2px;margin-left:2px}.my-2{margin-top:2px;margin-bottom:2px}.m-3{margin:3px}.mt-3{margin-top:3px}.mr-3{margin-right:3px}.mb-3{margin-bottom:3px}.ml-3{margin-left:3px}.mx-3{margin-right:3px;margin-left:3px}.my-3{margin-top:3px;margin-bottom:3px}.m-4{margin:4px}.mt-4{margin-top:4px}.mr-4{margin-right:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mx-4{margin-right:4px;margin-left:4px}.my-4{margin-top:4px;margin-bottom:4px}.m-6{margin:6px}.mt-6{margin-top:6px}.mr-6{margin-right:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.mx-6{margin-right:6px;margin-left:6px}.my-6{margin-top:6px;margin-bottom:6px}.m-8{margin:8px}.mt-8{margin-top:8px}.mr-8{margin-right:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mx-8{margin-right:8px;margin-left:8px}.my-8{margin-top:8px;margin-bottom:8px}.m-12{margin:12px}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.mx-12{margin-right:12px;margin-left:12px}.my-12{margin-top:12px;margin-bottom:12px}.m-14{margin:14px}.mt-14{margin-top:14px}.mr-14{margin-right:14px}.mb-14{margin-bottom:14px}.ml-14{margin-left:14px}.mx-14{margin-right:14px;margin-left:14px}.my-14{margin-top:14px;margin-bottom:14px}.m-16{margin:16px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mx-16{margin-right:16px;margin-left:16px}.my-16{margin-top:16px;margin-bottom:16px}.m-24{margin:24px}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.mx-24{margin-right:24px;margin-left:24px}.my-24{margin-top:24px;margin-bottom:24px}.m-32{margin:32px}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.mx-32{margin-right:32px;margin-left:32px}.my-32{margin-top:32px;margin-bottom:32px}.m-40{margin:40px}.mt-40{margin-top:40px}.mr-40{margin-right:40px}.mb-40{margin-bottom:40px}.ml-40{margin-left:40px}.mx-40{margin-right:40px;margin-left:40px}.my-40{margin-top:40px;margin-bottom:40px}.m-48{margin:48px}.mt-48{margin-top:48px}.mr-48{margin-right:48px}.mb-48{margin-bottom:48px}.ml-48{margin-left:48px}.mx-48{margin-right:48px;margin-left:48px}.my-48{margin-top:48px;margin-bottom:48px}.m-56{margin:56px}.mt-56{margin-top:56px}.mr-56{margin-right:56px}.mb-56{margin-bottom:56px}.ml-56{margin-left:56px}.mx-56{margin-right:56px;margin-left:56px}.my-56{margin-top:56px;margin-bottom:56px}.m-64{margin:64px}.mt-64{margin-top:64px}.mr-64{margin-right:64px}.mb-64{margin-bottom:64px}.ml-64{margin-left:64px}.mx-64{margin-right:64px;margin-left:64px}.my-64{margin-top:64px;margin-bottom:64px}.m-80{margin:80px}.mt-80{margin-top:80px}.mr-80{margin-right:80px}.mb-80{margin-bottom:80px}.ml-80{margin-left:80px}.mx-80{margin-right:80px;margin-left:80px}.my-80{margin-top:80px;margin-bottom:80px}.m-96{margin:96px}.mt-96{margin-top:96px}.mr-96{margin-right:96px}.mb-96{margin-bottom:96px}.ml-96{margin-left:96px}.mx-96{margin-right:96px;margin-left:96px}.my-96{margin-top:96px;margin-bottom:96px}.m-128{margin:128px}.mt-128{margin-top:128px}.mr-128{margin-right:128px}.mb-128{margin-bottom:128px}.ml-128{margin-left:128px}.mx-128{margin-right:128px;margin-left:128px}.my-128{margin-top:128px;margin-bottom:128px}.m-256{margin:256px}.mt-256{margin-top:256px}.mr-256{margin-right:256px}.mb-256{margin-bottom:256px}.ml-256{margin-left:256px}.mx-256{margin-right:256px;margin-left:256px}.my-256{margin-top:256px;margin-bottom:256px}@media only screen and (min-width: 960px){.m-lg-0{margin:0}.mt-lg-0{margin-top:0}.mr-lg-0{margin-right:0}.mb-lg-0{margin-bottom:0}.ml-lg-0{margin-left:0}.mx-lg-0{margin-right:0;margin-left:0}.my-lg-0{margin-top:0;margin-bottom:0}.m-lg-1{margin:1px}.mt-lg-1{margin-top:1px}.mr-lg-1{margin-right:1px}.mb-lg-1{margin-bottom:1px}.ml-lg-1{margin-left:1px}.mx-lg-1{margin-right:1px;margin-left:1px}.my-lg-1{margin-top:1px;margin-bottom:1px}.m-lg-2{margin:2px}.mt-lg-2{margin-top:2px}.mr-lg-2{margin-right:2px}.mb-lg-2{margin-bottom:2px}.ml-lg-2{margin-left:2px}.mx-lg-2{margin-right:2px;margin-left:2px}.my-lg-2{margin-top:2px;margin-bottom:2px}.m-lg-3{margin:3px}.mt-lg-3{margin-top:3px}.mr-lg-3{margin-right:3px}.mb-lg-3{margin-bottom:3px}.ml-lg-3{margin-left:3px}.mx-lg-3{margin-right:3px;margin-left:3px}.my-lg-3{margin-top:3px;margin-bottom:3px}.m-lg-4{margin:4px}.mt-lg-4{margin-top:4px}.mr-lg-4{margin-right:4px}.mb-lg-4{margin-bottom:4px}.ml-lg-4{margin-left:4px}.mx-lg-4{margin-right:4px;margin-left:4px}.my-lg-4{margin-top:4px;margin-bottom:4px}.m-lg-6{margin:6px}.mt-lg-6{margin-top:6px}.mr-lg-6{margin-right:6px}.mb-lg-6{margin-bottom:6px}.ml-lg-6{margin-left:6px}.mx-lg-6{margin-right:6px;margin-left:6px}.my-lg-6{margin-top:6px;margin-bottom:6px}.m-lg-8{margin:8px}.mt-lg-8{margin-top:8px}.mr-lg-8{margin-right:8px}.mb-lg-8{margin-bottom:8px}.ml-lg-8{margin-left:8px}.mx-lg-8{margin-right:8px;margin-left:8px}.my-lg-8{margin-top:8px;margin-bottom:8px}.m-lg-12{margin:12px}.mt-lg-12{margin-top:12px}.mr-lg-12{margin-right:12px}.mb-lg-12{margin-bottom:12px}.ml-lg-12{margin-left:12px}.mx-lg-12{margin-right:12px;margin-left:12px}.my-lg-12{margin-top:12px;margin-bottom:12px}.m-lg-14{margin:14px}.mt-lg-14{margin-top:14px}.mr-lg-14{margin-right:14px}.mb-lg-14{margin-bottom:14px}.ml-lg-14{margin-left:14px}.mx-lg-14{margin-right:14px;margin-left:14px}.my-lg-14{margin-top:14px;margin-bottom:14px}.m-lg-16{margin:16px}.mt-lg-16{margin-top:16px}.mr-lg-16{margin-right:16px}.mb-lg-16{margin-bottom:16px}.ml-lg-16{margin-left:16px}.mx-lg-16{margin-right:16px;margin-left:16px}.my-lg-16{margin-top:16px;margin-bottom:16px}.m-lg-24{margin:24px}.mt-lg-24{margin-top:24px}.mr-lg-24{margin-right:24px}.mb-lg-24{margin-bottom:24px}.ml-lg-24{margin-left:24px}.mx-lg-24{margin-right:24px;margin-left:24px}.my-lg-24{margin-top:24px;margin-bottom:24px}.m-lg-32{margin:32px}.mt-lg-32{margin-top:32px}.mr-lg-32{margin-right:32px}.mb-lg-32{margin-bottom:32px}.ml-lg-32{margin-left:32px}.mx-lg-32{margin-right:32px;margin-left:32px}.my-lg-32{margin-top:32px;margin-bottom:32px}.m-lg-40{margin:40px}.mt-lg-40{margin-top:40px}.mr-lg-40{margin-right:40px}.mb-lg-40{margin-bottom:40px}.ml-lg-40{margin-left:40px}.mx-lg-40{margin-right:40px;margin-left:40px}.my-lg-40{margin-top:40px;margin-bottom:40px}.m-lg-48{margin:48px}.mt-lg-48{margin-top:48px}.mr-lg-48{margin-right:48px}.mb-lg-48{margin-bottom:48px}.ml-lg-48{margin-left:48px}.mx-lg-48{margin-right:48px;margin-left:48px}.my-lg-48{margin-top:48px;margin-bottom:48px}.m-lg-56{margin:56px}.mt-lg-56{margin-top:56px}.mr-lg-56{margin-right:56px}.mb-lg-56{margin-bottom:56px}.ml-lg-56{margin-left:56px}.mx-lg-56{margin-right:56px;margin-left:56px}.my-lg-56{margin-top:56px;margin-bottom:56px}.m-lg-64{margin:64px}.mt-lg-64{margin-top:64px}.mr-lg-64{margin-right:64px}.mb-lg-64{margin-bottom:64px}.ml-lg-64{margin-left:64px}.mx-lg-64{margin-right:64px;margin-left:64px}.my-lg-64{margin-top:64px;margin-bottom:64px}.m-lg-80{margin:80px}.mt-lg-80{margin-top:80px}.mr-lg-80{margin-right:80px}.mb-lg-80{margin-bottom:80px}.ml-lg-80{margin-left:80px}.mx-lg-80{margin-right:80px;margin-left:80px}.my-lg-80{margin-top:80px;margin-bottom:80px}.m-lg-96{margin:96px}.mt-lg-96{margin-top:96px}.mr-lg-96{margin-right:96px}.mb-lg-96{margin-bottom:96px}.ml-lg-96{margin-left:96px}.mx-lg-96{margin-right:96px;margin-left:96px}.my-lg-96{margin-top:96px;margin-bottom:96px}.m-lg-128{margin:128px}.mt-lg-128{margin-top:128px}.mr-lg-128{margin-right:128px}.mb-lg-128{margin-bottom:128px}.ml-lg-128{margin-left:128px}.mx-lg-128{margin-right:128px;margin-left:128px}.my-lg-128{margin-top:128px;margin-bottom:128px}.m-lg-256{margin:256px}.mt-lg-256{margin-top:256px}.mr-lg-256{margin-right:256px}.mb-lg-256{margin-bottom:256px}.ml-lg-256{margin-left:256px}.mx-lg-256{margin-right:256px;margin-left:256px}.my-lg-256{margin-top:256px;margin-bottom:256px}}.m--1{margin:-1px}.mt--1{margin-top:-1px}.mr--1{margin-right:-1px}.mb--1{margin-bottom:-1px}.ml--1{margin-left:-1px}.mx--1{margin-right:-1px;margin-left:-1px}.my--1{margin-top:-1px;margin-bottom:-1px}.m--2{margin:-2px}.mt--2{margin-top:-2px}.mr--2{margin-right:-2px}.mb--2{margin-bottom:-2px}.ml--2{margin-left:-2px}.mx--2{margin-right:-2px;margin-left:-2px}.my--2{margin-top:-2px;margin-bottom:-2px}.m--3{margin:-3px}.mt--3{margin-top:-3px}.mr--3{margin-right:-3px}.mb--3{margin-bottom:-3px}.ml--3{margin-left:-3px}.mx--3{margin-right:-3px;margin-left:-3px}.my--3{margin-top:-3px;margin-bottom:-3px}.m--4{margin:-4px}.mt--4{margin-top:-4px}.mr--4{margin-right:-4px}.mb--4{margin-bottom:-4px}.ml--4{margin-left:-4px}.mx--4{margin-right:-4px;margin-left:-4px}.my--4{margin-top:-4px;margin-bottom:-4px}.m--8{margin:-8px}.mt--8{margin-top:-8px}.mr--8{margin-right:-8px}.mb--8{margin-bottom:-8px}.ml--8{margin-left:-8px}.mx--8{margin-right:-8px;margin-left:-8px}.my--8{margin-top:-8px;margin-bottom:-8px}.m--12{margin:-12px}.mt--12{margin-top:-12px}.mr--12{margin-right:-12px}.mb--12{margin-bottom:-12px}.ml--12{margin-left:-12px}.mx--12{margin-right:-12px;margin-left:-12px}.my--12{margin-top:-12px;margin-bottom:-12px}.m--14{margin:-14px}.mt--14{margin-top:-14px}.mr--14{margin-right:-14px}.mb--14{margin-bottom:-14px}.ml--14{margin-left:-14px}.mx--14{margin-right:-14px;margin-left:-14px}.my--14{margin-top:-14px;margin-bottom:-14px}.m--16{margin:-16px}.mt--16{margin-top:-16px}.mr--16{margin-right:-16px}.mb--16{margin-bottom:-16px}.ml--16{margin-left:-16px}.mx--16{margin-right:-16px;margin-left:-16px}.my--16{margin-top:-16px;margin-bottom:-16px}.m--24{margin:-24px}.mt--24{margin-top:-24px}.mr--24{margin-right:-24px}.mb--24{margin-bottom:-24px}.ml--24{margin-left:-24px}.mx--24{margin-right:-24px;margin-left:-24px}.my--24{margin-top:-24px;margin-bottom:-24px}.m--32{margin:-32px}.mt--32{margin-top:-32px}.mr--32{margin-right:-32px}.mb--32{margin-bottom:-32px}.ml--32{margin-left:-32px}.mx--32{margin-right:-32px;margin-left:-32px}.my--32{margin-top:-32px;margin-bottom:-32px}.m--40{margin:-40px}.mt--40{margin-top:-40px}.mr--40{margin-right:-40px}.mb--40{margin-bottom:-40px}.ml--40{margin-left:-40px}.mx--40{margin-right:-40px;margin-left:-40px}.my--40{margin-top:-40px;margin-bottom:-40px}.m--48{margin:-48px}.mt--48{margin-top:-48px}.mr--48{margin-right:-48px}.mb--48{margin-bottom:-48px}.ml--48{margin-left:-48px}.mx--48{margin-right:-48px;margin-left:-48px}.my--48{margin-top:-48px;margin-bottom:-48px}.m--56{margin:-56px}.mt--56{margin-top:-56px}.mr--56{margin-right:-56px}.mb--56{margin-bottom:-56px}.ml--56{margin-left:-56px}.mx--56{margin-right:-56px;margin-left:-56px}.my--56{margin-top:-56px;margin-bottom:-56px}.m--64{margin:-64px}.mt--64{margin-top:-64px}.mr--64{margin-right:-64px}.mb--64{margin-bottom:-64px}.ml--64{margin-left:-64px}.mx--64{margin-right:-64px;margin-left:-64px}.my--64{margin-top:-64px;margin-bottom:-64px}@media only screen and (min-width: 960px){.m-lg--1{margin:-1px}.mt-lg--1{margin-top:-1px}.mr-lg--1{margin-right:-1px}.mb-lg--1{margin-bottom:-1px}.ml-lg--1{margin-left:-1px}.mx-lg--1{margin-right:-1px;margin-left:-1px}.my-lg--1{margin-top:-1px;margin-bottom:-1px}.m-lg--2{margin:-2px}.mt-lg--2{margin-top:-2px}.mr-lg--2{margin-right:-2px}.mb-lg--2{margin-bottom:-2px}.ml-lg--2{margin-left:-2px}.mx-lg--2{margin-right:-2px;margin-left:-2px}.my-lg--2{margin-top:-2px;margin-bottom:-2px}.m-lg--3{margin:-3px}.mt-lg--3{margin-top:-3px}.mr-lg--3{margin-right:-3px}.mb-lg--3{margin-bottom:-3px}.ml-lg--3{margin-left:-3px}.mx-lg--3{margin-right:-3px;margin-left:-3px}.my-lg--3{margin-top:-3px;margin-bottom:-3px}.m-lg--4{margin:-4px}.mt-lg--4{margin-top:-4px}.mr-lg--4{margin-right:-4px}.mb-lg--4{margin-bottom:-4px}.ml-lg--4{margin-left:-4px}.mx-lg--4{margin-right:-4px;margin-left:-4px}.my-lg--4{margin-top:-4px;margin-bottom:-4px}.m-lg--8{margin:-8px}.mt-lg--8{margin-top:-8px}.mr-lg--8{margin-right:-8px}.mb-lg--8{margin-bottom:-8px}.ml-lg--8{margin-left:-8px}.mx-lg--8{margin-right:-8px;margin-left:-8px}.my-lg--8{margin-top:-8px;margin-bottom:-8px}.m-lg--12{margin:-12px}.mt-lg--12{margin-top:-12px}.mr-lg--12{margin-right:-12px}.mb-lg--12{margin-bottom:-12px}.ml-lg--12{margin-left:-12px}.mx-lg--12{margin-right:-12px;margin-left:-12px}.my-lg--12{margin-top:-12px;margin-bottom:-12px}.m-lg--14{margin:-14px}.mt-lg--14{margin-top:-14px}.mr-lg--14{margin-right:-14px}.mb-lg--14{margin-bottom:-14px}.ml-lg--14{margin-left:-14px}.mx-lg--14{margin-right:-14px;margin-left:-14px}.my-lg--14{margin-top:-14px;margin-bottom:-14px}.m-lg--16{margin:-16px}.mt-lg--16{margin-top:-16px}.mr-lg--16{margin-right:-16px}.mb-lg--16{margin-bottom:-16px}.ml-lg--16{margin-left:-16px}.mx-lg--16{margin-right:-16px;margin-left:-16px}.my-lg--16{margin-top:-16px;margin-bottom:-16px}.m-lg--24{margin:-24px}.mt-lg--24{margin-top:-24px}.mr-lg--24{margin-right:-24px}.mb-lg--24{margin-bottom:-24px}.ml-lg--24{margin-left:-24px}.mx-lg--24{margin-right:-24px;margin-left:-24px}.my-lg--24{margin-top:-24px;margin-bottom:-24px}.m-lg--32{margin:-32px}.mt-lg--32{margin-top:-32px}.mr-lg--32{margin-right:-32px}.mb-lg--32{margin-bottom:-32px}.ml-lg--32{margin-left:-32px}.mx-lg--32{margin-right:-32px;margin-left:-32px}.my-lg--32{margin-top:-32px;margin-bottom:-32px}.m-lg--40{margin:-40px}.mt-lg--40{margin-top:-40px}.mr-lg--40{margin-right:-40px}.mb-lg--40{margin-bottom:-40px}.ml-lg--40{margin-left:-40px}.mx-lg--40{margin-right:-40px;margin-left:-40px}.my-lg--40{margin-top:-40px;margin-bottom:-40px}.m-lg--48{margin:-48px}.mt-lg--48{margin-top:-48px}.mr-lg--48{margin-right:-48px}.mb-lg--48{margin-bottom:-48px}.ml-lg--48{margin-left:-48px}.mx-lg--48{margin-right:-48px;margin-left:-48px}.my-lg--48{margin-top:-48px;margin-bottom:-48px}.m-lg--56{margin:-56px}.mt-lg--56{margin-top:-56px}.mr-lg--56{margin-right:-56px}.mb-lg--56{margin-bottom:-56px}.ml-lg--56{margin-left:-56px}.mx-lg--56{margin-right:-56px;margin-left:-56px}.my-lg--56{margin-top:-56px;margin-bottom:-56px}.m-lg--64{margin:-64px}.mt-lg--64{margin-top:-64px}.mr-lg--64{margin-right:-64px}.mb-lg--64{margin-bottom:-64px}.ml-lg--64{margin-left:-64px}.mx-lg--64{margin-right:-64px;margin-left:-64px}.my-lg--64{margin-top:-64px;margin-bottom:-64px}}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mx-auto{margin-right:auto;margin-left:auto}.my-auto{margin-top:auto;margin-bottom:auto}@media only screen and (min-width: 960px){.m-lg-auto{margin:auto}.mt-lg-auto{margin-top:auto}.mr-lg-auto{margin-right:auto}.mb-lg-auto{margin-bottom:auto}.ml-lg-auto{margin-left:auto}.mx-lg-auto{margin-right:auto;margin-left:auto}.my-lg-auto{margin-top:auto;margin-bottom:auto}}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-right:0;padding-left:0}.py-0{padding-top:0;padding-bottom:0}.p-1{padding:1px}.pt-1{padding-top:1px}.pr-1{padding-right:1px}.pb-1{padding-bottom:1px}.pl-1{padding-left:1px}.px-1{padding-right:1px;padding-left:1px}.py-1{padding-top:1px;padding-bottom:1px}.p-2{padding:2px}.pt-2{padding-top:2px}.pr-2{padding-right:2px}.pb-2{padding-bottom:2px}.pl-2{padding-left:2px}.px-2{padding-right:2px;padding-left:2px}.py-2{padding-top:2px;padding-bottom:2px}.p-3{padding:3px}.pt-3{padding-top:3px}.pr-3{padding-right:3px}.pb-3{padding-bottom:3px}.pl-3{padding-left:3px}.px-3{padding-right:3px;padding-left:3px}.py-3{padding-top:3px;padding-bottom:3px}.p-4{padding:4px}.pt-4{padding-top:4px}.pr-4{padding-right:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.px-4{padding-right:4px;padding-left:4px}.py-4{padding-top:4px;padding-bottom:4px}.p-6{padding:6px}.pt-6{padding-top:6px}.pr-6{padding-right:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.px-6{padding-right:6px;padding-left:6px}.py-6{padding-top:6px;padding-bottom:6px}.p-8{padding:8px}.pt-8{padding-top:8px}.pr-8{padding-right:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.px-8{padding-right:8px;padding-left:8px}.py-8{padding-top:8px;padding-bottom:8px}.p-12{padding:12px}.pt-12{padding-top:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.px-12{padding-right:12px;padding-left:12px}.py-12{padding-top:12px;padding-bottom:12px}.p-14{padding:14px}.pt-14{padding-top:14px}.pr-14{padding-right:14px}.pb-14{padding-bottom:14px}.pl-14{padding-left:14px}.px-14{padding-right:14px;padding-left:14px}.py-14{padding-top:14px;padding-bottom:14px}.p-16{padding:16px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.px-16{padding-right:16px;padding-left:16px}.py-16{padding-top:16px;padding-bottom:16px}.p-24{padding:24px}.pt-24{padding-top:24px}.pr-24{padding-right:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.px-24{padding-right:24px;padding-left:24px}.py-24{padding-top:24px;padding-bottom:24px}.p-32{padding:32px}.pt-32{padding-top:32px}.pr-32{padding-right:32px}.pb-32{padding-bottom:32px}.pl-32{padding-left:32px}.px-32{padding-right:32px;padding-left:32px}.py-32{padding-top:32px;padding-bottom:32px}.p-40{padding:40px}.pt-40{padding-top:40px}.pr-40{padding-right:40px}.pb-40{padding-bottom:40px}.pl-40{padding-left:40px}.px-40{padding-right:40px;padding-left:40px}.py-40{padding-top:40px;padding-bottom:40px}.p-48{padding:48px}.pt-48{padding-top:48px}.pr-48{padding-right:48px}.pb-48{padding-bottom:48px}.pl-48{padding-left:48px}.px-48{padding-right:48px;padding-left:48px}.py-48{padding-top:48px;padding-bottom:48px}.p-56{padding:56px}.pt-56{padding-top:56px}.pr-56{padding-right:56px}.pb-56{padding-bottom:56px}.pl-56{padding-left:56px}.px-56{padding-right:56px;padding-left:56px}.py-56{padding-top:56px;padding-bottom:56px}.p-64{padding:64px}.pt-64{padding-top:64px}.pr-64{padding-right:64px}.pb-64{padding-bottom:64px}.pl-64{padding-left:64px}.px-64{padding-right:64px;padding-left:64px}.py-64{padding-top:64px;padding-bottom:64px}.p-80{padding:80px}.pt-80{padding-top:80px}.pr-80{padding-right:80px}.pb-80{padding-bottom:80px}.pl-80{padding-left:80px}.px-80{padding-right:80px;padding-left:80px}.py-80{padding-top:80px;padding-bottom:80px}.p-96{padding:96px}.pt-96{padding-top:96px}.pr-96{padding-right:96px}.pb-96{padding-bottom:96px}.pl-96{padding-left:96px}.px-96{padding-right:96px;padding-left:96px}.py-96{padding-top:96px;padding-bottom:96px}.p-128{padding:128px}.pt-128{padding-top:128px}.pr-128{padding-right:128px}.pb-128{padding-bottom:128px}.pl-128{padding-left:128px}.px-128{padding-right:128px;padding-left:128px}.py-128{padding-top:128px;padding-bottom:128px}.p-256{padding:256px}.pt-256{padding-top:256px}.pr-256{padding-right:256px}.pb-256{padding-bottom:256px}.pl-256{padding-left:256px}.px-256{padding-right:256px;padding-left:256px}.py-256{padding-top:256px;padding-bottom:256px}@media only screen and (min-width: 960px){.p-lg-0{padding:0}.pt-lg-0{padding-top:0}.pr-lg-0{padding-right:0}.pb-lg-0{padding-bottom:0}.pl-lg-0{padding-left:0}.px-lg-0{padding-right:0;padding-left:0}.py-lg-0{padding-top:0;padding-bottom:0}.p-lg-1{padding:1px}.pt-lg-1{padding-top:1px}.pr-lg-1{padding-right:1px}.pb-lg-1{padding-bottom:1px}.pl-lg-1{padding-left:1px}.px-lg-1{padding-right:1px;padding-left:1px}.py-lg-1{padding-top:1px;padding-bottom:1px}.p-lg-2{padding:2px}.pt-lg-2{padding-top:2px}.pr-lg-2{padding-right:2px}.pb-lg-2{padding-bottom:2px}.pl-lg-2{padding-left:2px}.px-lg-2{padding-right:2px;padding-left:2px}.py-lg-2{padding-top:2px;padding-bottom:2px}.p-lg-3{padding:3px}.pt-lg-3{padding-top:3px}.pr-lg-3{padding-right:3px}.pb-lg-3{padding-bottom:3px}.pl-lg-3{padding-left:3px}.px-lg-3{padding-right:3px;padding-left:3px}.py-lg-3{padding-top:3px;padding-bottom:3px}.p-lg-4{padding:4px}.pt-lg-4{padding-top:4px}.pr-lg-4{padding-right:4px}.pb-lg-4{padding-bottom:4px}.pl-lg-4{padding-left:4px}.px-lg-4{padding-right:4px;padding-left:4px}.py-lg-4{padding-top:4px;padding-bottom:4px}.p-lg-6{padding:6px}.pt-lg-6{padding-top:6px}.pr-lg-6{padding-right:6px}.pb-lg-6{padding-bottom:6px}.pl-lg-6{padding-left:6px}.px-lg-6{padding-right:6px;padding-left:6px}.py-lg-6{padding-top:6px;padding-bottom:6px}.p-lg-8{padding:8px}.pt-lg-8{padding-top:8px}.pr-lg-8{padding-right:8px}.pb-lg-8{padding-bottom:8px}.pl-lg-8{padding-left:8px}.px-lg-8{padding-right:8px;padding-left:8px}.py-lg-8{padding-top:8px;padding-bottom:8px}.p-lg-12{padding:12px}.pt-lg-12{padding-top:12px}.pr-lg-12{padding-right:12px}.pb-lg-12{padding-bottom:12px}.pl-lg-12{padding-left:12px}.px-lg-12{padding-right:12px;padding-left:12px}.py-lg-12{padding-top:12px;padding-bottom:12px}.p-lg-14{padding:14px}.pt-lg-14{padding-top:14px}.pr-lg-14{padding-right:14px}.pb-lg-14{padding-bottom:14px}.pl-lg-14{padding-left:14px}.px-lg-14{padding-right:14px;padding-left:14px}.py-lg-14{padding-top:14px;padding-bottom:14px}.p-lg-16{padding:16px}.pt-lg-16{padding-top:16px}.pr-lg-16{padding-right:16px}.pb-lg-16{padding-bottom:16px}.pl-lg-16{padding-left:16px}.px-lg-16{padding-right:16px;padding-left:16px}.py-lg-16{padding-top:16px;padding-bottom:16px}.p-lg-24{padding:24px}.pt-lg-24{padding-top:24px}.pr-lg-24{padding-right:24px}.pb-lg-24{padding-bottom:24px}.pl-lg-24{padding-left:24px}.px-lg-24{padding-right:24px;padding-left:24px}.py-lg-24{padding-top:24px;padding-bottom:24px}.p-lg-32{padding:32px}.pt-lg-32{padding-top:32px}.pr-lg-32{padding-right:32px}.pb-lg-32{padding-bottom:32px}.pl-lg-32{padding-left:32px}.px-lg-32{padding-right:32px;padding-left:32px}.py-lg-32{padding-top:32px;padding-bottom:32px}.p-lg-40{padding:40px}.pt-lg-40{padding-top:40px}.pr-lg-40{padding-right:40px}.pb-lg-40{padding-bottom:40px}.pl-lg-40{padding-left:40px}.px-lg-40{padding-right:40px;padding-left:40px}.py-lg-40{padding-top:40px;padding-bottom:40px}.p-lg-48{padding:48px}.pt-lg-48{padding-top:48px}.pr-lg-48{padding-right:48px}.pb-lg-48{padding-bottom:48px}.pl-lg-48{padding-left:48px}.px-lg-48{padding-right:48px;padding-left:48px}.py-lg-48{padding-top:48px;padding-bottom:48px}.p-lg-56{padding:56px}.pt-lg-56{padding-top:56px}.pr-lg-56{padding-right:56px}.pb-lg-56{padding-bottom:56px}.pl-lg-56{padding-left:56px}.px-lg-56{padding-right:56px;padding-left:56px}.py-lg-56{padding-top:56px;padding-bottom:56px}.p-lg-64{padding:64px}.pt-lg-64{padding-top:64px}.pr-lg-64{padding-right:64px}.pb-lg-64{padding-bottom:64px}.pl-lg-64{padding-left:64px}.px-lg-64{padding-right:64px;padding-left:64px}.py-lg-64{padding-top:64px;padding-bottom:64px}.p-lg-80{padding:80px}.pt-lg-80{padding-top:80px}.pr-lg-80{padding-right:80px}.pb-lg-80{padding-bottom:80px}.pl-lg-80{padding-left:80px}.px-lg-80{padding-right:80px;padding-left:80px}.py-lg-80{padding-top:80px;padding-bottom:80px}.p-lg-96{padding:96px}.pt-lg-96{padding-top:96px}.pr-lg-96{padding-right:96px}.pb-lg-96{padding-bottom:96px}.pl-lg-96{padding-left:96px}.px-lg-96{padding-right:96px;padding-left:96px}.py-lg-96{padding-top:96px;padding-bottom:96px}.p-lg-128{padding:128px}.pt-lg-128{padding-top:128px}.pr-lg-128{padding-right:128px}.pb-lg-128{padding-bottom:128px}.pl-lg-128{padding-left:128px}.px-lg-128{padding-right:128px;padding-left:128px}.py-lg-128{padding-top:128px;padding-bottom:128px}.p-lg-256{padding:256px}.pt-lg-256{padding-top:256px}.pr-lg-256{padding-right:256px}.pb-lg-256{padding-bottom:256px}.pl-lg-256{padding-left:256px}.px-lg-256{padding-right:256px;padding-left:256px}.py-lg-256{padding-top:256px;padding-bottom:256px}}.t-0{top:0}.t-1{top:1px}.t-2{top:2px}.t-3{top:3px}.t-4{top:4px}.t-6{top:6px}.t-8{top:8px}.t-12{top:12px}.t-14{top:14px}.t-16{top:16px}.t-24{top:24px}.t-32{top:32px}.t-40{top:40px}.t-48{top:48px}.t-56{top:56px}.t-64{top:64px}.t-80{top:80px}.t-96{top:96px}.t-128{top:128px}.t-256{top:256px}@media only screen and (min-width: 960px){.t-lg-0{top:0}.t-lg-1{top:1px}.t-lg-2{top:2px}.t-lg-3{top:3px}.t-lg-4{top:4px}.t-lg-6{top:6px}.t-lg-8{top:8px}.t-lg-12{top:12px}.t-lg-14{top:14px}.t-lg-16{top:16px}.t-lg-24{top:24px}.t-lg-32{top:32px}.t-lg-40{top:40px}.t-lg-48{top:48px}.t-lg-56{top:56px}.t-lg-64{top:64px}.t-lg-80{top:80px}.t-lg-96{top:96px}.t-lg-128{top:128px}.t-lg-256{top:256px}}.r-0{right:0}.r-1{right:1px}.r-2{right:2px}.r-3{right:3px}.r-4{right:4px}.r-6{right:6px}.r-8{right:8px}.r-12{right:12px}.r-14{right:14px}.r-16{right:16px}.r-24{right:24px}.r-32{right:32px}.r-40{right:40px}.r-48{right:48px}.r-56{right:56px}.r-64{right:64px}.r-80{right:80px}.r-96{right:96px}.r-128{right:128px}.r-256{right:256px}@media only screen and (min-width: 960px){.r-lg-0{right:0}.r-lg-1{right:1px}.r-lg-2{right:2px}.r-lg-3{right:3px}.r-lg-4{right:4px}.r-lg-6{right:6px}.r-lg-8{right:8px}.r-lg-12{right:12px}.r-lg-14{right:14px}.r-lg-16{right:16px}.r-lg-24{right:24px}.r-lg-32{right:32px}.r-lg-40{right:40px}.r-lg-48{right:48px}.r-lg-56{right:56px}.r-lg-64{right:64px}.r-lg-80{right:80px}.r-lg-96{right:96px}.r-lg-128{right:128px}.r-lg-256{right:256px}}.b-0{bottom:0}.b-1{bottom:1px}.b-2{bottom:2px}.b-3{bottom:3px}.b-4{bottom:4px}.b-6{bottom:6px}.b-8{bottom:8px}.b-12{bottom:12px}.b-14{bottom:14px}.b-16{bottom:16px}.b-24{bottom:24px}.b-32{bottom:32px}.b-40{bottom:40px}.b-48{bottom:48px}.b-56{bottom:56px}.b-64{bottom:64px}.b-80{bottom:80px}.b-96{bottom:96px}.b-128{bottom:128px}.b-256{bottom:256px}@media only screen and (min-width: 960px){.b-lg-0{bottom:0}.b-lg-1{bottom:1px}.b-lg-2{bottom:2px}.b-lg-3{bottom:3px}.b-lg-4{bottom:4px}.b-lg-6{bottom:6px}.b-lg-8{bottom:8px}.b-lg-12{bottom:12px}.b-lg-14{bottom:14px}.b-lg-16{bottom:16px}.b-lg-24{bottom:24px}.b-lg-32{bottom:32px}.b-lg-40{bottom:40px}.b-lg-48{bottom:48px}.b-lg-56{bottom:56px}.b-lg-64{bottom:64px}.b-lg-80{bottom:80px}.b-lg-96{bottom:96px}.b-lg-128{bottom:128px}.b-lg-256{bottom:256px}}.l-0{left:0}.l-1{left:1px}.l-2{left:2px}.l-3{left:3px}.l-4{left:4px}.l-6{left:6px}.l-8{left:8px}.l-12{left:12px}.l-14{left:14px}.l-16{left:16px}.l-24{left:24px}.l-32{left:32px}.l-40{left:40px}.l-48{left:48px}.l-56{left:56px}.l-64{left:64px}.l-80{left:80px}.l-96{left:96px}.l-128{left:128px}.l-256{left:256px}@media only screen and (min-width: 960px){.l-lg-0{left:0}.l-lg-1{left:1px}.l-lg-2{left:2px}.l-lg-3{left:3px}.l-lg-4{left:4px}.l-lg-6{left:6px}.l-lg-8{left:8px}.l-lg-12{left:12px}.l-lg-14{left:14px}.l-lg-16{left:16px}.l-lg-24{left:24px}.l-lg-32{left:32px}.l-lg-40{left:40px}.l-lg-48{left:48px}.l-lg-56{left:56px}.l-lg-64{left:64px}.l-lg-80{left:80px}.l-lg-96{left:96px}.l-lg-128{left:128px}.l-lg-256{left:256px}}.t--1{top:-1px}.t--2{top:-2px}.t--3{top:-3px}.t--4{top:-4px}.t--8{top:-8px}.t--12{top:-12px}.t--14{top:-14px}.t--16{top:-16px}.t--24{top:-24px}.t--32{top:-32px}.t--40{top:-40px}.t--48{top:-48px}.t--56{top:-56px}.t--64{top:-64px}@media only screen and (min-width: 960px){.t-lg--1{top:-1px}.t-lg--2{top:-2px}.t-lg--3{top:-3px}.t-lg--4{top:-4px}.t-lg--8{top:-8px}.t-lg--12{top:-12px}.t-lg--14{top:-14px}.t-lg--16{top:-16px}.t-lg--24{top:-24px}.t-lg--32{top:-32px}.t-lg--40{top:-40px}.t-lg--48{top:-48px}.t-lg--56{top:-56px}.t-lg--64{top:-64px}}.r--1{right:-1px}.r--2{right:-2px}.r--3{right:-3px}.r--4{right:-4px}.r--8{right:-8px}.r--12{right:-12px}.r--14{right:-14px}.r--16{right:-16px}.r--24{right:-24px}.r--32{right:-32px}.r--40{right:-40px}.r--48{right:-48px}.r--56{right:-56px}.r--64{right:-64px}@media only screen and (min-width: 960px){.r-lg--1{right:-1px}.r-lg--2{right:-2px}.r-lg--3{right:-3px}.r-lg--4{right:-4px}.r-lg--8{right:-8px}.r-lg--12{right:-12px}.r-lg--14{right:-14px}.r-lg--16{right:-16px}.r-lg--24{right:-24px}.r-lg--32{right:-32px}.r-lg--40{right:-40px}.r-lg--48{right:-48px}.r-lg--56{right:-56px}.r-lg--64{right:-64px}}.b--1{bottom:-1px}.b--2{bottom:-2px}.b--3{bottom:-3px}.b--4{bottom:-4px}.b--8{bottom:-8px}.b--12{bottom:-12px}.b--14{bottom:-14px}.b--16{bottom:-16px}.b--24{bottom:-24px}.b--32{bottom:-32px}.b--40{bottom:-40px}.b--48{bottom:-48px}.b--56{bottom:-56px}.b--64{bottom:-64px}@media only screen and (min-width: 960px){.b-lg--1{bottom:-1px}.b-lg--2{bottom:-2px}.b-lg--3{bottom:-3px}.b-lg--4{bottom:-4px}.b-lg--8{bottom:-8px}.b-lg--12{bottom:-12px}.b-lg--14{bottom:-14px}.b-lg--16{bottom:-16px}.b-lg--24{bottom:-24px}.b-lg--32{bottom:-32px}.b-lg--40{bottom:-40px}.b-lg--48{bottom:-48px}.b-lg--56{bottom:-56px}.b-lg--64{bottom:-64px}}.l--1{left:-1px}.l--2{left:-2px}.l--3{left:-3px}.l--4{left:-4px}.l--8{left:-8px}.l--12{left:-12px}.l--14{left:-14px}.l--16{left:-16px}.l--24{left:-24px}.l--32{left:-32px}.l--40{left:-40px}.l--48{left:-48px}.l--56{left:-56px}.l--64{left:-64px}@media only screen and (min-width: 960px){.l-lg--1{left:-1px}.l-lg--2{left:-2px}.l-lg--3{left:-3px}.l-lg--4{left:-4px}.l-lg--8{left:-8px}.l-lg--12{left:-12px}.l-lg--14{left:-14px}.l-lg--16{left:-16px}.l-lg--24{left:-24px}.l-lg--32{left:-32px}.l-lg--40{left:-40px}.l-lg--48{left:-48px}.l-lg--56{left:-56px}.l-lg--64{left:-64px}}.t-5p{top:5%}.t-10p{top:10%}.t-15p{top:15%}.t-20p{top:20%}.t-25p{top:25%}.t-50p{top:50%}.t-75p{top:75%}.t-100p{top:100%}@media only screen and (min-width: 960px){.t-lg-5p{top:5%}.t-lg-10p{top:10%}.t-lg-15p{top:15%}.t-lg-20p{top:20%}.t-lg-25p{top:25%}.t-lg-50p{top:50%}.t-lg-75p{top:75%}.t-lg-100p{top:100%}}.r-5p{right:5%}.r-10p{right:10%}.r-15p{right:15%}.r-20p{right:20%}.r-25p{right:25%}.r-50p{right:50%}.r-75p{right:75%}.r-100p{right:100%}@media only screen and (min-width: 960px){.r-lg-5p{right:5%}.r-lg-10p{right:10%}.r-lg-15p{right:15%}.r-lg-20p{right:20%}.r-lg-25p{right:25%}.r-lg-50p{right:50%}.r-lg-75p{right:75%}.r-lg-100p{right:100%}}.b-5p{bottom:5%}.b-10p{bottom:10%}.b-15p{bottom:15%}.b-20p{bottom:20%}.b-25p{bottom:25%}.b-50p{bottom:50%}.b-75p{bottom:75%}.b-100p{bottom:100%}@media only screen and (min-width: 960px){.b-lg-5p{bottom:5%}.b-lg-10p{bottom:10%}.b-lg-15p{bottom:15%}.b-lg-20p{bottom:20%}.b-lg-25p{bottom:25%}.b-lg-50p{bottom:50%}.b-lg-75p{bottom:75%}.b-lg-100p{bottom:100%}}.l-5p{left:5%}.l-10p{left:10%}.l-15p{left:15%}.l-20p{left:20%}.l-25p{left:25%}.l-50p{left:50%}.l-75p{left:75%}.l-100p{left:100%}@media only screen and (min-width: 960px){.l-lg-5p{left:5%}.l-lg-10p{left:10%}.l-lg-15p{left:15%}.l-lg-20p{left:20%}.l-lg-25p{left:25%}.l-lg-50p{left:50%}.l-lg-75p{left:75%}.l-lg-100p{left:100%}}.t--5p{top:-5%}.t--10p{top:-10%}.t--15p{top:-15%}.t--20p{top:-20%}.t--25p{top:-25%}.t--50p{top:-50%}.t--75p{top:-75%}.t--100p{top:-100%}@media only screen and (min-width: 960px){.t-lg--5p{top:-5%}.t-lg--10p{top:-10%}.t-lg--15p{top:-15%}.t-lg--20p{top:-20%}.t-lg--25p{top:-25%}.t-lg--50p{top:-50%}.t-lg--75p{top:-75%}.t-lg--100p{top:-100%}}.r--5p{right:-5%}.r--10p{right:-10%}.r--15p{right:-15%}.r--20p{right:-20%}.r--25p{right:-25%}.r--50p{right:-50%}.r--75p{right:-75%}.r--100p{right:-100%}@media only screen and (min-width: 960px){.r-lg--5p{right:-5%}.r-lg--10p{right:-10%}.r-lg--15p{right:-15%}.r-lg--20p{right:-20%}.r-lg--25p{right:-25%}.r-lg--50p{right:-50%}.r-lg--75p{right:-75%}.r-lg--100p{right:-100%}}.b--5p{bottom:-5%}.b--10p{bottom:-10%}.b--15p{bottom:-15%}.b--20p{bottom:-20%}.b--25p{bottom:-25%}.b--50p{bottom:-50%}.b--75p{bottom:-75%}.b--100p{bottom:-100%}@media only screen and (min-width: 960px){.b-lg--5p{bottom:-5%}.b-lg--10p{bottom:-10%}.b-lg--15p{bottom:-15%}.b-lg--20p{bottom:-20%}.b-lg--25p{bottom:-25%}.b-lg--50p{bottom:-50%}.b-lg--75p{bottom:-75%}.b-lg--100p{bottom:-100%}}.l--5p{left:-5%}.l--10p{left:-10%}.l--15p{left:-15%}.l--20p{left:-20%}.l--25p{left:-25%}.l--50p{left:-50%}.l--75p{left:-75%}.l--100p{left:-100%}@media only screen and (min-width: 960px){.l-lg--5p{left:-5%}.l-lg--10p{left:-10%}.l-lg--15p{left:-15%}.l-lg--20p{left:-20%}.l-lg--25p{left:-25%}.l-lg--50p{left:-50%}.l-lg--75p{left:-75%}.l-lg--100p{left:-100%}}.position-static{position:static}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-relative{position:relative}.position-sticky{position:sticky}@media only screen and (min-width: 960px){.position-lg-static{position:static}.position-lg-absolute{position:absolute}.position-lg-fixed{position:fixed}.position-lg-relative{position:relative}.position-lg-sticky{position:sticky}}.z--1{z-index:-1}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-10{z-index:10}.z-15{z-index:15}.z-20{z-index:20}.z-25{z-index:25}.z-50{z-index:50}.z-100{z-index:100}@media only screen and (min-width: 960px){.z-lg--1{z-index:-1}.z-lg-0{z-index:0}.z-lg-1{z-index:1}.z-lg-2{z-index:2}.z-lg-3{z-index:3}.z-lg-4{z-index:4}.z-lg-5{z-index:5}.z-lg-10{z-index:10}.z-lg-15{z-index:15}.z-lg-20{z-index:20}.z-lg-25{z-index:25}.z-lg-50{z-index:50}.z-lg-100{z-index:100}}.w-5p{width:5%}.w-10p{width:10%}.w-15p{width:15%}.w-20p{width:20%}.w-25p{width:25%}.w-50p{width:50%}.w-75p{width:75%}.w-100p{width:100%}@media only screen and (min-width: 960px){.w-lg-5p{width:5%}.w-lg-10p{width:10%}.w-lg-15p{width:15%}.w-lg-20p{width:20%}.w-lg-25p{width:25%}.w-lg-50p{width:50%}.w-lg-75p{width:75%}.w-lg-100p{width:100%}}.h-5p{height:5%}.h-10p{height:10%}.h-15p{height:15%}.h-20p{height:20%}.h-25p{height:25%}.h-50p{height:50%}.h-75p{height:75%}.h-100p{height:100%}@media only screen and (min-width: 960px){.h-lg-5p{height:5%}.h-lg-10p{height:10%}.h-lg-15p{height:15%}.h-lg-20p{height:20%}.h-lg-25p{height:25%}.h-lg-50p{height:50%}.h-lg-75p{height:75%}.h-lg-100p{height:100%}}.w-5vw{width:5vw}.w-10vw{width:10vw}.w-15vw{width:15vw}.w-20vw{width:20vw}.w-25vw{width:25vw}.w-50vw{width:50vw}.w-75vw{width:75vw}.w-100vw{width:100vw}@media only screen and (min-width: 960px){.w-lg-5vw{width:5vw}.w-lg-10vw{width:10vw}.w-lg-15vw{width:15vw}.w-lg-20vw{width:20vw}.w-lg-25vw{width:25vw}.w-lg-50vw{width:50vw}.w-lg-75vw{width:75vw}.w-lg-100vw{width:100vw}}.h-5vh{height:5vh}.h-10vh{height:10vh}.h-15vh{height:15vh}.h-20vh{height:20vh}.h-25vh{height:25vh}.h-50vh{height:50vh}.h-75vh{height:75vh}.h-100vh{height:100vh}@media only screen and (min-width: 960px){.h-lg-5vh{height:5vh}.h-lg-10vh{height:10vh}.h-lg-15vh{height:15vh}.h-lg-20vh{height:20vh}.h-lg-25vh{height:25vh}.h-lg-50vh{height:50vh}.h-lg-75vh{height:75vh}.h-lg-100vh{height:100vh}}.w-0{width:0px}.w-1{width:1px}.w-2{width:2px}.w-3{width:3px}.w-4{width:4px}.w-6{width:6px}.w-8{width:8px}.w-12{width:12px}.w-14{width:14px}.w-16{width:16px}.w-24{width:24px}.w-32{width:32px}.w-40{width:40px}.w-48{width:48px}.w-56{width:56px}.w-64{width:64px}.w-80{width:80px}.w-96{width:96px}.w-128{width:128px}.w-256{width:256px}@media only screen and (min-width: 960px){.w-lg-0{width:0px}.w-lg-1{width:1px}.w-lg-2{width:2px}.w-lg-3{width:3px}.w-lg-4{width:4px}.w-lg-6{width:6px}.w-lg-8{width:8px}.w-lg-12{width:12px}.w-lg-14{width:14px}.w-lg-16{width:16px}.w-lg-24{width:24px}.w-lg-32{width:32px}.w-lg-40{width:40px}.w-lg-48{width:48px}.w-lg-56{width:56px}.w-lg-64{width:64px}.w-lg-80{width:80px}.w-lg-96{width:96px}.w-lg-128{width:128px}.w-lg-256{width:256px}}.h-0{height:0px}.h-1{height:1px}.h-2{height:2px}.h-3{height:3px}.h-4{height:4px}.h-6{height:6px}.h-8{height:8px}.h-12{height:12px}.h-14{height:14px}.h-16{height:16px}.h-24{height:24px}.h-32{height:32px}.h-40{height:40px}.h-48{height:48px}.h-56{height:56px}.h-64{height:64px}.h-80{height:80px}.h-96{height:96px}.h-128{height:128px}.h-256{height:256px}@media only screen and (min-width: 960px){.h-lg-0{height:0px}.h-lg-1{height:1px}.h-lg-2{height:2px}.h-lg-3{height:3px}.h-lg-4{height:4px}.h-lg-6{height:6px}.h-lg-8{height:8px}.h-lg-12{height:12px}.h-lg-14{height:14px}.h-lg-16{height:16px}.h-lg-24{height:24px}.h-lg-32{height:32px}.h-lg-40{height:40px}.h-lg-48{height:48px}.h-lg-56{height:56px}.h-lg-64{height:64px}.h-lg-80{height:80px}.h-lg-96{height:96px}.h-lg-128{height:128px}.h-lg-256{height:256px}}.w-auto{width:auto}@media only screen and (min-width: 960px){.w-lg-auto{width:auto}}.h-auto{height:auto}@media only screen and (min-width: 960px){.h-lg-auto{height:auto}}.w-max-100p{max-width:100%}@media only screen and (min-width: 960px){.w-max-lg-100p{max-width:100%}}.h-max-100p{max-height:100%}@media only screen and (min-width: 960px){.h-max-lg-100p{max-height:100%}}.w-max-none{max-width:none}@media only screen and (min-width: 960px){.w-max-lg-none{max-width:none}}.h-max-none{max-height:none}@media only screen and (min-width: 960px){.h-max-lg-none{max-height:none}}.container{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:16px;padding-right:16px}@media only screen and (min-width: 960px){.container{padding-left:56px;padding-right:56px}}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}@media only screen and (min-width: 960px){.flex-lg-row{flex-direction:row}.flex-lg-row-reverse{flex-direction:row-reverse}.flex-lg-column{flex-direction:column}.flex-lg-column-reverse{flex-direction:column-reverse}}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}@media only screen and (min-width: 960px){.flex-lg-wrap{flex-wrap:wrap}.flex-lg-nowrap{flex-wrap:nowrap}}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}@media only screen and (min-width: 960px){.flex-grow-lg-0{flex-grow:0}.flex-grow-lg-1{flex-grow:1}}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}@media only screen and (min-width: 960px){.flex-shrink-lg-0{flex-shrink:0}.flex-shrink-lg-1{flex-shrink:1}}.align-normal{align-items:normal}.align-center{align-items:center}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}@media only screen and (min-width: 960px){.align-lg-normal{align-items:normal}.align-lg-center{align-items:center}.align-lg-flex-start{align-items:flex-start}.align-lg-flex-end{align-items:flex-end}}.justify-normal{justify-content:normal}.justify-center{justify-content:center}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}@media only screen and (min-width: 960px){.justify-lg-normal{justify-content:normal}.justify-lg-center{justify-content:center}.justify-lg-flex-start{justify-content:flex-start}.justify-lg-flex-end{justify-content:flex-end}.justify-lg-space-between{justify-content:space-between}.justify-lg-space-around{justify-content:space-around}}.align-self-normal{align-self:normal}.align-self-center{align-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}@media only screen and (min-width: 960px){.align-self-lg-normal{align-self:normal}.align-self-lg-center{align-self:center}.align-self-lg-start{align-self:start}.align-self-lg-end{align-self:end}}.justify-self-normal{justify-self:normal}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}@media only screen and (min-width: 960px){.justify-self-lg-normal{justify-self:normal}.justify-self-lg-center{justify-self:center}.justify-self-lg-start{justify-self:start}.justify-self-lg-end{justify-self:end}}.clearfix:after{clear:both;content:"";display:table}.float-left{float:left}.float-right{float:right}.float-none{float:none}@media only screen and (min-width: 960px){.float-lg-left{float:left}.float-lg-right{float:right}.float-lg-none{float:none}}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}@media only screen and (min-width: 960px){.clear-lg-left{clear:left}.clear-lg-right{clear:right}.clear-lg-both{clear:both}.clear-lg-none{clear:none}}#poop{font-size:10rem;display:inline-block}code.terminal:before{content:"$ ";opacity:.5}a{color:#824f2d}body{padding-bottom:32px}
@@ -1,4 +1,4 @@
1
- /* poops v1.0.17 | https://github.com/stamat/poops | MIT License */
1
+ /* poops v1.0.18 | https://github.com/stamat/poops | MIT License */
2
2
  "use strict";
3
3
  (() => {
4
4
  // example/src/js/scripts/utils.ts
@@ -1,2 +1,2 @@
1
- /* poops v1.0.17 | https://github.com/stamat/poops | MIT License */
1
+ /* poops v1.0.18 | https://github.com/stamat/poops | MIT License */
2
2
  "use strict";(()=>{function o(e){return e.charAt(0).toUpperCase()+e.slice(1)}function n(e){return e.reduce((t,a)=>t+a,0)}function r(e){const t=e.getFullYear(),a=`${e.getMonth()+1}`.padStart(2,"0"),u=`${e.getDate()}`.padStart(2,"0");return`${t}-${a}-${u}`}var l=class{constructor(e,t){this.name=e,this.age=t}greet(){console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`)}},s=new l("Stamat",new Date().getFullYear()-1988);s.greet(),console.log(o("hello")),console.log(n([1,2,3,4,5]));var c=new Date;console.log(r(c))})();
@@ -1,7 +1,7 @@
1
1
  [
2
2
  {
3
3
  "title": "Changelog",
4
- "url": "https://stamat.github.io/poops/changelog"
4
+ "url": "changelog"
5
5
  },
6
6
  {
7
7
  "title": "Docs",
@@ -1,6 +1,6 @@
1
1
  <div class="mt-32 container text-center">
2
- <h1 class="text-primary m-0"><span id="poop"><img src="poop.png" alt="💩" width="160" height="160" class="d-block"></span><br>POOPS v{{package.version}}</h1>
3
- <a href="https://www.npmjs.com/package/poops"><img src="https://img.shields.io/badge/npm-CB3837.svg?style=for-the-badge&logo=npm&logoColor=white" alt="npm"></a> <a href="https://github.com/stamat/poops"><img src="https://img.shields.io/badge/GitHub-181717.svg?style=for-the-badge&logo=GitHub&logoColor=white" alt="github"></a>
2
+ <h1 class="text-primary m-0"><span id="poop"><img src="poop.png" alt="💩" width="160" height="160" class="d-block"></span><br>POOPS</h1>
3
+ <a href="https://www.npmjs.com/package/poops"><img src="https://img.shields.io/npm/v/poops" alt="npm v{{ package.version }}"></a>
4
4
  <p class="p2">{{ site.description }}</p>
5
5
  <p class="p2">{{ page.subtitle }}</p>
6
6
 
@@ -1,7 +1,7 @@
1
1
  <header class="py-8">
2
2
  <div class="container d-flex justify-space-between align-center h-48">
3
3
  {% if page.layout != 'default' %}
4
- <a href="{{ relativePathPrefix }}" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6">
4
+ <a href="{{ relativePathPrefix }}" class="d-flex flex-row align-center text-primary text-none text-bold font-heading h6" style="letter-spacing: -.045rem;">
5
5
  <img src="{{ relativePathPrefix }}poop.png" class="d-block mr-8" alt="Poops" width="48" height="48">
6
6
  POOPS
7
7
  </a>
@@ -9,8 +9,9 @@
9
9
 
10
10
  <nav class="ml-auto">
11
11
  {% for link in links %}
12
- <a href="{{ link.url }}" id="{{ link.title | slugify }}">{{ link.title }}</a>
12
+ <a href="{% if 'http' in link.url %}{% else %}{{ relativePathPrefix }}{% endif %}{{ link.url }}" class="{% if link.url == page.url %}text-underline{% else %}text-none{% endif %} text-bold d-inline-block ml-lg-16 font-heading">{{ link.title }}</a>
13
13
  {% endfor %}
14
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
14
15
  </nav>
15
16
  </div>
16
17
  </header>
@@ -3,6 +3,8 @@ layout: blog
3
3
  title: Changelog
4
4
  description: Follow the latest changes of Poops.
5
5
  paginate: 10
6
+ collection: true
7
+ sort: date
6
8
  ---
7
9
  <div class="text-center">
8
10
  <h1>Changelog</h1>
package/index.html CHANGED
@@ -22,17 +22,18 @@
22
22
 
23
23
  <nav class="ml-auto">
24
24
 
25
- <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
25
+ <a href="changelog" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Changelog</a>
26
26
 
27
- <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
27
+ <a href="https://github.com/stamat/poops#readme" class="text-none text-bold d-inline-block ml-lg-16 font-heading">Docs</a>
28
28
 
29
+ <a href="https://github.com/stamat/poops" class="d-inline-block ml-lg-16"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" class="w-24 h-24" style="vertical-align: middle"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a>
29
30
  </nav>
30
31
  </div>
31
32
  </header>
32
33
 
33
34
  <div class="mt-32 container text-center">
34
- <h1 class="text-primary m-0"><span id="poop"><img src="poop.png" alt="💩" width="160" height="160" class="d-block"></span><br>POOPS v1.0.17</h1>
35
- <a href="https://www.npmjs.com/package/poops"><img src="https://img.shields.io/badge/npm-CB3837.svg?style=for-the-badge&logo=npm&logoColor=white" alt="npm"></a> <a href="https://github.com/stamat/poops"><img src="https://img.shields.io/badge/GitHub-181717.svg?style=for-the-badge&logo=GitHub&logoColor=white" alt="github"></a>
35
+ <h1 class="text-primary m-0"><span id="poop"><img src="poop.png" alt="💩" width="160" height="160" class="d-block"></span><br>POOPS</h1>
36
+ <a href="https://www.npmjs.com/package/poops"><img src="https://img.shields.io/npm/v/poops" alt="npm v1.0.18"></a>
36
37
  <p class="p2">Straightforward, no-bullshit bundler for the web.</p>
37
38
  <p class="p2">✨ <strong>Now supports Front Matter!</strong> ✨</p>
38
39
 
@@ -77,7 +78,7 @@
77
78
  <!-- Links loaded from example/markup/_data/links.json -->
78
79
  <div class="mb-24 mt-32">
79
80
 
80
- <a href="https://stamat.github.io/poops/changelog" id="changelog">Changelog</a>
81
+ <a href="changelog" id="changelog">Changelog</a>
81
82
 
82
83
  <a href="https://github.com/stamat/poops#readme" id="docs">Docs</a>
83
84
 
@@ -92,7 +93,7 @@
92
93
 
93
94
  <script>document.write('<script src="http://'
94
95
  + (location.host || 'localhost').split(':')[0]
95
- + ':35729/livereload.js?snipver=1"></'
96
+ + ':35730/livereload.js?snipver=1"></'
96
97
  + 'script>')</script>
97
98
 
98
99
 
package/lib/markups.js CHANGED
@@ -58,6 +58,7 @@ class RelativeLoader extends nunjucks.Loader {
58
58
  module.exports = class Markups {
59
59
  constructor(config) {
60
60
  this.config = config
61
+ if (!this.config.markup || !this.config.markup.in) return
61
62
  this.dataFiles = []
62
63
  this.includePaths = this.config.markup.includePaths || this.config.markup.options.includePaths || []
63
64
 
@@ -171,20 +172,29 @@ module.exports = class Markups {
171
172
  return `!(${markupDefaultExcludes.join('|')})/**/*.+(html|xml|rss|atom|json|njk|md)`
172
173
  }
173
174
 
175
+ getFrontMatter(file, fileName) {
176
+ const source = fileName ? file : fs.readFileSync(file, 'utf-8')
177
+ if (!fileName) fileName = file
178
+
179
+ const match = source.match(/^\s*---\s*([\s\S]*?)---\s*/) // Front matter match
180
+ let frontMatter = {}
181
+
182
+ if (match) {
183
+ try {
184
+ frontMatter = require('yaml').parse(match[1]) // Pass front matter to the template
185
+ } catch (err) {
186
+ console.log(`${pstyle.redBright + pstyle.bold}[error]${pstyle.reset}${pstyle.dim} Failed parsing front matter:${pstyle.reset} ${pstyle.italic + pstyle.underline}${fileName}${pstyle.reset}`)
187
+ console.log(err)
188
+ }
189
+ }
190
+
191
+ return frontMatter
192
+ }
193
+
174
194
  getSingleCollectionData(collectionName) {
175
195
  const collectionData = []
176
- glob.sync(path.join(process.cwd(), this.config.markup.in, collectionName, '**/*.+(html|njk|md)'), { ignore: ['**/index.html'] }).forEach((file) => {
177
- const source = fs.readFileSync(file, 'utf-8')
178
- const match = source.match(/^\s*---\s*([\s\S]*?)---\s*/) // Front matter match
179
- let frontMatter = {}
180
- if (match) {
181
- try {
182
- frontMatter = require('yaml').parse(match[1]) // Pass front matter to the template
183
- } catch (err) {
184
- console.log(`${pstyle.redBright + pstyle.bold}[error]${pstyle.reset}${pstyle.dim} Failed parsing front matter:${pstyle.reset} ${pstyle.italic + pstyle.underline}${file}${pstyle.reset}`)
185
- console.log(err)
186
- }
187
- }
196
+ glob.sync(path.join(process.cwd(), this.config.markup.in, collectionName, '**/*.+(html|njk|md)'), { ignore: ['**/index.+(html|njk|md)'] }).forEach((file) => {
197
+ const frontMatter = this.getFrontMatter(file)
188
198
 
189
199
  if (frontMatter.published === false) return // Skip unpublished items
190
200
 
@@ -196,14 +206,7 @@ module.exports = class Markups {
196
206
  frontMatter.collection = collectionName
197
207
  frontMatter.url = path.join(collectionName, path.basename(frontMatter.filePath))
198
208
 
199
- switch (path.extname(frontMatter.filePath)) {
200
- case '.md':
201
- frontMatter.url = frontMatter.url.replace(/\.md$/, '.html')
202
- break
203
- case '.njk':
204
- frontMatter.url = frontMatter.url.replace(/\.njk$/, '.html')
205
- break
206
- }
209
+ frontMatter.url = this.replaceOutExtensions(frontMatter.url)
207
210
 
208
211
  if (!frontMatter.title) {
209
212
  frontMatter.title = path.basename(frontMatter.filePath, path.extname(frontMatter.filePath))
@@ -214,21 +217,30 @@ module.exports = class Markups {
214
217
  return collectionData
215
218
  }
216
219
 
217
- getCollectionData(collectionConfig) {
218
- if (!collectionConfig) return
220
+ collectionAutoDiscovery() {
221
+ const indexFiles = glob.sync(path.join(process.cwd(), this.config.markup.in, '/**/index.+(html|njk|md)'))
222
+
219
223
  const collectionData = {}
220
- if (!Array.isArray(collectionConfig)) {
221
- collectionConfig = [collectionConfig]
222
- }
223
224
 
224
- for (let collection of collectionConfig) {
225
- if (typeof collection === 'string') {
226
- collection = { name: collection }
227
- collection.sort = 'date'
225
+ for (const indexFile of indexFiles) {
226
+ const frontMatter = this.getFrontMatter(indexFile)
227
+ if (!frontMatter.collection) continue
228
+
229
+ if (frontMatter.collection === true) {
230
+ frontMatter.collection = path.basename(path.dirname(indexFile))
231
+ }
232
+
233
+ if (frontMatter.collection.trim() === '') continue
234
+
235
+ const collection = { name: frontMatter.collection }
236
+
237
+ if (frontMatter.paginate && !isNaN(parseInt(frontMatter.paginate))) {
238
+ collection.paginate = parseInt(frontMatter.paginate)
228
239
  }
229
240
 
230
- const collectionDirectoryPath = path.join(process.cwd(), this.config.markup.out, collection.name)
231
- deleteDirectory(collectionDirectoryPath) // Remove collection directory
241
+ if (frontMatter.sort) {
242
+ collection.sort = frontMatter.sort
243
+ }
232
244
 
233
245
  if (typeof collection.sort === 'string') {
234
246
  collection.sort = { by: collection.sort }
@@ -252,13 +264,10 @@ module.exports = class Markups {
252
264
  collection.sort.order = collection.sort.type === 'date' ? 'desc' : 'asc'
253
265
  }
254
266
 
255
- if (!collection.name) {
256
- console.log(`${pstyle.redBright + pstyle.bold}[error]${pstyle.reset}${pstyle.dim} Collection name not specified.${pstyle.reset}`)
257
- continue
258
- }
267
+ collectionData[collection.name] = collection
259
268
 
260
- collectionData[collection.name] = {}
261
269
  collectionData[collection.name].items = this.getSingleCollectionData(collection.name)
270
+
262
271
  collectionData[collection.name].items.sort((a, b) => {
263
272
  if (collection.sort.type === 'date') {
264
273
  if (collection.sort.order === 'asc') {
@@ -279,6 +288,11 @@ module.exports = class Markups {
279
288
  return collectionData
280
289
  }
281
290
 
291
+ clearCollectionOutputDir(collectionName) {
292
+ const collectionDirectoryPath = path.join(process.cwd(), this.config.markup.out, collectionName)
293
+ deleteDirectory(collectionDirectoryPath) // Remove collection directory
294
+ }
295
+
282
296
  getRelativePathPrefix(outputDir) {
283
297
  const relativeDir = path.relative(process.cwd(), outputDir)
284
298
  if (relativeDir.trim() === '') return ''
@@ -290,11 +304,35 @@ module.exports = class Markups {
290
304
  return relativePathPrefix
291
305
  }
292
306
 
307
+ getPageUrl(outputPath) {
308
+ outputPath = this.replaceOutExtensions(outputPath)
309
+ return /index\.[a-z]+$/.test(path.basename(outputPath)) ? path.relative(process.cwd(), path.dirname(outputPath)) : path.relative(process.cwd(), outputPath)
310
+ }
311
+
312
+ replaceOutExtensions(outputPath) {
313
+ switch (path.extname(outputPath)) {
314
+ case '.md':
315
+ outputPath = outputPath.replace(/\.md$/, '.html')
316
+ break
317
+ case '.njk':
318
+ outputPath = outputPath.replace(/\.njk$/, '.html')
319
+ break
320
+ }
321
+
322
+ return outputPath
323
+ }
324
+
293
325
  compileEntry(templateName, additionalContext) {
294
326
  const source = fs.readFileSync(templateName, 'utf-8')
295
327
  const match = source.match(/^\s*---\s*([\s\S]*?)---\s*/) // Front matter match
296
328
  const context = { page: {} }
329
+ let pageUrl
330
+
297
331
  if (additionalContext) {
332
+ if (additionalContext._url) {
333
+ pageUrl = additionalContext._url
334
+ delete additionalContext._url
335
+ }
298
336
  Object.assign(context, additionalContext)
299
337
  }
300
338
  if (match) {
@@ -306,6 +344,8 @@ module.exports = class Markups {
306
344
  }
307
345
  }
308
346
 
347
+ if (pageUrl) context.page.url = pageUrl
348
+
309
349
  const env = this.nunjucksEnv
310
350
  return new Promise((resolve, reject) => {
311
351
  env.getTemplate(templateName).render(context, (error, result) => {
@@ -331,7 +371,7 @@ module.exports = class Markups {
331
371
 
332
372
  if (pathIsDirectory(markupIn)) {
333
373
  const markupFiles = [...glob.sync(path.join(markupIn, this.generateMarkupGlobPattern(this.includePaths))), ...glob.sync(path.join(markupIn, '*.+(html|xml|rss|atom|json|njk|md)'))]
334
- const collectionData = this.getCollectionData(this.config.markup.collections || this.config.markup.options.collections)
374
+ const collectionData = this.collectionAutoDiscovery()
335
375
  const compilePromises = []
336
376
  markupFiles.forEach((file) => {
337
377
  const relativePath = path.relative(markupIn, file)
@@ -340,7 +380,7 @@ module.exports = class Markups {
340
380
  // Create pagination for collection pages
341
381
  if (relativePathParts.length > 1 &&
342
382
  collectionData[relativePathParts[0]] &&
343
- (relativePathParts[1] === 'index.html' || relativePathParts[1] === 'index.njk') &&
383
+ (relativePathParts[1] === 'index.html' || relativePathParts[1] === 'index.njk' || relativePathParts[1] === 'index.md') &&
344
384
  collectionData[relativePathParts[0]].items.length > 0) {
345
385
  let frontMatter = {}
346
386
  const source = fs.readFileSync(file, 'utf-8')
@@ -354,10 +394,12 @@ module.exports = class Markups {
354
394
  }
355
395
  }
356
396
 
357
- if (!frontMatter.paginate && !isNaN(parseInt(frontMatter.paginate))) {
397
+ if (frontMatter.paginate && !isNaN(parseInt(frontMatter.paginate))) {
358
398
  frontMatter.paginate = parseInt(frontMatter.paginate)
359
399
  }
360
400
 
401
+ // TODO: sorting should be done via frontMatter not the config file. Collection autodiscovery from frontMatter as well
402
+
361
403
  const collectionName = relativePathParts[0]
362
404
 
363
405
  if (frontMatter.paginate) {
@@ -396,6 +438,7 @@ module.exports = class Markups {
396
438
  }
397
439
 
398
440
  collectionData.relativePathPrefix = this.getRelativePathPrefix(markupOutDir)
441
+ collectionData._url = this.getPageUrl(markupOut)
399
442
 
400
443
  const compilePromise = this.compileEntry(file, collectionData).then((result) => {
401
444
  fs.writeFileSync(markupOut, result)
@@ -415,16 +458,10 @@ module.exports = class Markups {
415
458
  }
416
459
 
417
460
  collectionData.relativePathPrefix = this.getRelativePathPrefix(markupOutDir)
418
- const compilePromise = this.compileEntry(file, collectionData).then((result) => {
419
- switch (path.extname(markupOut)) {
420
- case '.md':
421
- markupOut = markupOut.replace(/\.md$/, '.html')
422
- break
423
- case '.njk':
424
- markupOut = markupOut.replace(/\.njk$/, '.html')
425
- break
426
- }
461
+ collectionData._url = this.getPageUrl(markupOut)
427
462
 
463
+ const compilePromise = this.compileEntry(file, collectionData).then((result) => {
464
+ markupOut = this.replaceOutExtensions(markupOut)
428
465
  fs.writeFileSync(markupOut, result)
429
466
  })
430
467
  compilePromises.push(compilePromise)
@@ -445,17 +482,10 @@ module.exports = class Markups {
445
482
  const markupOutDir = path.dirname(markupOut)
446
483
  const additionalContext = {}
447
484
  additionalContext.relativePathPrefix = this.getRelativePathPrefix(markupOutDir)
485
+ additionalContext._url = this.getPageUrl(markupOut)
448
486
 
449
487
  return this.compileEntry(markupIn, additionalContext).then((result) => {
450
- switch (path.extname(markupOut)) {
451
- case '.md':
452
- markupOut = markupOut.replace(/\.md$/, '.html')
453
- break
454
- case '.njk':
455
- markupOut = markupOut.replace(/\.njk$/, '.html')
456
- break
457
- }
458
-
488
+ markupOut = this.replaceOutExtensions(markupOut)
459
489
  fs.writeFileSync(markupOut, result)
460
490
  console.log(`${pstyle.cyanBright + pstyle.bold}[markup]${pstyle.reset} ${pstyle.dim}Compiled:${pstyle.reset} ${pstyle.italic + pstyle.underline}${path.relative(process.cwd(), path.join(process.cwd(), this.config.markup.out, path.basename(markupIn)))}${pstyle.reset}`)
461
491
  }).catch((err) => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "poops",
3
3
  "description": "Straightforward, no-bullshit bundler for the web.",
4
- "version": "1.0.17",
4
+ "version": "1.0.18",
5
5
  "license": "MIT",
6
6
  "main": "poops.js",
7
7
  "repository": {
@@ -37,9 +37,6 @@
37
37
  "_layouts",
38
38
  "_partials"
39
39
  ],
40
- "collections": [
41
- "changelog"
42
- ],
43
40
  "timeDateFormat": "MMM D, YYYY"
44
41
  }
45
42
  },