Skip to content

Commit 345d8af

Browse files
frankpaganfrankpagan
committed
fix: replace -target -selector
1 parent 615c8b0 commit 345d8af

File tree

4 files changed

+73
-46
lines changed

4 files changed

+73
-46
lines changed

‎demo/atomic-css.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ <h2 class="background:red@sm@md">CoCreate helper CSS</h2>
109109
<span
110110
class="display:flex align-items:center"
111111
hover="display:block!important"
112-
hover-target="[href='#css-parser-reference']">
112+
hover-selector="[href='#css-parser-reference']">
113113
<h2 class="padding:5px_0px">Reference</h2>
114114
<a
115115
class="margin-left:10px display:none"
@@ -999,7 +999,7 @@ <h2 class="padding:5px_0px">Reference</h2>
999999
<span
10001000
class="display:flex align-items:center"
10011001
hover="display:block!important"
1002-
hover-target="[href='#css-parser-demo']">
1002+
hover-selector="[href='#css-parser-demo']">
10031003
<h2 class="padding:5px_0px">Demo</h2>
10041004
<a
10051005
class="margin-left:10px display:none"
@@ -1048,7 +1048,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10481048
show="#eye-slash"
10491049
hide="#eye, #demo-preview"
10501050
toggle="code-height"
1051-
toggle-target="#demo-code"
1051+
toggle-selector="#demo-code"
10521052
><i
10531053
class="height:18px fill:#505050"
10541054
src="/assets/svg/eye.svg"></i
@@ -1060,7 +1060,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10601060
show="#eye, #demo-preview"
10611061
hide="#eye-slash"
10621062
toggle="code-height"
1063-
toggle-target="#demo-code"
1063+
toggle-selector="#demo-code"
10641064
><i
10651065
class="height:20px fill:#505050"
10661066
src="/assets/svg/eye-slash.svg"></i
@@ -1087,7 +1087,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10871087
<a
10881088
class="margin-right:5px"
10891089
fullscreen
1090-
fullscreen-target="#playground"></a>
1090+
fullscreen-selector="#playground"></a>
10911091
</div>
10921092
</div>
10931093
<!-- End SandBox -->

‎demo/test.1.html

Lines changed: 56 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,64 @@
11
<!DOCTYPE html>
22
<html lang="en" theme="dark">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<title>CoCreateCSS - A utility first, atomic CSS framework</title>
8+
<meta
9+
name="description"
10+
content="A Low-code JavaScript framework for building collaborative No-code platforms, apps and UI" />
11+
<link
12+
rel="icon"
13+
type="image/png"
14+
sizes="32x32"
15+
href="https://cocreate.app/images/favicon.ico" />
316

4-
<head>
5-
<meta charset="utf-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<meta name="viewport" content="width=device-width, initial-scale=1">
8-
<title>CoCreateCSS - A utility first, atomic CSS framework</title>
9-
<meta name="description" content="A Low-code JavaScript framework for building collaborative No-code platforms, apps and UI">
10-
<link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
17+
<!-- CoCreate CSS -->
18+
<link
19+
rel="stylesheet"
20+
href="https://cdn.cocreate.app/latest/CoCreate.min.css"
21+
type="text/css" />
22+
<!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" save="true" collection="files" document_id="60888216117c640e7596303f" name="src" />-->
23+
<link
24+
rel="stylesheet"
25+
href="../src/index.css"
26+
collection="files"
27+
document_id="60888216117c640e7596303f"
28+
name="src"
29+
type="text/css"
30+
parse="true"
31+
save="true" />
32+
<link rel="manifest" href="/manifest.webmanifest" />
33+
</head>
1134

12-
<!-- CoCreate CSS -->
13-
<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css" />
14-
<!--<link rel="stylesheet" href="https://ws.cocreate.app/docs/index.css" type="text/css" save="true" collection="files" document_id="60888216117c640e7596303f" name="src" />-->
15-
<link rel="stylesheet" href="../src/index.css" collection="files" document_id="60888216117c640e7596303f" name="src" type="text/css" parse="true" save="true" />
16-
<link rel="manifest" href="/manifest.webmanifest">
17-
</head>
18-
19-
<body class="padding:50px!important">
20-
<div class="width:50%@300px-500px" parse="false">
21-
<div class="background:blue@dark:hover">
22-
<h1 class="color:white@dark">hello how are you</h1>
23-
<div>
24-
<div class="background:black@dark background:blue@light">
25-
<h1 class="color:white@dark color:yellow@light">hello how are you</h1>
35+
<body class="padding:50px!important">
36+
<div class="width:50%@300px-500px" parse="false">
37+
<div class="background:blue@dark:hover">
38+
<h1 class="color:white@dark">hello how are you</h1>
39+
<div>
40+
<div class="background:black@dark background:blue@light">
41+
<h1 class="color:white@dark color:yellow@light">
42+
hello how are you
43+
</h1>
44+
</div>
45+
<a
46+
toggle="dark, light"
47+
toggle-selector="[theme]"
48+
toggle-attribute="theme"
49+
>Toggle Darkmode</a
50+
>
2651
</div>
27-
<a toggle="dark, light" toggle-target="[theme]" toggle-attribute="theme">Toggle Darkmode</a>
2852
</div>
53+
<a
54+
toggle="dark, light"
55+
toggle-selector="[theme]"
56+
toggle-attribute="theme"
57+
>Toggle Darkmode</a
58+
>
2959
</div>
30-
<a toggle="dark, light" toggle-target="[theme]" toggle-attribute="theme">Toggle Darkmode</a>
31-
</div>
32-
33-
<!--CoCreateJS-->
34-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
35-
</body>
3660

