open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Edit style: expand applies-to-URL block to page width

Browse Source
This commit is contained in:
tophf 2015-02-28 21:40:05 +03:00 committed by 9adefaf01e5bf6426d838cd20eae582d2b6ba647
parent b4173d68f6
commit 89d3596beb
1 changed files with 29 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
edit.html
View File

@ -76,18 +76,43 @@
.CodeMirror {
border: solid #CCC 1px;
}
.applies-to {
display: flex;
}
.applies-to label {
flex: auto;
margin-top: 0.25em;
}
.applies-to ul {
display: inline-block;
flex: auto;
flex-grow: 99;
margin: 0;
padding: 0;
}
.applies-to li {
display: flex;
list-style-type: none;
align-items: center;
margin-bottom: 0.4em;
}
.applies-to li > * {
flex: auto;
min-height: 1.7em;
margin-left: 0.4em;
}
.applies-to li .add-applies-to {
display: none;
visibility: hidden;
text-align: left;
}
.applies-to li:last-child .add-applies-to {
display: inline;
visibility: visible
}
.applies-to li .add-applies-to:first-child {
margin-left: 1em;
}
.applies-to li .applies-value {
flex-grow: 99;
padding-left: 0.5ex;
}
body > section > *:not(h2) {
padding-left: 15px;
@ -104,6 +129,7 @@
}
#sections > div:last-of-type .add-section {
display: inline;
margin-left: 0.4em;
}
.applies-to img {
vertical-align: bottom;