Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
T
todomvc
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Eugene Shen
todomvc
Commits
ef90ef3d
Commit
ef90ef3d
authored
Sep 06, 2015
by
Stephen McKamey
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Updating dependencies.
parent
9cc1fe01
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
23 additions
and
9 deletions
+23
-9
examples/duel/pom.xml
examples/duel/pom.xml
+5
-4
examples/duel/src/main/webapp/WEB-INF/web.xml
examples/duel/src/main/webapp/WEB-INF/web.xml
+13
-0
examples/duel/src/main/webapp/css/base.css
examples/duel/src/main/webapp/css/base.css
+1
-1
examples/duel/src/main/webapp/css/index.css
examples/duel/src/main/webapp/css/index.css
+1
-1
examples/duel/www/cdn/b12c1274056c76efb21a375280fdd622eb22b845.css
...duel/www/cdn/b12c1274056c76efb21a375280fdd622eb22b845.css
+1
-0
examples/duel/www/cdn/e9c3940d189473aceb2b4bc8cc436b995257df0b.css
...duel/www/cdn/e9c3940d189473aceb2b4bc8cc436b995257df0b.css
+0
-1
examples/duel/www/index.html
examples/duel/www/index.html
+2
-2
No files found.
examples/duel/pom.xml
View file @
ef90ef3d
...
@@ -18,10 +18,10 @@
...
@@ -18,10 +18,10 @@
<project.build.sourceEncoding>
UTF-8
</project.build.sourceEncoding>
<project.build.sourceEncoding>
UTF-8
</project.build.sourceEncoding>
<resourcesDir>
${project.basedir}/src/main/resources
</resourcesDir>
<resourcesDir>
${project.basedir}/src/main/resources
</resourcesDir>
<staticapps.version>
0.9.1
0
</staticapps.version>
<staticapps.version>
0.9.1
1
</staticapps.version>
<merge.version>
0.6.0
</merge.version>
<merge.version>
0.6.0
</merge.version>
<duel.version>
0.9.
6
</duel.version>
<duel.version>
0.9.
7
</duel.version>
<slf4j.version>
1.7.
9
</slf4j.version>
<slf4j.version>
1.7.
12
</slf4j.version>
<javac.version>
1.7
</javac.version>
<javac.version>
1.7
</javac.version>
<duel.clientPrefix>
todos.views
</duel.clientPrefix>
<duel.clientPrefix>
todos.views
</duel.clientPrefix>
...
@@ -76,10 +76,11 @@
...
@@ -76,10 +76,11 @@
<plugin>
<plugin>
<groupId>
org.apache.tomcat.maven
</groupId>
<groupId>
org.apache.tomcat.maven
</groupId>
<artifactId>
tomcat7-maven-plugin
</artifactId>
<artifactId>
tomcat7-maven-plugin
</artifactId>
<version>
2.
0-beta-1
</version>
<version>
2.
2
</version>
<configuration>
<configuration>
<path>
/
</path>
<path>
/
</path>
<port>
8080
</port>
<port>
8080
</port>
<uriEncoding>
UTF-8
</uriEncoding>
<warSourceDirectory>
${project.build.directory}/${project.build.finalName}/
</warSourceDirectory>
<warSourceDirectory>
${project.build.directory}/${project.build.finalName}/
</warSourceDirectory>
</configuration>
</configuration>
</plugin>
</plugin>
...
...
examples/duel/src/main/webapp/WEB-INF/web.xml
View file @
ef90ef3d
...
@@ -21,4 +21,17 @@
...
@@ -21,4 +21,17 @@
<servlet-name>
routing-servlet
</servlet-name>
<servlet-name>
routing-servlet
</servlet-name>
<url-pattern>
/
</url-pattern>
<url-pattern>
/
</url-pattern>
</servlet-mapping>
</servlet-mapping>
<mime-mapping>
<extension>
html
</extension>
<mime-type>
text/html;charset=utf-8
</mime-type>
</mime-mapping>
<mime-mapping>
<extension>
css
</extension>
<mime-type>
text/css;charset=utf-8
</mime-type>
</mime-mapping>
<mime-mapping>
<extension>
js
</extension>
<mime-type>
application/javascript;charset=utf-8
</mime-type>
</mime-mapping>
</web-app>
</web-app>
examples/duel/src/main/webapp/css/base.css
View file @
ef90ef3d
hr
{
hr
{
margin
:
20px
0
;
margin
:
20px
0
;
border
:
0
;
border
:
0
;
border-top
:
1px
dashed
#c5c5c5
;
border-top
:
1px
dashed
#c5c5c5
;
...
...
examples/duel/src/main/webapp/css/index.css
View file @
ef90ef3d
html
,
html
,
body
{
body
{
margin
:
0
;
margin
:
0
;
padding
:
0
;
padding
:
0
;
...
...
examples/duel/www/cdn/b12c1274056c76efb21a375280fdd622eb22b845.css
0 → 100644
View file @
ef90ef3d
hr
{
margin
:
20px
0
;
border
:
0
;
border-top
:
1px
dashed
#c5c5c5
;
border-bottom
:
1px
dashed
#f7f7f7
;}
.learn
a
{
font-weight
:
normal
;
text-decoration
:
none
;
color
:
#b83f45
;}
.learn
a
:hover
{
text-decoration
:
underline
;
color
:
#787e7e
;}
.learn
h3
,
.learn
h4
,
.learn
h5
{
margin
:
10px
0
;
font-weight
:
500
;
line-height
:
1.2
;
color
:
#000
;}
.learn
h3
{
font-size
:
24px
;}
.learn
h4
{
font-size
:
18px
;}
.learn
h5
{
margin-bottom
:
0
;
font-size
:
14px
;}
.learn
ul
{
padding
:
0
;
margin
:
0
0
30px
25px
;}
.learn
li
{
line-height
:
20px
;}
.learn
p
{
font-size
:
15px
;
font-weight
:
300
;
line-height
:
1.3
;
margin-top
:
0
;
margin-bottom
:
0
;}
#issue-count
{
display
:
none
;}
.quote
{
border
:
none
;
margin
:
20px
0
60px
0
;}
.quote
p
{
font-style
:
italic
;}
.quote
p
:before
{
content
:
'“'
;
font-size
:
50px
;
opacity
:
0.15
;
position
:
absolute
;
top
:
-20px
;
left
:
3px
;}
.quote
p
:after
{
content
:
'”'
;
font-size
:
50px
;
opacity
:
0.15
;
position
:
absolute
;
bottom
:
-42px
;
right
:
3px
;}
.quote
footer
{
position
:
absolute
;
bottom
:
-40px
;
right
:
0
;}
.quote
footer
img
{
border-radius
:
3px
;}
.quote
footer
a
{
margin-left
:
5px
;
vertical-align
:
middle
;}
.speech-bubble
{
position
:
relative
;
padding
:
10px
;
background
:
rgba
(
0
,
0
,
0
,
0.04
);
border-radius
:
5px
;}
.speech-bubble
:after
{
content
:
''
;
position
:
absolute
;
top
:
100%
;
right
:
30px
;
border
:
13px
solid
transparent
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.04
);}
.learn-bar
>
.learn
{
position
:
absolute
;
width
:
272px
;
top
:
8px
;
left
:
-300px
;
padding
:
10px
;
border-radius
:
5px
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
transition-property
:
left
;
transition-duration
:
500ms
;}
@media
(
min-width
:
899px
){
.learn-bar
{
width
:
auto
;
padding-left
:
300px
;}
.learn-bar
>
.learn
{
left
:
8px
;}}
html
,
body
{
margin
:
0
;
padding
:
0
;}
button
{
margin
:
0
;
padding
:
0
;
border
:
0
;
background
:
none
;
font-size
:
100%
;
vertical-align
:
baseline
;
font-family
:
inherit
;
font-weight
:
inherit
;
color
:
inherit
;
-webkit-appearance
:
none
;
appearance
:
none
;
-webkit-font-smoothing
:
antialiased
;
-moz-font-smoothing
:
antialiased
;
font-smoothing
:
antialiased
;}
body
{
font
:
14px
'Helvetica Neue'
,
Helvetica
,
Arial
,
sans-serif
;
line-height
:
1.4em
;
background
:
#f5f5f5
;
color
:
#4d4d4d
;
min-width
:
230px
;
max-width
:
550px
;
margin
:
0
auto
;
-webkit-font-smoothing
:
antialiased
;
-moz-font-smoothing
:
antialiased
;
font-smoothing
:
antialiased
;
font-weight
:
300
;}
button
,
input
[
type
=
"checkbox"
]
{
outline
:
none
;}
.hidden
{
display
:
none
;}
.todoapp
{
background
:
#fff
;
margin
:
130px
0
40px
0
;
position
:
relative
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
0.2
),
0
25px
50px
0
rgba
(
0
,
0
,
0
,
0.1
);}
.todoapp
input
::-webkit-input-placeholder
{
font-style
:
italic
;
font-weight
:
300
;
color
:
#e6e6e6
;}
.todoapp
input
::-moz-placeholder
{
font-style
:
italic
;
font-weight
:
300
;
color
:
#e6e6e6
;}
.todoapp
input
::input-placeholder
{
font-style
:
italic
;
font-weight
:
300
;
color
:
#e6e6e6
;}
.todoapp
h1
{
position
:
absolute
;
top
:
-155px
;
width
:
100%
;
font-size
:
100px
;
font-weight
:
100
;
text-align
:
center
;
color
:
rgba
(
175
,
47
,
47
,
0.15
);
-webkit-text-rendering
:
optimizeLegibility
;
-moz-text-rendering
:
optimizeLegibility
;
text-rendering
:
optimizeLegibility
;}
.new-todo
,
.edit
{
position
:
relative
;
margin
:
0
;
width
:
100%
;
font-size
:
24px
;
font-family
:
inherit
;
font-weight
:
inherit
;
line-height
:
1.4em
;
border
:
0
;
outline
:
none
;
color
:
inherit
;
padding
:
6px
;
border
:
1px
solid
#999
;
box-shadow
:
inset
0
-1px
5px
0
rgba
(
0
,
0
,
0
,
0.2
);
box-sizing
:
border-box
;
-webkit-font-smoothing
:
antialiased
;
-moz-font-smoothing
:
antialiased
;
font-smoothing
:
antialiased
;}
.new-todo
{
padding
:
16px
16px
16px
60px
;
border
:
none
;
background
:
rgba
(
0
,
0
,
0
,
0.003
);
box-shadow
:
inset
0
-2px
1px
rgba
(
0
,
0
,
0
,
0.03
);}
.main
{
position
:
relative
;
z-index
:
2
;
border-top
:
1px
solid
#e6e6e6
;}
label
[
for
=
'toggle-all'
]
{
display
:
none
;}
.toggle-all
{
position
:
absolute
;
top
:
-55px
;
left
:
-12px
;
width
:
60px
;
height
:
34px
;
text-align
:
center
;
border
:
none
;}
.toggle-all
:before
{
content
:
'❯'
;
font-size
:
22px
;
color
:
#e6e6e6
;
padding
:
10px
27px
10px
27px
;}
.toggle-all
:checked:before
{
color
:
#737373
;}
.todo-list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;}
.todo-list
li
{
position
:
relative
;
font-size
:
24px
;
border-bottom
:
1px
solid
#ededed
;}
.todo-list
li
:last-child
{
border-bottom
:
none
;}
.todo-list
li
.editing
{
border-bottom
:
none
;
padding
:
0
;}
.todo-list
li
.editing
.edit
{
display
:
block
;
width
:
506px
;
padding
:
13px
17px
12px
17px
;
margin
:
0
0
0
43px
;}
.todo-list
li
.editing
.view
{
display
:
none
;}
.todo-list
li
.toggle
{
text-align
:
center
;
width
:
40px
;
height
:
auto
;
position
:
absolute
;
top
:
0
;
bottom
:
0
;
margin
:
auto
0
;
border
:
none
;
-webkit-appearance
:
none
;
appearance
:
none
;}
.todo-list
li
.toggle
:after
{
content
:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#ededed" stroke-width="3"/></svg>')
;}
.todo-list
li
.toggle
:checked:after
{
content
:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#bddad5" stroke-width="3"/><path fill="#5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>')
;}
.todo-list
li
label
{
white-space
:
pre
;
word-break
:
break-word
;
padding
:
15px
60px
15px
15px
;
margin-left
:
45px
;
display
:
block
;
line-height
:
1.2
;
transition
:
color
0.4s
;}
.todo-list
li
.completed
label
{
color
:
#d9d9d9
;
text-decoration
:
line-through
;}
.todo-list
li
.destroy
{
display
:
none
;
position
:
absolute
;
top
:
0
;
right
:
10px
;
bottom
:
0
;
width
:
40px
;
height
:
40px
;
margin
:
auto
0
;
font-size
:
30px
;
color
:
#cc9a9a
;
margin-bottom
:
11px
;
transition
:
color
0.2s
ease-out
;}
.todo-list
li
.destroy
:hover
{
color
:
#af5b5e
;}
.todo-list
li
.destroy
:after
{
content
:
'×'
;}
.todo-list
li
:hover
.destroy
{
display
:
block
;}
.todo-list
li
.edit
{
display
:
none
;}
.todo-list
li
.editing
:last-child
{
margin-bottom
:
-1px
;}
.footer
{
color
:
#777
;
padding
:
10px
15px
;
height
:
20px
;
text-align
:
center
;
border-top
:
1px
solid
#e6e6e6
;}
.footer
:before
{
content
:
''
;
position
:
absolute
;
right
:
0
;
bottom
:
0
;
left
:
0
;
height
:
50px
;
overflow
:
hidden
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0.2
),
0
8px
0
-3px
#f6f6f6
,
0
9px
1px
-3px
rgba
(
0
,
0
,
0
,
0.2
),
0
16px
0
-6px
#f6f6f6
,
0
17px
2px
-6px
rgba
(
0
,
0
,
0
,
0.2
);}
.todo-count
{
float
:
left
;
text-align
:
left
;}
.todo-count
strong
{
font-weight
:
300
;}
.filters
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
position
:
absolute
;
right
:
0
;
left
:
0
;}
.filters
li
{
display
:
inline
;}
.filters
li
a
{
color
:
inherit
;
margin
:
3px
;
padding
:
3px
7px
;
text-decoration
:
none
;
border
:
1px
solid
transparent
;
border-radius
:
3px
;}
.filters
li
a
.selected
,
.filters
li
a
:hover
{
border-color
:
rgba
(
175
,
47
,
47
,
0.1
);}
.filters
li
a
.selected
{
border-color
:
rgba
(
175
,
47
,
47
,
0.2
);}
.clear-completed
,
html
.clear-completed
:active
{
float
:
right
;
position
:
relative
;
line-height
:
20px
;
text-decoration
:
none
;
cursor
:
pointer
;
position
:
relative
;}
.clear-completed
:hover
{
text-decoration
:
underline
;}
.info
{
margin
:
65px
auto
0
;
color
:
#bfbfbf
;
font-size
:
10px
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);
text-align
:
center
;}
.info
p
{
line-height
:
1
;}
.info
a
{
color
:
inherit
;
text-decoration
:
none
;
font-weight
:
400
;}
.info
a
:hover
{
text-decoration
:
underline
;}
@media
screen
and
(
-webkit-min-device-pixel-ratio
:
0
){
.toggle-all
,
.todo-list
li
.toggle
{
background
:
none
;}
.todo-list
li
.toggle
{
height
:
40px
;}
.toggle-all
{
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
-webkit-appearance
:
none
;
appearance
:
none
;}}
@media
(
max-width
:
430px
){
.footer
{
height
:
50px
;}
.filters
{
bottom
:
10px
;}}
\ No newline at end of file
examples/duel/www/cdn/e9c3940d189473aceb2b4bc8cc436b995257df0b.css
deleted
100644 → 0
View file @
9cc1fe01
hr
{
margin
:
20px
0
;
border
:
0
;
border-top
:
1px
dashed
#c5c5c5
;
border-bottom
:
1px
dashed
#f7f7f7
;}
.learn
a
{
font-weight
:
normal
;
text-decoration
:
none
;
color
:
#b83f45
;}
.learn
a
:hover
{
text-decoration
:
underline
;
color
:
#787e7e
;}
.learn
h3
,
.learn
h4
,
.learn
h5
{
margin
:
10px
0
;
font-weight
:
500
;
line-height
:
1.2
;
color
:
#000
;}
.learn
h3
{
font-size
:
24px
;}
.learn
h4
{
font-size
:
18px
;}
.learn
h5
{
margin-bottom
:
0
;
font-size
:
14px
;}
.learn
ul
{
padding
:
0
;
margin
:
0
0
30px
25px
;}
.learn
li
{
line-height
:
20px
;}
.learn
p
{
font-size
:
15px
;
font-weight
:
300
;
line-height
:
1.3
;
margin-top
:
0
;
margin-bottom
:
0
;}
#issue-count
{
display
:
none
;}
.quote
{
border
:
none
;
margin
:
20px
0
60px
0
;}
.quote
p
{
font-style
:
italic
;}
.quote
p
:before
{
content
:
'“'
;
font-size
:
50px
;
opacity
:
0.15
;
position
:
absolute
;
top
:
-20px
;
left
:
3px
;}
.quote
p
:after
{
content
:
'”'
;
font-size
:
50px
;
opacity
:
0.15
;
position
:
absolute
;
bottom
:
-42px
;
right
:
3px
;}
.quote
footer
{
position
:
absolute
;
bottom
:
-40px
;
right
:
0
;}
.quote
footer
img
{
border-radius
:
3px
;}
.quote
footer
a
{
margin-left
:
5px
;
vertical-align
:
middle
;}
.speech-bubble
{
position
:
relative
;
padding
:
10px
;
background
:
rgba
(
0
,
0
,
0
,
0.04
);
border-radius
:
5px
;}
.speech-bubble
:after
{
content
:
''
;
position
:
absolute
;
top
:
100%
;
right
:
30px
;
border
:
13px
solid
transparent
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.04
);}
.learn-bar
>
.learn
{
position
:
absolute
;
width
:
272px
;
top
:
8px
;
left
:
-300px
;
padding
:
10px
;
border-radius
:
5px
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
transition-property
:
left
;
transition-duration
:
500ms
;}
@media
(
min-width
:
899px
){
.learn-bar
{
width
:
auto
;
padding-left
:
300px
;}
.learn-bar
>
.learn
{
left
:
8px
;}}
html
,
body
{
margin
:
0
;
padding
:
0
;}
button
{
margin
:
0
;
padding
:
0
;
border
:
0
;
background
:
none
;
font-size
:
100%
;
vertical-align
:
baseline
;
font-family
:
inherit
;
font-weight
:
inherit
;
color
:
inherit
;
-webkit-appearance
:
none
;
appearance
:
none
;
-webkit-font-smoothing
:
antialiased
;
-moz-font-smoothing
:
antialiased
;
font-smoothing
:
antialiased
;}
body
{
font
:
14px
'Helvetica Neue'
,
Helvetica
,
Arial
,
sans-serif
;
line-height
:
1.4em
;
background
:
#f5f5f5
;
color
:
#4d4d4d
;
min-width
:
230px
;
max-width
:
550px
;
margin
:
0
auto
;
-webkit-font-smoothing
:
antialiased
;
-moz-font-smoothing
:
antialiased
;
font-smoothing
:
antialiased
;
font-weight
:
300
;}
button
,
input
[
type
=
"checkbox"
]
{
outline
:
none
;}
.hidden
{
display
:
none
;}
.todoapp
{
background
:
#fff
;
margin
:
130px
0
40px
0
;
position
:
relative
;
box-shadow
:
0
2px
4px
0
rgba
(
0
,
0
,
0
,
0.2
),
0
25px
50px
0
rgba
(
0
,
0
,
0
,
0.1
);}
.todoapp
input
::-webkit-input-placeholder
{
font-style
:
italic
;
font-weight
:
300
;
color
:
#e6e6e6
;}
.todoapp
input
::-moz-placeholder
{
font-style
:
italic
;
font-weight
:
300
;
color
:
#e6e6e6
;}
.todoapp
input
::input-placeholder
{
font-style
:
italic
;
font-weight
:
300
;
color
:
#e6e6e6
;}
.todoapp
h1
{
position
:
absolute
;
top
:
-155px
;
width
:
100%
;
font-size
:
100px
;
font-weight
:
100
;
text-align
:
center
;
color
:
rgba
(
175
,
47
,
47
,
0.15
);
-webkit-text-rendering
:
optimizeLegibility
;
-moz-text-rendering
:
optimizeLegibility
;
text-rendering
:
optimizeLegibility
;}
.new-todo
,
.edit
{
position
:
relative
;
margin
:
0
;
width
:
100%
;
font-size
:
24px
;
font-family
:
inherit
;
font-weight
:
inherit
;
line-height
:
1.4em
;
border
:
0
;
outline
:
none
;
color
:
inherit
;
padding
:
6px
;
border
:
1px
solid
#999
;
box-shadow
:
inset
0
-1px
5px
0
rgba
(
0
,
0
,
0
,
0.2
);
box-sizing
:
border-box
;
-webkit-font-smoothing
:
antialiased
;
-moz-font-smoothing
:
antialiased
;
font-smoothing
:
antialiased
;}
.new-todo
{
padding
:
16px
16px
16px
60px
;
border
:
none
;
background
:
rgba
(
0
,
0
,
0
,
0.003
);
box-shadow
:
inset
0
-2px
1px
rgba
(
0
,
0
,
0
,
0.03
);}
.main
{
position
:
relative
;
z-index
:
2
;
border-top
:
1px
solid
#e6e6e6
;}
label
[
for
=
'toggle-all'
]
{
display
:
none
;}
.toggle-all
{
position
:
absolute
;
top
:
-55px
;
left
:
-12px
;
width
:
60px
;
height
:
34px
;
text-align
:
center
;
border
:
none
;}
.toggle-all
:before
{
content
:
'❯'
;
font-size
:
22px
;
color
:
#e6e6e6
;
padding
:
10px
27px
10px
27px
;}
.toggle-all
:checked:before
{
color
:
#737373
;}
.todo-list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;}
.todo-list
li
{
position
:
relative
;
font-size
:
24px
;
border-bottom
:
1px
solid
#ededed
;}
.todo-list
li
:last-child
{
border-bottom
:
none
;}
.todo-list
li
.editing
{
border-bottom
:
none
;
padding
:
0
;}
.todo-list
li
.editing
.edit
{
display
:
block
;
width
:
506px
;
padding
:
13px
17px
12px
17px
;
margin
:
0
0
0
43px
;}
.todo-list
li
.editing
.view
{
display
:
none
;}
.todo-list
li
.toggle
{
text-align
:
center
;
width
:
40px
;
height
:
auto
;
position
:
absolute
;
top
:
0
;
bottom
:
0
;
margin
:
auto
0
;
border
:
none
;
-webkit-appearance
:
none
;
appearance
:
none
;}
.todo-list
li
.toggle
:after
{
content
:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#ededed" stroke-width="3"/></svg>')
;}
.todo-list
li
.toggle
:checked:after
{
content
:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#bddad5" stroke-width="3"/><path fill="#5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>')
;}
.todo-list
li
label
{
white-space
:
pre
;
word-break
:
break-word
;
padding
:
15px
60px
15px
15px
;
margin-left
:
45px
;
display
:
block
;
line-height
:
1.2
;
transition
:
color
0.4s
;}
.todo-list
li
.completed
label
{
color
:
#d9d9d9
;
text-decoration
:
line-through
;}
.todo-list
li
.destroy
{
display
:
none
;
position
:
absolute
;
top
:
0
;
right
:
10px
;
bottom
:
0
;
width
:
40px
;
height
:
40px
;
margin
:
auto
0
;
font-size
:
30px
;
color
:
#cc9a9a
;
margin-bottom
:
11px
;
transition
:
color
0.2s
ease-out
;}
.todo-list
li
.destroy
:hover
{
color
:
#af5b5e
;}
.todo-list
li
.destroy
:after
{
content
:
'×'
;}
.todo-list
li
:hover
.destroy
{
display
:
block
;}
.todo-list
li
.edit
{
display
:
none
;}
.todo-list
li
.editing
:last-child
{
margin-bottom
:
-1px
;}
.footer
{
color
:
#777
;
padding
:
10px
15px
;
height
:
20px
;
text-align
:
center
;
border-top
:
1px
solid
#e6e6e6
;}
.footer
:before
{
content
:
''
;
position
:
absolute
;
right
:
0
;
bottom
:
0
;
left
:
0
;
height
:
50px
;
overflow
:
hidden
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0.2
),
0
8px
0
-3px
#f6f6f6
,
0
9px
1px
-3px
rgba
(
0
,
0
,
0
,
0.2
),
0
16px
0
-6px
#f6f6f6
,
0
17px
2px
-6px
rgba
(
0
,
0
,
0
,
0.2
);}
.todo-count
{
float
:
left
;
text-align
:
left
;}
.todo-count
strong
{
font-weight
:
300
;}
.filters
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
position
:
absolute
;
right
:
0
;
left
:
0
;}
.filters
li
{
display
:
inline
;}
.filters
li
a
{
color
:
inherit
;
margin
:
3px
;
padding
:
3px
7px
;
text-decoration
:
none
;
border
:
1px
solid
transparent
;
border-radius
:
3px
;}
.filters
li
a
.selected
,
.filters
li
a
:hover
{
border-color
:
rgba
(
175
,
47
,
47
,
0.1
);}
.filters
li
a
.selected
{
border-color
:
rgba
(
175
,
47
,
47
,
0.2
);}
.clear-completed
,
html
.clear-completed
:active
{
float
:
right
;
position
:
relative
;
line-height
:
20px
;
text-decoration
:
none
;
cursor
:
pointer
;
position
:
relative
;}
.clear-completed
:hover
{
text-decoration
:
underline
;}
.info
{
margin
:
65px
auto
0
;
color
:
#bfbfbf
;
font-size
:
10px
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.5
);
text-align
:
center
;}
.info
p
{
line-height
:
1
;}
.info
a
{
color
:
inherit
;
text-decoration
:
none
;
font-weight
:
400
;}
.info
a
:hover
{
text-decoration
:
underline
;}
@media
screen
and
(
-webkit-min-device-pixel-ratio
:
0
){
.toggle-all
,
.todo-list
li
.toggle
{
background
:
none
;}
.todo-list
li
.toggle
{
height
:
40px
;}
.toggle-all
{
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
-webkit-appearance
:
none
;
appearance
:
none
;}}
@media
(
max-width
:
430px
){
.footer
{
height
:
50px
;}
.filters
{
bottom
:
10px
;}}
\ No newline at end of file
examples/duel/www/index.html
View file @
ef90ef3d
<!
DOCTYPE
html>
<!
doctype
html>
<html
lang=
"en"
>
<html
lang=
"en"
>
<head>
<head>
<meta
charset=
"utf-8"
>
<meta
charset=
"utf-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<title>
DUEL
•
TodoMVC
</title>
<title>
DUEL
•
TodoMVC
</title>
<link
rel=
"stylesheet"
href=
"./cdn/
e9c3940d189473aceb2b4bc8cc436b995257df0b
.css"
>
<link
rel=
"stylesheet"
href=
"./cdn/
b12c1274056c76efb21a375280fdd622eb22b845
.css"
>
</head>
</head>
<body>
<body>
<footer
class=
"info"
>
<footer
class=
"info"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment