Skip to content

Commit abc6bf8

Browse files
frankpaganfrankpagan
committed
feat: name attribute and variable renamed to key
1 parent 8ef1b3b commit abc6bf8

3 files changed

Lines changed: 21 additions & 21 deletions

File tree

‎demo/iframe.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta
8-
name="description"
8+
key="description"
99
content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
1010
<meta
11-
name="keywords"
11+
key="keywords"
1212
content="helper classes, utility classes, css framework, css library, inline style classes" />
1313
<meta name="robots" content="index,follow" />
1414

‎demo/index.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ <h1 id="new" class="background:green">testing</h1>
7575
<input
7676
type="checkbox"
7777
id="vehicle11"
78-
name="vehicle1"
78+
key="vehicle1"
7979
value="1"
8080
attribute="someAttr"
8181
attribute-selector="#new" /><label for="vehicle1"
@@ -84,7 +84,7 @@ <h1 id="new" class="background:green">testing</h1>
8484
<input
8585
type="checkbox"
8686
id="vehicle21"
87-
name="vehicle1"
87+
key="vehicle1"
8888
value="2"
8989
attribute="someAttr"
9090
attribute-selector="#new" /><label for="vehicle2"
@@ -95,7 +95,7 @@ <h1 id="new" class="background:green">testing</h1>
9595
<input
9696
type="radio"
9797
id="vehicle12"
98-
name="vehicleb"
98+
key="vehicleb"
9999
value="green"
100100
attribute="classstyle"
101101
attribute-selector="#new"
@@ -105,7 +105,7 @@ <h1 id="new" class="background:green">testing</h1>
105105
<input
106106
type="radio"
107107
id="vehicle214"
108-
name="vehicleb"
108+
key="vehicleb"
109109
value="blue"
110110
attribute="classstyle"
111111
attribute-selector="#new"
@@ -114,38 +114,38 @@ <h1 id="new" class="background:green">testing</h1>
114114
><br />
115115

116116
<!--<p>same name:</p>-->
117-
<!--<input type="checkbox" id="vehicle31" name="sameee" value="background:green;" attribute="style" attribute-selector="#new"><label for="vehicle3">background:green</label><br>-->
118-
<!--<input type="checkbox" id="vehicle41" name="sameee" value="color:blue;" attribute="style" attribute-selector="#new"><label for="vehicle4">color:blue</label><br/>-->
119-
<!--<input id="radio1" type="radio" name="radiotest" value="background:green;" attribute="style" attribute-selector="#new">-->
117+
<!--<input type="checkbox" id="vehicle31" key="sameee" value="background:green;" attribute="style" attribute-selector="#new"><label for="vehicle3">background:green</label><br>-->
118+
<!--<input type="checkbox" id="vehicle41" key="sameee" value="color:blue;" attribute="style" attribute-selector="#new"><label for="vehicle4">color:blue</label><br/>-->
119+
<!--<input id="radio1" type="radio" key="radiotest" value="background:green;" attribute="style" attribute-selector="#new">-->
120120
<!--<label for="radio1">background:green</label>-->
121-
<!--<input id="radio2" type="radio" name="radiotest" value="color:blue;" attribute="style" attribute-selector="#new">-->
121+
<!--<input id="radio2" type="radio" key="radiotest" value="color:blue;" attribute="style" attribute-selector="#new">-->
122122
<!--<label for="radio2">color:blue</label>-->
123123

124-
<!--<select name="cars" id="cars" attribute="style" attribute-selector="#new">-->
124+
<!--<select key="cars" id="cars" attribute="style" attribute-selector="#new">-->
125125
<!-- <option value="background:green;">background:green;</option>-->
126126
<!-- <option value="color:blue;">color:blue;</option>-->
127127
<!-- <option value="mercedes">Mercedes</option>-->
128128
<!-- <option value="audi">Audi</option>-->
129129
<!--</select>-->
130130
<!--<br>-->
131131

