/
home
/
techb158
/
dev.balacoffee.com
/
resources
/
src
/
assets
/
styles
/
vendor
/
bootstrap-rtl
/
/home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap-rtl
mkdir
upload
Name
Size
Mode
Actions
mixins/
-
0755
rm
utilities/
-
0755
rm
bootstrap-grid.scss
680
0644
edit
dl
rm
bootstrap-reboot.scss
422
0644
edit
dl
rm
bootstrap.scss
923
0644
edit
dl
rm
_alert.scss
1201
0644
edit
dl
rm
_badge.scss
1029
0644
edit
dl
rm
_breadcrumb.scss
1287
0644
edit
dl
rm
_button-group.scss
3813
0644
edit
dl
rm
_buttons.scss
2857
0644
edit
dl
rm
_card.scss
5963
0644
edit
dl
rm
_carousel.scss
4510
0644
edit
dl
rm
_close.scss
894
0644
edit
dl
rm
_code.scss
1193
0644
edit
dl
rm
_custom-forms.scss
8094
0644
edit
dl
rm
_dropdown.scss
3242
0644
edit
dl
rm
_forms.scss
9099
0644
edit
dl
rm
_functions.scss
2743
0644
edit
dl
rm
_grid.scss
1068
0644
edit
dl
rm
_images.scss
1188
0644
edit
dl
rm
_input-group.scss
5023
0644
edit
dl
rm
_jumbotron.scss
394
0644
edit
dl
rm
_list-group.scss
3002
0644
edit
dl
rm
_media.scss
91
0644
edit
dl
rm
_mixins.scss
1060
0644
edit
dl
rm
_modal.scss
4791
0644
edit
dl
rm
_nav.scss
2140
0644
edit
dl
rm
_navbar.scss
7092
0644
edit
dl
rm
_pagination.scss
1911
0644
edit
dl
rm
_popover.scss
5022
0644
edit
dl
rm
_print.scss
2892
0644
edit
dl
rm
_progress.scss
894
0644
edit
dl
rm
_reboot.scss
12073
0644
edit
dl
rm
_root.scss
591
0644
edit
dl
rm
_tables.scss
3606
0644
edit
dl
rm
_tooltip.scss
2778
0644
edit
dl
rm
_transitions.scss
488
0644
edit
dl
rm
_type.scss
2240
0644
edit
dl
rm
_utilities.scss
421
0644
edit
dl
rm
_variables.scss
36641
0644
edit
dl
rm
Edit:
/home/techb158/dev.balacoffee.com/resources/src/assets/styles/vendor/bootstrap-rtl/_list-group.scss
(3002B)
// Base class // // Easily usable on <ul>, <ol>, or <div>. .list-group { 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; } // 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: $list-group-action-color; text-align: inherit; // For `<button>`s (anchors inherit) // Hover state @include hover-focus { color: $list-group-action-hover-color; text-decoration: none; background-color: $list-group-hover-bg; } &:active { color: $list-group-action-active-color; background-color: $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: $list-group-item-padding-y $list-group-item-padding-x; // Place the border on the list items and negative margin up for better styling margin-bottom: -$list-group-border-width; background-color: $list-group-bg; border: $list-group-border-width solid $list-group-border-color; &:first-child { @include border-top-radius($list-group-border-radius); } &:last-child { margin-bottom: 0; @include border-bottom-radius($list-group-border-radius); } @include hover-focus { z-index: 1; // Place hover/active items above their siblings for proper border styling text-decoration: none; } &.disabled, &:disabled { color: $list-group-disabled-color; background-color: $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: $list-group-active-color; background-color: $list-group-active-bg; border-color: $list-group-active-border-color; } } // 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 { .list-group-item { border-right: 0; border-left: 0; @include border-radius(0); } &:first-child { .list-group-item:first-child { border-top: 0; } } &:last-child { .list-group-item:last-child { border-bottom: 0; } } } // Contextual variants // // Add modifier classes to change text and background color on individual items. // Organizationally, this must come after the `:hover` states. @each $color, $value in $theme-colors { @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6)); }
Save
cmd:
run