Moving sass and js files in to the assets directory.
This commit is contained in:
parent
48a823f577
commit
b763e4f514
1 changed files with 139 additions and 9 deletions
29
assets/sass/components/inline-sibling/_inline-sibling.scss
Normal file
29
assets/sass/components/inline-sibling/_inline-sibling.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
// 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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue