Outline: start on editor state and outline view
This commit is contained in:
parent
d3c9a08d22
commit
336b940471
6 changed files with 165 additions and 0 deletions
50
app-proto/sketch-outline/main.css
Normal file
50
app-proto/sketch-outline/main.css
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
body {
|
||||
margin-left: 20px;
|
||||
margin-top: 20px;
|
||||
color: #fcfcfc;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 450px;
|
||||
padding: 8px;
|
||||
border: 1px solid #888;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
padding: 3px;
|
||||
list-style-type: none;
|
||||
background-color: #444;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
li:not(:last-child) {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
li > .elt-name {
|
||||
flex-grow: 1;
|
||||
padding: 2px 0px 2px 4px;
|
||||
}
|
||||
|
||||
li > .elt-rep {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
li > .elt-rep > div {
|
||||
padding: 2px;
|
||||
margin-left: 3px;
|
||||
text-align: center;
|
||||
width: 60px;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
li > .elt-rep > div:first-child {
|
||||
border-radius: 6px 0px 0px 6px;
|
||||
}
|
||||
|
||||
li > .elt-rep > div:last-child {
|
||||
border-radius: 0px 6px 6px 0px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue