Gecko [ v3.cesa.co.za ]

Name	Size	Permission	Date
forms	[ DIR ]	drwxr-sr-x	2024-02-14 08:51
helpers	[ DIR ]	drwxr-sr-x	2024-02-14 08:51
mixins	[ DIR ]	drwxr-sr-x	2024-02-14 08:51
tests	[ DIR ]	drwxr-sr-x	2024-02-14 08:52
utilities	[ DIR ]	drwxr-sr-x	2024-02-14 08:51
vendor	[ DIR ]	drwxr-sr-x	2024-02-14 08:51
_accordion.scss	4.95 KB	-rw-r--r--	2024-02-14 08:50
_alert.scss	2.02 KB	-rw-r--r--	2024-02-14 08:50
_badge.scss	1.09 KB	-rw-r--r--	2024-02-14 08:50
_breadcrumb.scss	1.71 KB	-rw-r--r--	2024-02-14 08:50
_button-group.scss	3.13 KB	-rw-r--r--	2024-02-14 08:50
_buttons.scss	6.59 KB	-rw-r--r--	2024-02-14 08:50
_card.scss	6.82 KB	-rw-r--r--	2024-02-14 08:50
_carousel.scss	5.74 KB	-rw-r--r--	2024-02-14 08:50
_close.scss	1.97 KB	-rw-r--r--	2024-02-14 08:50
_containers.scss	1.17 KB	-rw-r--r--	2024-02-14 08:50
_dropdown.scss	7.9 KB	-rw-r--r--	2024-02-14 08:50
_forms.scss	256 B	-rw-r--r--	2024-02-14 08:50
_functions.scss	10.31 KB	-rw-r--r--	2024-02-14 08:50
_grid.scss	683 B	-rw-r--r--	2024-02-14 08:50
_helpers.scss	353 B	-rw-r--r--	2024-02-14 08:50
_images.scss	1.13 KB	-rw-r--r--	2024-02-14 08:50
_list-group.scss	6.69 KB	-rw-r--r--	2024-02-14 08:50
_maps.scss	5.86 KB	-rw-r--r--	2024-02-14 08:50
_mixins.scss	875 B	-rw-r--r--	2024-02-14 08:50
_modal.scss	7.58 KB	-rw-r--r--	2024-02-14 08:50
_nav.scss	5.09 KB	-rw-r--r--	2024-02-14 08:50
_navbar.scss	8.94 KB	-rw-r--r--	2024-02-14 08:50
_offcanvas.scss	4.61 KB	-rw-r--r--	2024-02-14 08:50
_pagination.scss	3.85 KB	-rw-r--r--	2024-02-14 08:50
_placeholders.scss	859 B	-rw-r--r--	2024-02-14 08:50
_popover.scss	6.75 KB	-rw-r--r--	2024-02-14 08:50
_progress.scss	1.97 KB	-rw-r--r--	2024-02-14 08:50
_reboot.scss	12.15 KB	-rw-r--r--	2024-02-14 08:50
_root.scss	6.76 KB	-rw-r--r--	2024-02-14 08:50
_spinners.scss	2.37 KB	-rw-r--r--	2024-02-14 08:50
_tables.scss	4.83 KB	-rw-r--r--	2024-02-14 08:50
_toasts.scss	2.43 KB	-rw-r--r--	2024-02-14 08:50
_tooltip.scss	4.18 KB	-rw-r--r--	2024-02-14 08:50
_transitions.scss	425 B	-rw-r--r--	2024-02-14 08:50
_type.scss	1.39 KB	-rw-r--r--	2024-02-14 08:50
_utilities.scss	18.78 KB	-rw-r--r--	2024-02-14 08:50
_variables-dark.scss	4.94 KB	-rw-r--r--	2024-02-14 08:50
_variables.scss	74.5 KB	-rw-r--r--	2024-02-14 08:50
bootstrap-grid.scss	1.16 KB	-rw-r--r--	2024-02-14 08:50
bootstrap-reboot.scss	189 B	-rw-r--r--	2024-02-14 08:50
bootstrap-utilities.scss	306 B	-rw-r--r--	2024-02-14 08:50
bootstrap.scss	938 B	-rw-r--r--	2024-02-14 08:50

Rename

// Transparent background and border properties included for button version.
// iOS requires the button element instead of an anchor tag.
// If you want the anchor version, it requires `href="#"`.
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile

.btn-close {
  // scss-docs-start close-css-vars
  --#{$prefix}btn-close-color: #{$btn-close-color};
  --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
  --#{$prefix}btn-close-opacity: #{$btn-close-opacity};
  --#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
  --#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
  --#{$prefix}btn-close-focus-opacity: #{$btn-close-focus-opacity};
  --#{$prefix}btn-close-disabled-opacity: #{$btn-close-disabled-opacity};
  --#{$prefix}btn-close-white-filter: #{$btn-close-white-filter};
  // scss-docs-end close-css-vars

box-sizing: content-box;
  width: $btn-close-width;
  height: $btn-close-height;
  padding: $btn-close-padding-y $btn-close-padding-x;
  color: var(--#{$prefix}btn-close-color);
  background: transparent var(--#{$prefix}btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
  border: 0; // for button elements
  @include border-radius();
  opacity: var(--#{$prefix}btn-close-opacity);

// Override <a>'s hover style
  &:hover {
    color: var(--#{$prefix}btn-close-color);
    text-decoration: none;
    opacity: var(--#{$prefix}btn-close-hover-opacity);
  }

&:focus {
    outline: 0;
    box-shadow: var(--#{$prefix}btn-close-focus-shadow);
    opacity: var(--#{$prefix}btn-close-focus-opacity);
  }

&:disabled,
  &.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--#{$prefix}btn-close-disabled-opacity);
  }
}

@mixin btn-close-white() {
  filter: var(--#{$prefix}btn-close-white-filter);
}

.btn-close-white {
  @include btn-close-white();
}

@if $enable-dark-mode {
  @include color-mode(dark) {
    .btn-close {
      @include btn-close-white();
    }
  }
}