no-style-please 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1400532adf56860c17470b48995337de44d71760120df748d1e2f496c4e0a522
4
- data.tar.gz: 79d7a895706ebc44aba4e43a956fe3b9e938bd0169a408218aa725539e2b4e66
3
+ metadata.gz: 2dec719d22b27ee9f9b2c86113bad50935bf622d1e219584d49aa7bb3c550a7f
4
+ data.tar.gz: ec4c7d28d0670b0302bc0ce4dfec32871f698fd2e9c19f8375704b8c491011a2
5
5
  SHA512:
6
- metadata.gz: fbbfaa09b602c9a8e6df2f777f7bfa701be7327a0c16e4d1ef26a74a23bb87ba18ed9df8d3bed7075c2dc8d0714bbc67f565a842955b796fc7014cdbeba77da5
7
- data.tar.gz: 76a05f75b254776fb7900577164fdcea38141bab9393ffd4ba99c478747794810309e4bdc77b4fdae02046885ccc829b0505b2379bb2c2bff2fef350553fbf06
6
+ metadata.gz: efe713095e4c0aa302209c841265a78508576bf9c67db508532f648a2b79585a21eaa6376ea097df15d23b7df68d4619f91adf5078d134004a672f510a6801e2
7
+ data.tar.gz: 4a0b2f30b3373d22416cfd356f5c9fe5446ea21a564a2857b01b7499a908135b80c4cbc80775d8f7b6a34ecd97d0ff25904469aaa984f19e6e4d3052baad8c7d
@@ -1,9 +1,9 @@
1
1
  <!DOCTYPE html>
2
- <html lang="{{ page.lang | default: "en" }}" a="{{ site.theme_config.appearance | default: "auto" }}">
2
+ <html lang="{{ page.lang | default: "en" }}">
3
3
  {%- include head.html -%}
4
- <body>
4
+ <body a="{{ site.theme_config.appearance | default: "auto" }}">
5
5
  <main class="page-content" aria-label="Content">
6
- <div class="wrapper">
6
+ <div class="w">
7
7
  {{ content }}
8
8
  </div>
9
9
  </main>
@@ -1,3 +1,4 @@
1
+ // -------------- THEME SWITCHER -------------- //
1
2
  @mixin dark-appearance {
2
3
  filter: invert(1);
3
4
  img {
@@ -7,21 +8,31 @@
7
8
  }
8
9
  }
9
10
 
10
- html[a="dark"] { @include dark-appearance; }
11
+ body[a="dark"] { @include dark-appearance; }
12
+
11
13
 
12
14
  @media (prefers-color-scheme: dark) {
13
- html[a="auto"] { @include dark-appearance; }
15
+ body[a="auto"] { @include dark-appearance; }
14
16
  }
17
+ // -------------------------------------------- //
18
+
19
+ // bg color is also needed in html in order to
20
+ // block body's background propagation
21
+ // see: https://stackoverflow.com/a/61265706
22
+ html, body { background-color: white; }
15
23
 
16
- html {
24
+ html { height: 100%; }
25
+
26
+ body {
17
27
  color: black;
18
- background-color: white;
19
28
  font-family: monospace;
20
29
  font-size: 1.3rem;
21
30
  line-height: 1.3;
31
+ margin: 0;
32
+ min-height: 100%;
22
33
  }
23
34
 
24
- h2, h3, h4, h5, h6 { margin-top: 3rem; }
35
+ h2, h3, h4, h5 { margin-top: 3rem; }
25
36
 
26
37
  hr { margin: 2rem 0; }
27
38
 
@@ -31,10 +42,10 @@ li { margin: 0.4rem 0; }
31
42
 
32
43
  *:target { background-color: yellow; }
33
44
 
34
- .wrapper {
35
- max-width: 60ch;
36
- margin: 4rem auto;
37
- padding: 0 1rem;
45
+ .w {
46
+ max-width: 640px;
47
+ margin: 0 auto;
48
+ padding: 4rem 2rem;
38
49
  }
39
50
 
40
51
  hr {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: no-style-please
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.3.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Riccardo Graziosi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-09-20 00:00:00.000000000 Z
11
+ date: 2020-09-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll