added a box around the instructions text

This commit is contained in:
Arthur Barrett
2013-02-25 16:29:19 -05:00
parent 7b195eb0ee
commit 1f160d6ef4
5 changed files with 56 additions and 37 deletions

View File

@@ -7,19 +7,29 @@
}
}
.annotatable-description {
.annotatable-section {
position: relative;
padding: 2px 4px;
padding: .5em 1em;
border: 1px solid $border-color;
border-radius: 3px;
border-radius: .5em;
margin-bottom: .5em;
.annotatable-toggle {
position: absolute;
right: 0;
margin: 2px 7px 2px 0;
.annotatable-section-title {}
.annotatable-section-body {
border-top: 1px solid $border-color;
margin-top: .5em;
padding-top: .5em;
}
}
.annotatable-toggle {
position: absolute;
right: 0;
margin: 2px 1em 2px 0;
&.expanded:after { content: " \2191" }
&.collapsed:after { content: " \2193" }
}
.annotatable-span {
display: inline;
cursor: pointer;