uawdijnntqw1x1x1
IP : 18.118.252.232
Hostname : ns1.eurodns.top
Kernel : Linux ns1.eurodns.top 4.18.0-553.5.1.lve.1.el7h.x86_64 #1 SMP Fri Jun 14 14:24:52 UTC 2024 x86_64
Disable Function : mail,sendmail,exec,passthru,shell_exec,system,popen,curl_multi_exec,show_source,eval,open_base
OS : Linux
PATH:
/
home
/
sudancam
/
.
/
.trash
/
storage
/
..
/
src
/
scss
/
bootstrap
/
_list-group.scss
/
/
// Base class // // Easily usable on <ul>, <ol>, or <div>. .list-group { // scss-docs-start list-group-css-vars --#{$prefix}list-group-color: #{$list-group-color}; --#{$prefix}list-group-bg: #{$list-group-bg}; --#{$prefix}list-group-border-color: #{$list-group-border-color}; --#{$prefix}list-group-border-width: #{$list-group-border-width}; --#{$prefix}list-group-border-radius: #{$list-group-border-radius}; --#{$prefix}list-group-item-padding-x: #{$list-group-item-padding-x}; --#{$prefix}list-group-item-padding-y: #{$list-group-item-padding-y}; --#{$prefix}list-group-action-color: #{$list-group-action-color}; --#{$prefix}list-group-action-hover-color: #{$list-group-action-hover-color}; --#{$prefix}list-group-action-hover-bg: #{$list-group-hover-bg}; --#{$prefix}list-group-action-active-color: #{$list-group-action-active-color}; --#{$prefix}list-group-action-active-bg: #{$list-group-action-active-bg}; --#{$prefix}list-group-disabled-color: #{$list-group-disabled-color}; --#{$prefix}list-group-disabled-bg: #{$list-group-disabled-bg}; --#{$prefix}list-group-active-color: #{$list-group-active-color}; --#{$prefix}list-group-active-bg: #{$list-group-active-bg}; --#{$prefix}list-group-active-border-color: #{$list-group-active-border-color}; // scss-docs-end list-group-css-vars display: flex; flex-direction: column; // No need to set list-style: none; since .list-group-item is block level padding-left: 0; // reset padding because ul and ol margin-bottom: 0; @include border-radius(var(--#{$prefix}list-group-border-radius)); } .list-group-numbered { list-style-type: none; counter-reset: section; > .list-group-item::before { // Increments only this instance of the section counter content: counters(section, '.') '. '; counter-increment: section; } } // Interactive list items // // Use anchor or button elements instead of `li`s or `div`s to create interactive // list items. Includes an extra `.active` modifier class for selected items. .list-group-item-action { width: 100%; // For `<button>`s (anchors become 100% by default though) color: var(--#{$prefix}list-group-action-color); text-align: inherit; // For `<button>`s (anchors inherit) // Hover state &:hover, &:focus { z-index: 1; // Place hover/focus items above their siblings for proper border styling color: var(--#{$prefix}list-group-action-hover-color); text-decoration: none; background-color: var(--#{$prefix}list-group-action-hover-bg); } &:active { color: var(--#{$prefix}list-group-action-active-color); background-color: var(--#{$prefix}list-group-action-active-bg); } } // Individual list items // // Use on `li`s or `div`s within the `.list-group` parent. .list-group-item { position: relative; display: block; padding: var(--#{$prefix}list-group-item-padding-y) var(--#{$prefix}list-group-item-padding-x); color: var(--#{$prefix}list-group-color); text-decoration: if($link-decoration == none, null, none); background-color: var(--#{$prefix}list-group-bg); border: var(--#{$prefix}list-group-border-width) solid var(--#{$prefix}list-group-border-color); &:first-child { @include border-top-radius(inherit); } &:last-child { @include border-bottom-radius(inherit); } &.disabled, &:disabled { color: var(--#{$prefix}list-group-disabled-color); pointer-events: none; background-color: var(--#{$prefix}list-group-disabled-bg); } // Include both here for `<a>`s and `<button>`s &.active { z-index: 2; // Place active items above their siblings for proper border styling color: var(--#{$prefix}list-group-active-color); background-color: var(--#{$prefix}list-group-active-bg); border-color: var(--#{$prefix}list-group-active-border-color); } // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector & + .list-group-item { border-top-width: 0; &.active { margin-top: calc( -1 * var(--#{$prefix}list-group-border-width) ); // stylelint-disable-line function-disallowed-list border-top-width: var(--#{$prefix}list-group-border-width); } } } // Horizontal // // Change the layout of list group items from vertical (default) to horizontal. @each $breakpoint in map-keys($grid-breakpoints) { @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); .list-group-horizontal#{$infix} { flex-direction: row; > .list-group-item { &:first-child:not(:last-child) { @include border-bottom-start-radius(var(--#{$prefix}list-group-border-radius)); @include border-top-end-radius(0); } &:last-child:not(:first-child) { @include border-top-end-radius(var(--#{$prefix}list-group-border-radius)); @include border-bottom-start-radius(0); } &.active { margin-top: 0; } + .list-group-item { border-top-width: var(--#{$prefix}list-group-border-width); border-left-width: 0; &.active { margin-left: calc( -1 * var(--#{$prefix}list-group-border-width) ); // stylelint-disable-line function-disallowed-list border-left-width: var(--#{$prefix}list-group-border-width); } } } } } } // Flush list items // // Remove borders and border-radius to keep list group items edge-to-edge. Most // useful within other components (e.g., cards). .list-group-flush { @include border-radius(0); > .list-group-item { border-width: 0 0 var(--#{$prefix}list-group-border-width); &:last-child { border-bottom-width: 0; } } } // scss-docs-start list-group-modifiers // List group contextual variants // // Add modifier classes to change text and background color on individual items. // Organizationally, this must come after the `:hover` states. @each $state in map-keys($theme-colors) { .list-group-item-#{$state} { --#{$prefix}list-group-color: var(--#{$prefix}#{$state}-text-emphasis); --#{$prefix}list-group-bg: var(--#{$prefix}#{$state}-bg-subtle); --#{$prefix}list-group-border-color: var(--#{$prefix}#{$state}-border-subtle); --#{$prefix}list-group-action-hover-color: var(--#{$prefix}emphasis-color); --#{$prefix}list-group-action-hover-bg: var(--#{$prefix}#{$state}-border-subtle); --#{$prefix}list-group-action-active-color: var(--#{$prefix}emphasis-color); --#{$prefix}list-group-action-active-bg: var(--#{$prefix}#{$state}-border-subtle); --#{$prefix}list-group-active-color: var(--#{$prefix}#{$state}-bg-subtle); --#{$prefix}list-group-active-bg: var(--#{$prefix}#{$state}-text-emphasis); --#{$prefix}list-group-active-border-color: var(--#{$prefix}#{$state}-text-emphasis); } } // scss-docs-end list-group-modifiers
/home/sudancam/./.trash/storage/../src/scss/bootstrap/_list-group.scss