-
Notifications
You must be signed in to change notification settings - Fork 5
theme.json 導入テスト #103
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
theme.json 導入テスト #103
Changes from all commits
bf048c2
68c3720
3ddf0fd
9296dda
6fbf163
95b4851
b4ff264
0497c6d
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,7 +3,7 @@ | |
| .alignwide { | ||
| position: relative; | ||
| left: calc(var(--ark-alignwide_ex_width) * -1); | ||
| width: calc(100% + var(--ark-alignwide_ex_width) * 2); | ||
| width: var(--wp--style--global--wide-size); | ||
|
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 実質同じ値となりますが、 |
||
| max-width: unset !important; // embedなどのmax100%のものを上書き | ||
|
|
||
| // div中の全幅は、内部に収まるように。(ネスト内でも広げたいケースはそれぞれにrevertで0を打ち消す) | ||
|
|
||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,29 @@ | ||
|
|
||
| .u-fz-xs, | ||
| .has-xsmall-font-size { | ||
| .u-fz-xs { | ||
|
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. フォントサイズの |
||
| font-size: var(--ark-fz--xs, .75em) !important; | ||
|
|
||
| } | ||
|
|
||
| .u-fz-s, | ||
| .has-small-font-size { | ||
| .u-fz-s { | ||
| font-size: var(--ark-fz--s, .9em) !important; | ||
| } | ||
|
|
||
| .u-fz-n, | ||
| .has-normal-font-size { | ||
| .u-fz-n { | ||
| font-size: var(--ark-fz--n, 1rem) !important; | ||
| } | ||
|
|
||
| .u-fz-m { | ||
| font-size: var(--ark-fz--m, 1.1em) !important; | ||
| } | ||
|
|
||
| .u-fz-l, | ||
| .has-large-font-size { | ||
| .u-fz-l { | ||
| font-size: var(--ark-fz--l, 1.25em) !important; | ||
| } | ||
|
|
||
| .u-fz-xl, | ||
| .has-xlarge-font-size { | ||
| .u-fz-xl { | ||
| font-size: var(--ark-fz--xl, 1.5em) !important; | ||
| } | ||
|
|
||
| .u-fz-xxl, | ||
| .has-xxlarge-font-size { | ||
| .u-fz-xxl { | ||
| font-size: var(--ark-fz--xxl, 2em) !important; | ||
| } | ||
|
|
||
| .has-huge-font-size { | ||
| font-size: var(--ark-fz--huge, 2.75em) !important; | ||
| } | ||
This file was deleted.
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| { | ||
| "$schema": "https://schemas.wp.org/trunk/theme.json", | ||
| "version": 2, | ||
| "settings": { | ||
| "layout": { | ||
| "contentSize": "var(--ark-block_width)", | ||
| "wideSize": "calc(100% + var(--ark-alignwide_ex_width)*2)" | ||
|
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 幅広の値は、これだとエディター側で上手く動かないため、何らかの調整が必要そう。 |
||
| }, | ||
| "typography": { | ||
| "lineHeight": true | ||
| }, | ||
| "spacing": { | ||
| "padding": true, | ||
| "margin": true, | ||
|
Comment on lines
+13
to
+14
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
|
||
| "spacingSizes": [ | ||
| { | ||
| "name": "Small", | ||
| "slug": "s", | ||
| "size": "var(--ark-mt--s)" | ||
| }, | ||
| { | ||
| "name": "Normal", | ||
| "slug": "normal", | ||
| "size": "var(--ark-mt)" | ||
| }, | ||
| { | ||
| "name": "Normal", | ||
| "slug": "h", | ||
| "size": "var(--ark-h-mt--h)" | ||
| } | ||
| ] | ||
|
Comment on lines
+15
to
+31
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 一旦マージン用CSS変数でバリエーションを定義。 |
||
| }, | ||
| "border": { | ||
| "color": true, | ||
| "radius": true, | ||
| "style": true, | ||
| "width": true | ||
| } | ||
|
Comment on lines
+33
to
+38
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. こちらも便利そうなので仮でオプトイン。(グループ、カラムなどでborder設定が使えるようになる) |
||
| } | ||
| } | ||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
theme.jsonへサポート移行。
custom-unitsについては、デフォルトで全ての単位をサポートしているため、移行せず削除のみ。