Use LESS nesting in messageBoxes.less
Change-Id: I26a2216301f60ce8343ba34bb8b674893f1a8ada
This commit is contained in:
parent
abb759662c
commit
b1719e250f
1 changed files with 12 additions and 18 deletions
|
|
@ -14,26 +14,20 @@
|
|||
/* Standard property is `overflow-wrap` */
|
||||
overflow-wrap: break-word;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Ensure box inner spacing is not all over the place no matter what element is only child. */
|
||||
.messagebox :only-child,
|
||||
.errorbox :only-child,
|
||||
.warningbox :only-child,
|
||||
.successbox :only-child {
|
||||
margin: 0;
|
||||
}
|
||||
/* Ensure box inner spacing is not all over the place no matter what element is only child. */
|
||||
:only-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.messagebox h2,
|
||||
.errorbox h2,
|
||||
.warningbox h2,
|
||||
.successbox h2 {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
margin: 0 0.5em 0 0;
|
||||
border: 0;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
h2 {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
margin: 0 0.5em 0 0;
|
||||
border: 0;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.messagebox {
|
||||
|
|
|
|||
Loading…
Reference in a new issue