37-
</html>
61+
<!--CoCreateJS-->
62+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
63+
</body>
64+
</html>

‎demo/test.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -71,15 +71,15 @@ <h1 class="color:white@dark color:yellow@light">
7171
</div>
7272
<a
7373
toggle="dark, light"
74-
toggle-target="[theme]"
74+
toggle-selector="[theme]"
7575
toggle-attribute="theme"
7676
>Toggle Darkmode</a
7777
>
7878
</div>
7979
</div>
8080
<a
8181
toggle="dark, light"
82-
toggle-target="[theme]"
82+
toggle-selector="[theme]"
8383
toggle-attribute="theme"
8484
>Toggle Darkmode</a
8585
>
@@ -98,7 +98,7 @@ <h1 class="color:white@dark color:yellow@light">
9898
id="menuL"
9999
class="position:fixed top:0px left:0px background:whitesmoke height:100vh width:50px width:300px:hover width:0px@xs"
100100
resizable
101-
resize-target="[content_id='content']"
101+
resize-selector="[content_id='content']"
102102
resize-property="margin-left"
103103
resize-value="width">
104104
<menu

‎docs/index.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
id="menuL"
6262
class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
6363
resizable
64-
resize-target="[content_id='content']"
64+
resize-selector="[content_id='content']"
6565
resize-property="margin-left"
6666
resize-value="width">
6767
<menu
@@ -90,7 +90,7 @@ <h2>CoCreate utility CSS</h2>
9090
share-width="700"
9191
share-media="https://cdn.cocreate.app/docs/css-parser.png"
9292
hover="display:block!important"
93-
hover-target=".social-networks">
93+
hover-selector=".social-networks">
9494
<div class="display:none social-networks">
9595
<a
9696
class="margin-right:15px"
@@ -149,11 +149,11 @@ <h1 class="max-width:500px margin-top:20px">
149149
class="margin-top:80px border-bottom:1px_solid_lightgrey"
150150
scroll
151151
scroll-intersect="color:dodgerblue"
152-
scroll-target="#css-parser-usage-section">
152+
scroll-selector="#css-parser-usage-section">
153153
<span
154154
class="display:flex align-items:center width:fit-content"
155155
hover="display:block!important"
156-
hover-target="[href='#css-parser-usage']">
156+
hover-selector="[href='#css-parser-usage']">
157157
<h2 class="padding:5px_0px">Usage</h2>
158158
<a
159159
class="margin-left:10px display:none"
@@ -1044,11 +1044,11 @@ <h2 class="padding:5px_0px">Usage</h2>
10441044
class="border-bottom:1px_solid_lightgrey"
10451045
scroll
10461046
scroll-intersect="color:dodgerblue"
1047-
scroll-target="#css-parser-demo-section">
1047+
scroll-selector="#css-parser-demo-section">
10481048
<span
10491049
class="display:flex align-items:center width:fit-content"
10501050
hover="display:block!important"
1051-
hover-target="[href='#css-parser-demo']">
1051+
hover-selector="[href='#css-parser-demo']">
10521052
<h2 class="padding:5px_0px">Demo</h2>
10531053
<a
10541054
class="margin-left:10px display:none"
@@ -1097,7 +1097,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10971097
show="#eye-slash"
10981098
hide="#eye, #demo-preview"
10991099
toggle="code-height"
1100-
toggle-target="#demo-code"
1100+
toggle-selector="#demo-code"
11011101
><i
11021102
class="height:18px fill:#505050"
11031103
src="/assets/svg/eye.svg"></i
@@ -1109,7 +1109,7 @@ <h2 class="padding:5px_0px">Demo</h2>
11091109
show="#eye, #demo-preview"
11101110
hide="#eye-slash"
11111111
toggle="code-height"
1112-
toggle-target="#demo-code"
1112+
toggle-selector="#demo-code"
11131113
><i
11141114
class="height:20px fill:#505050"
11151115
src="/assets/svg/eye-slash.svg"></i
@@ -1136,7 +1136,7 @@ <h2 class="padding:5px_0px">Demo</h2>
11361136
<a
11371137
class="margin-right:5px"
11381138
fullscreen
1139-
fullscreen-target="#playground"></a>
1139+
fullscreen-selector="#playground"></a>
11401140
</div>
11411141
</div>
11421142
<!-- End SandBox -->

0 commit comments

Comments
 (0)