132-
<!--<select name="cars" id="cars" attribute="class" attribute-selector="#new" multiple>-->
132+
<!--<select key="cars" id="cars" attribute="class" attribute-selector="#new" multiple>-->
133133
<!-- <option value="class1">class1</option>-->
134134
<!-- <option value="class2">class2</option>-->
135135
<!-- <option value="class3">class3</option>-->
136136
<!-- <option value="class4">class4</option>-->
137137
<!--</select>-->
138138

139-
<!--<select name="cars" id="cars" attribute="myAttribute" attribute-selector="#new" multiple>-->
139+
<!--<select key="cars" id="cars" attribute="myAttribute" attribute-selector="#new" multiple>-->
140140
<!-- <option value="class1">myAttribute </option>-->
141141
<!-- <option value="class2">myAttribute class2</option>-->
142142
<!-- <option value="class3">myAttribute class3</option>-->
143143
<!-- <option value="class4">myAttribute class4</option>-->
144144
<!--</select>-->
145145

146-
<!--<input type="checkbox" id="classxxx" name="classxxx" value="classxxx" attribute="class" attribute-selector="#new" checked><label for="classxxx">add class: classxxx</label><br>-->
146+
<!--<input type="checkbox" id="classxxx" key="classxxx" value="classxxx" attribute="class" attribute-selector="#new" checked><label for="classxxx">add class: classxxx</label><br>-->
147147

148-
<!--<cocreate-select sortable class="floating-label" attribute="style" attribute-selector="#new" name="selectField4" placeholder="Single Options">-->
148+
<!--<cocreate-select sortable class="floating-label" attribute="style" attribute-selector="#new" key="selectField4" placeholder="Single Options">-->
149149
<!-- <input class="option-search" placeholder="Search">-->
150150
<!-- <ul class="options overflow:auto">-->
151151
<!-- <cc-option class="option" value="background:green;">-->
@@ -162,7 +162,7 @@ <h1 id="new" class="background:green">testing</h1>
162162
<!-- </cc-option>-->
163163
<!-- </ul>-->
164164
<!--</cocreate-select>-->
165-
<!--<cocreate-select class="floating-label" attribute="style" attribute-selector="#new" name="selectField4" multiple placeholder="Single Options">-->
165+
<!--<cocreate-select class="floating-label" attribute="style" attribute-selector="#new" key="selectField4" multiple placeholder="Single Options">-->
166166
<!-- <input class="option-search" placeholder="Search">-->
167167
<!-- <ul class="options overflow:auto">-->
168168
<!-- <cc-option class="option" value="background:green;">-->

‎docs/index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
sizes="32x32"
1212
href="https://cocreate.app/images/favicon.ico" />
1313
<meta
14-
name="description"
14+
key="description"
1515
content="A JavaScript component target,update &amp; remove values in element's attributes from an input,select or js api.Configurable using class, style or any custom attribute" />
1616
<meta name="robots" content="index,follow" />
1717
<meta
@@ -28,7 +28,7 @@
2828
href="/docs/index.css"
2929
array="files"
3030
object="60888216117c640e7596303f"
31-
name="src"
31+
key="src"
3232
type="text/css"
3333
save="true" />
3434
<link rel="manifest" href="/manifest.webmanifest" />
@@ -43,7 +43,7 @@
4343
scroll-down="10"
4444
array="files"
4545
object="60395ef42b3ac232657040fd"
46-
name="src"></nav>
46+
key="src"></nav>
4747
<sidenav
4848
id="menuL"
4949
class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -54,7 +54,7 @@
5454
<menu
5555
array="files"
5656
object="603717b07de7fb350ae9fec8"
57-
name="src"></menu>
57+
key="src"></menu>
5858
<div resize="right"></div>
5959
</sidenav>
6060
<main
@@ -295,7 +295,7 @@ <h2 class="padding:5px_0px">Demo</h2>
295295
lang="html"
296296
array="demos"
297297
object=""
298-
name="demo"
298+
key="demo"
299299
save="false"
300300
id="demo"
301301
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>

0 commit comments

Comments
 (0)