
| Current Path : /var/www/html/atstandard001/styles/uikit/components/partials/component/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/atstandard001/styles/uikit/components/partials/component/_list-styles.scss |
/**
* List Styles
============================================================================ */
// Links inline, e.g. node and comment "links".
ul {
&.inline,
&.links.inline {
padding: 0;
@include cfm;
}
&.inline {
@include list-horizontal-inline('inline-block', $margin: (t: 0, r: 0, b: 0, l: 0));
a {
&:hover,
&:focus {}
}
}
}
// Remove bullets.
.no-bullets {
li {
list-style: none;
}
}
// Remove padding.
.no-padding {
padding: 0;
}
// Item lists are frequently used in Drupal by Views and other modules that need
// to output a list of something, sometimes with a title.
.item-list {
&__title {
font-weight: $font-weight-bold;
}
&__list {
padding: 0;
}
&__item {
list-style: none;
}
a {
@include output-rhythm(padding, $menu-item-padding 0);
@include output-rhythm(margin, $menu-item-margin 0);
&:hover,
&:focus {}
}
}
// Comma separated item lists.
.item-list--comma-list {
display: inline;
}
.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li,
[dir="rtl"] .item-list--comma-list .item-list__comma-list,
[dir="rtl"] .item-list__comma-list li {
margin: 0;
}
// Simple horizontal list, see: mixins/_list.scss.
.list-horizontal {
@include list-horizontal($flow-from);
}
// Simple horizontal list, see: mixins/_list.scss.
.list-multicolumn {
padding: 0;
@include cfm;
> li {
font-weight: $font-weight-bold;
list-style: none;
}
ul, ol {
font-weight: $font-weight-normal;
padding: 0;
}
}
@media #{$mobile} {
@include list-multicolumn('.list-multicolumn', 12em);
}
// Horizontal description lists, adjust the media query to suit.
@media #{$mobile} {
.dl-horizontal {
dt {
float: $flow-from;
clear: $flow-from;
text-align: $flow-from;
width: 11em;
&:after {
content: ":";
}
}
dd {
margin-#{$flow-from}: 12em;
@include cf;
}
}
}
// DL list groups
.list-group {
@include output-rhythm(padding-#{$flow-from}, 0);
@include output-rhythm(margin-#{$flow-from}, 0);
.list-group__link {}
.list-group__description {}
}