File tree Expand file tree Collapse file tree 3 files changed +2
-11
lines changed Expand file tree Collapse file tree 3 files changed +2
-11
lines changed Original file line number Diff line number Diff line change 33
44 const addSpan = [ "flip" , "fadeout" , "slideall" ] ;
55
6- const templateWithSpan = `
7- <div class="button b2" role="switch" aria-label="CSS Toggle Button" aria-checked="true">
8- <input type="checkbox" class="checkbox" aria-label="CSS Toggle Button">
9- <div class="knobs">
10- <span></span>
11- </div>
12- <div class="layer"></div>
13- </div>
14- ` ;
156 const template = document . createElement ( "template" ) ;
167 const commonStyles = `
178.button
Original file line number Diff line number Diff line change 33 < head >
44 < meta charset ="UTF-8 ">
55 < base href ="css-toggle-component "/>
6- < title > Pure CSS Toggle buttons as web components </ title >
6+ < title > Pure CSS Toggle buttons as Web Components </ title >
77 < link href ="styles.css " rel ="stylesheet "/>
88 < script src ="https://unpkg.com/@webcomponents/webcomponentsjs@2.0.0/webcomponents-loader.js "> </ script >
99 </ head >
1010 < body >
1111 < h1 > CSS Toggle buttons</ h1 >
1212 < header >
1313 < a href ="https://github.com/rajasegar/css-toggle-component "> Github</ a >
14+ based on the < a href ="https://codepen.io/himalayasingh/pen/EdVzNL?editors=1000 "> CodePen</ a > by Himalaya Singh
1415 </ header >
1516 < h2 > Usage</ h2 >
1617 < code >
Original file line number Diff line number Diff line change 55 background-color : # f1f9f9
66 padding : 1em ;
77 text-align : center;
8-
98}
109
1110.app-cover
You can’t perform that action at this time.
0 commit comments