Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
994 B
44 lines
994 B
/**
|
|
* component: group
|
|
*
|
|
* <nav class="group group--horizontal">
|
|
* <ul class="group__section">
|
|
* <li class="group__item"></li>
|
|
* <ul>
|
|
* </nav>
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
$crispy__group__character: '/' !default;
|
|
$crispy__group__character__margin: toEm(0 $crispy__margin 0) !default;
|
|
|
|
@mixin crispy__group() {
|
|
.group {
|
|
&--horizontal {
|
|
.group__item, .group__section {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
&__section {
|
|
@include crispy__clearlist();
|
|
|
|
&--separate {
|
|
.group__item {
|
|
&:after {
|
|
margin: $crispy__group__character__margin;
|
|
content: $crispy__group__character;
|
|
}
|
|
|
|
&:last-child {
|
|
&:after {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|