30 lines
562 B
SCSS
30 lines
562 B
SCSS
// Inline sibling
|
|
//
|
|
// An element that needs to appear inline with the content that follows.
|
|
|
|
.inline-sibling,
|
|
%inline-sibling {
|
|
display: inline;
|
|
margin-right: 10px;
|
|
|
|
@include rtl() {
|
|
margin-right: 0;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
// All of the children of the element need to be inline as well.
|
|
&__child,
|
|
* {
|
|
display: inline;
|
|
}
|
|
|
|
// The next element (and its first-child element, if the markup is nested)
|
|
// needs to be inline.
|
|
&__adjacent,
|
|
+ *,
|
|
+ * > :first-child,
|
|
+ * > :first-child > :first-child {
|
|
display: inline;
|
|
}
|
|
}
|