Skip to content

MasterPull #29

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.

Sign up for GitHub

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

Open
jordyjdb wants to merge 3 commits into
base: release
Choose a base branch
from
Open

MasterPull #29

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
2b29621
Port 0.2 style improvements
joshuafcole Jul 4, 2017
92b4e67
Make CSS work better on linux
joshuafcole Jul 4, 2017
9dee048
Merge pull request #27 from witheve/enhance/todomvc-style
joshuafcole Jul 4, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 15 additions & 6 deletions assets/css/examples/todomvc.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
body {
.program {
margin: 0 auto;
padding: 0;
font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
Expand All @@ -16,7 +16,7 @@ body {
min-width: 450px;
max-width: 650px;
height: auto;
margin: 130px auto 40px auto;
margin: 140px auto 40px auto;

background: #fff;
position: relative;
Expand Down Expand Up @@ -66,7 +66,7 @@ body {

.todoapp h1 {
position: absolute;
top: -155px;
top: -165px;
width: 100%;
font-size: 100px;
font-weight: 100;
Expand Down Expand Up @@ -112,11 +112,20 @@ body {
.todoapp .toggle-all {
position: absolute;
top: 12px;
left: 14px;
left: -10px;
width: 60px;
height: 34px;
text-align: center;
border: none; /* Mobile Safari */
border: none; /* Mobile Safari */
-webkit-appearance: none;
appearance: none;
}
.todoapp .toggle-all: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>');
}
.todoapp .toggle-all: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>');
}

.todoapp .main {
Expand Down Expand Up @@ -205,7 +214,7 @@ body {
margin: auto 0;
font-size: 30px;
color: #cc9a9a;
margin-bottom: 11px;
vertical-align: middle;
transition: color 0.2s ease-out;
}

Expand All @@ -216,7 +225,7 @@ body {
.todoapp .todo-list li .destroy:after {
position: relative;
content: "×";
top: 8px;
top: -2px;
}

.todoapp .todo-list li:hover .destroy {
Expand Down
2 changes: 1 addition & 1 deletion programs/todomvc.eve
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ bind
[#ui/input #todo-checkbox todo, type: "checkbox", checked: completed, class: "toggle" class: [hidden: editing]]
[#html/element tagname: "label" #todo-item, class: [hidden: editing], todo, text: body]
[#ui/input #todo-editor todo, value: body, autofocus: "true", class: "edit" class: [hidden: logic/toggle[value: editing]]]
[#ui/button #remove-todo todo, class: "destroy" class: [hidden: editing]]]
[#ui/button #remove-todo todo, class: "flat destroy" class: [hidden: editing]]]
~~~

Thanks to Eve's set semantics, we don't need any loops here; for every unique `#todo` in the database, Eve will do the work of adding another `#li` as a child of `#todo-list`.
Expand Down