Commit
Author: Adam Argyle [atom@argyleink.com]
Hash: a0a940897572e3fffe93050796cee61b81069b9c
Timestamp: Sat, 29 Jan 2022 02:04:02 +0000 (3 years ago)

+10 -10 +/-5 browse
ratio-box becomes ratio-square
1diff --git a/docsite/index.css b/docsite/index.css
2index 3fc84c5..e19be02 100644
3--- a/docsite/index.css
4+++ b/docsite/index.css
5 @@ -581,7 +581,7 @@ pre[class*="language-"] {
6 display: grid;
7 place-content: center;
8 margin: var(--size-3);
9- aspect-ratio: var(--ratio-box);
10+ aspect-ratio: var(--ratio-square);
11 border-radius: var(--radius-round);
12 }
13 }
14 @@ -1046,7 +1046,7 @@ pre[class*="language-"] {
15 & > div {
16 background: white;
17 inline-size: var(--size-12);
18- aspect-ratio: var(--ratio-box);
19+ aspect-ratio: var(--ratio-square);
20 border-radius: var(--radius-3);
21 display: grid;
22 place-content: center;
23 @@ -1079,7 +1079,7 @@ pre[class*="language-"] {
24 display: grid;
25 place-content: center;
26 inline-size: var(--size-fluid-6);
27- aspect-ratio: var(--ratio-box);
28+ aspect-ratio: var(--ratio-square);
29 border-color: var(--indigo-5);
30 border-width: var(--border-size-2);
31 font-size: var(--font-size-4);
32 diff --git a/docsite/index.html b/docsite/index.html
33index c1982a6..486accf 100644
34--- a/docsite/index.html
35+++ b/docsite/index.html
36 @@ -119,7 +119,7 @@
37 </li>
38 </ul>
39 <small>
40- v1.2.1
41+ v1.3.0
42 <span class="license">
43 <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16">
44 <path fill-rule="evenodd" d="M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"></path>
45 @@ -1522,7 +1522,7 @@
46 <h5>Vars Sample</h5>
47 <div class="var-examples">
48 <pre class="language-css"><code>
49- --ratio-box: 1;
50+ --ratio-square: 1;
51 --ratio-landscape: 4/3;
52 --ratio-portrait: 3/4;
53 --ratio-widescreen: 16/9;
54 @@ -1542,7 +1542,7 @@
55 </div>
56 </div>
57 <article class="aspect-demos">
58- <div style="aspect-ratio: var(--ratio-box)">box</div>
59+ <div style="aspect-ratio: var(--ratio-square)">box</div>
60 <div style="aspect-ratio: var(--ratio-landscape)">landscape</div>
61 <div style="aspect-ratio: var(--ratio-portrait)">portrait</div>
62 <div style="aspect-ratio: var(--ratio-widescreen)">widescreen</div>
63 @@ -2531,7 +2531,7 @@
64
65 .circle {
66 inline-size: var(--size-5);
67- aspect-ratio: var(--ratio-box);
68+ aspect-ratio: var(--ratio-square);
69 border-radius: var(--radius-round);
70 }
71 </code></pre>
72 diff --git a/package.json b/package.json
73index 68eb714..134117f 100644
74--- a/package.json
75+++ b/package.json
76 @@ -3,7 +3,7 @@
77 "name": "open-props",
78 "author": "Adam Argyle",
79 "license": "MIT",
80- "version": "1.2.3",
81+ "version": "1.3.0",
82 "repository": {
83 "type": "git",
84 "url": "https://github.com/argyleink/open-props"
85 diff --git a/src/props.aspects.css b/src/props.aspects.css
86index 66daab0..a7422c9 100644
87--- a/src/props.aspects.css
88+++ b/src/props.aspects.css
89 @@ -1,5 +1,5 @@
90 :where(html) {
91- --ratio-box: 1;
92+ --ratio-square: 1;
93 --ratio-landscape: 4/3;
94 --ratio-portrait: 3/4;
95 --ratio-widescreen: 16/9;
96 diff --git a/src/props.aspects.js b/src/props.aspects.js
97index 8c6cfe7..24986e4 100644
98--- a/src/props.aspects.js
99+++ b/src/props.aspects.js
100 @@ -1,5 +1,5 @@
101 export default {
102- '--ratio-box': '1',
103+ '--ratio-square': '1',
104 '--ratio-landscape': '4/3',
105 '--ratio-portrait': '3/4',
106 '--ratio-widescreen': '16/9',