File manager - Edit - /home/ferretapmx/public_html/scss.zip
Back
PK ��\p*�-[ [ _nav.scssnu �[��� // Base class // // Kickstart any navigation component with a set of style resets. Works with // `<nav>`s, `<ul>`s or `<ol>`s. .nav { // scss-docs-start nav-css-vars --#{$prefix}nav-link-padding-x: #{$nav-link-padding-x}; --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y}; @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size); --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight}; --#{$prefix}nav-link-color: #{$nav-link-color}; --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color}; --#{$prefix}nav-link-disabled-color: #{$nav-link-disabled-color}; // scss-docs-end nav-css-vars display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--#{$prefix}nav-link-padding-y) var(--#{$prefix}nav-link-padding-x); @include font-size(var(--#{$prefix}nav-link-font-size)); font-weight: var(--#{$prefix}nav-link-font-weight); color: var(--#{$prefix}nav-link-color); text-decoration: if($link-decoration == none, null, none); background: none; border: 0; @include transition($nav-link-transition); &:hover, &:focus { color: var(--#{$prefix}nav-link-hover-color); text-decoration: if($link-hover-decoration == underline, none, null); } &:focus-visible { outline: 0; box-shadow: $nav-link-focus-box-shadow; } // Disabled state lightens text &.disabled, &:disabled { color: var(--#{$prefix}nav-link-disabled-color); pointer-events: none; cursor: default; } } // // Tabs // .nav-tabs { // scss-docs-start nav-tabs-css-vars --#{$prefix}nav-tabs-border-width: #{$nav-tabs-border-width}; --#{$prefix}nav-tabs-border-color: #{$nav-tabs-border-color}; --#{$prefix}nav-tabs-border-radius: #{$nav-tabs-border-radius}; --#{$prefix}nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color}; --#{$prefix}nav-tabs-link-active-color: #{$nav-tabs-link-active-color}; --#{$prefix}nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg}; --#{$prefix}nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color}; // scss-docs-end nav-tabs-css-vars border-bottom: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color); .nav-link { margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list border: var(--#{$prefix}nav-tabs-border-width) solid transparent; @include border-top-radius(var(--#{$prefix}nav-tabs-border-radius)); &:hover, &:focus { // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link isolation: isolate; border-color: var(--#{$prefix}nav-tabs-link-hover-border-color); } } .nav-link.active, .nav-item.show .nav-link { color: var(--#{$prefix}nav-tabs-link-active-color); background-color: var(--#{$prefix}nav-tabs-link-active-bg); border-color: var(--#{$prefix}nav-tabs-link-active-border-color); } .dropdown-menu { // Make dropdown border overlap tab border margin-top: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list // Remove the top rounded corners here since there is a hard edge above the menu @include border-top-radius(0); } } // // Pills // .nav-pills { // scss-docs-start nav-pills-css-vars --#{$prefix}nav-pills-border-radius: #{$nav-pills-border-radius}; --#{$prefix}nav-pills-link-active-color: #{$nav-pills-link-active-color}; --#{$prefix}nav-pills-link-active-bg: #{$nav-pills-link-active-bg}; // scss-docs-end nav-pills-css-vars .nav-link { @include border-radius(var(--#{$prefix}nav-pills-border-radius)); } .nav-link.active, .show > .nav-link { color: var(--#{$prefix}nav-pills-link-active-color); @include gradient-bg(var(--#{$prefix}nav-pills-link-active-bg)); } } // // Underline // .nav-underline { // scss-docs-start nav-underline-css-vars --#{$prefix}nav-underline-gap: #{$nav-underline-gap}; --#{$prefix}nav-underline-border-width: #{$nav-underline-border-width}; --#{$prefix}nav-underline-link-active-color: #{$nav-underline-link-active-color}; // scss-docs-end nav-underline-css-vars gap: var(--#{$prefix}nav-underline-gap); .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--#{$prefix}nav-underline-border-width) solid transparent; &:hover, &:focus { border-bottom-color: currentcolor; } } .nav-link.active, .show > .nav-link { font-weight: $font-weight-bold; color: var(--#{$prefix}nav-underline-link-active-color); border-bottom-color: currentcolor; } } // // Justified variants // .nav-fill { > .nav-link, .nav-item { flex: 1 1 auto; text-align: center; } } .nav-justified { > .nav-link, .nav-item { flex-grow: 1; flex-basis: 0; text-align: center; } } .nav-fill, .nav-justified { .nav-item .nav-link { width: 100%; // Make sure button will grow } } // Tabbable tabs // // Hide tabbable panes to start, show them when `.active` .tab-content { > .tab-pane { display: none; } > .active { display: block; } } PK ��\�y� � _spinners.scssnu �[��� // // Rotating border // .spinner-grow, .spinner-border { display: inline-block; flex-shrink: 0; width: var(--#{$prefix}spinner-width); height: var(--#{$prefix}spinner-height); vertical-align: var(--#{$prefix}spinner-vertical-align); // stylelint-disable-next-line property-disallowed-list border-radius: 50%; animation: var(--#{$prefix}spinner-animation-speed) linear infinite var(--#{$prefix}spinner-animation-name); } // scss-docs-start spinner-border-keyframes @keyframes spinner-border { to { transform: rotate(360deg) #{"/* rtl:ignore */"}; } } // scss-docs-end spinner-border-keyframes .spinner-border { // scss-docs-start spinner-border-css-vars --#{$prefix}spinner-width: #{$spinner-width}; --#{$prefix}spinner-height: #{$spinner-height}; --#{$prefix}spinner-vertical-align: #{$spinner-vertical-align}; --#{$prefix}spinner-border-width: #{$spinner-border-width}; --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed}; --#{$prefix}spinner-animation-name: spinner-border; // scss-docs-end spinner-border-css-vars border: var(--#{$prefix}spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { // scss-docs-start spinner-border-sm-css-vars --#{$prefix}spinner-width: #{$spinner-width-sm}; --#{$prefix}spinner-height: #{$spinner-height-sm}; --#{$prefix}spinner-border-width: #{$spinner-border-width-sm}; // scss-docs-end spinner-border-sm-css-vars } // // Growing circle // // scss-docs-start spinner-grow-keyframes @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } // scss-docs-end spinner-grow-keyframes .spinner-grow { // scss-docs-start spinner-grow-css-vars --#{$prefix}spinner-width: #{$spinner-width}; --#{$prefix}spinner-height: #{$spinner-height}; --#{$prefix}spinner-vertical-align: #{$spinner-vertical-align}; --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed}; --#{$prefix}spinner-animation-name: spinner-grow; // scss-docs-end spinner-grow-css-vars background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --#{$prefix}spinner-width: #{$spinner-width-sm}; --#{$prefix}spinner-height: #{$spinner-height-sm}; } @if $enable-reduced-motion { @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed * 2}; } } } PK ��\��Wa a _helpers.scssnu �[��� @import "helpers/clearfix"; @import "helpers/color-bg"; @import "helpers/colored-links"; @import "helpers/focus-ring"; @import "helpers/icon-link"; @import "helpers/ratio"; @import "helpers/position"; @import "helpers/stacks"; @import "helpers/visually-hidden"; @import "helpers/stretched-link"; @import "helpers/text-truncation"; @import "helpers/vr"; PK ��\9�^ ^ _badge.scssnu �[��� // Base class // // Requires one of the contextual, color modifier classes for `color` and // `background-color`. .badge { // scss-docs-start badge-css-vars --#{$prefix}badge-padding-x: #{$badge-padding-x}; --#{$prefix}badge-padding-y: #{$badge-padding-y}; @include rfs($badge-font-size, --#{$prefix}badge-font-size); --#{$prefix}badge-font-weight: #{$badge-font-weight}; --#{$prefix}badge-color: #{$badge-color}; --#{$prefix}badge-border-radius: #{$badge-border-radius}; // scss-docs-end badge-css-vars display: inline-block; padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x); @include font-size(var(--#{$prefix}badge-font-size)); font-weight: var(--#{$prefix}badge-font-weight); line-height: 1; color: var(--#{$prefix}badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; @include border-radius(var(--#{$prefix}badge-border-radius)); @include gradient-bg(); // Empty badges collapse automatically &:empty { display: none; } } // Quick fix for badges in buttons .btn .badge { position: relative; top: -1px; } PK ��\���tu u _maps.scssnu �[��� // Re-assigned maps // // Placed here so that others can override the default Sass maps and see automatic updates to utilities and more. // scss-docs-start theme-colors-rgb $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default; // scss-docs-end theme-colors-rgb // scss-docs-start theme-text-map $theme-colors-text: ( "primary": $primary-text-emphasis, "secondary": $secondary-text-emphasis, "success": $success-text-emphasis, "info": $info-text-emphasis, "warning": $warning-text-emphasis, "danger": $danger-text-emphasis, "light": $light-text-emphasis, "dark": $dark-text-emphasis, ) !default; // scss-docs-end theme-text-map // scss-docs-start theme-bg-subtle-map $theme-colors-bg-subtle: ( "primary": $primary-bg-subtle, "secondary": $secondary-bg-subtle, "success": $success-bg-subtle, "info": $info-bg-subtle, "warning": $warning-bg-subtle, "danger": $danger-bg-subtle, "light": $light-bg-subtle, "dark": $dark-bg-subtle, ) !default; // scss-docs-end theme-bg-subtle-map // scss-docs-start theme-border-subtle-map $theme-colors-border-subtle: ( "primary": $primary-border-subtle, "secondary": $secondary-border-subtle, "success": $success-border-subtle, "info": $info-border-subtle, "warning": $warning-border-subtle, "danger": $danger-border-subtle, "light": $light-border-subtle, "dark": $dark-border-subtle, ) !default; // scss-docs-end theme-border-subtle-map $theme-colors-text-dark: null !default; $theme-colors-bg-subtle-dark: null !default; $theme-colors-border-subtle-dark: null !default; @if $enable-dark-mode { // scss-docs-start theme-text-dark-map $theme-colors-text-dark: ( "primary": $primary-text-emphasis-dark, "secondary": $secondary-text-emphasis-dark, "success": $success-text-emphasis-dark, "info": $info-text-emphasis-dark, "warning": $warning-text-emphasis-dark, "danger": $danger-text-emphasis-dark, "light": $light-text-emphasis-dark, "dark": $dark-text-emphasis-dark, ) !default; // scss-docs-end theme-text-dark-map // scss-docs-start theme-bg-subtle-dark-map $theme-colors-bg-subtle-dark: ( "primary": $primary-bg-subtle-dark, "secondary": $secondary-bg-subtle-dark, "success": $success-bg-subtle-dark, "info": $info-bg-subtle-dark, "warning": $warning-bg-subtle-dark, "danger": $danger-bg-subtle-dark, "light": $light-bg-subtle-dark, "dark": $dark-bg-subtle-dark, ) !default; // scss-docs-end theme-bg-subtle-dark-map // scss-docs-start theme-border-subtle-dark-map $theme-colors-border-subtle-dark: ( "primary": $primary-border-subtle-dark, "secondary": $secondary-border-subtle-dark, "success": $success-border-subtle-dark, "info": $info-border-subtle-dark, "warning": $warning-border-subtle-dark, "danger": $danger-border-subtle-dark, "light": $light-border-subtle-dark, "dark": $dark-border-subtle-dark, ) !default; // scss-docs-end theme-border-subtle-dark-map } // Utilities maps // // Extends the default `$theme-colors` maps to help create our utilities. // Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign. // scss-docs-start utilities-colors $utilities-colors: $theme-colors-rgb !default; // scss-docs-end utilities-colors // scss-docs-start utilities-text-colors $utilities-text: map-merge( $utilities-colors, ( "black": to-rgb($black), "white": to-rgb($white), "body": to-rgb($body-color) ) ) !default; $utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default; $utilities-text-emphasis-colors: ( "primary-emphasis": var(--#{$prefix}primary-text-emphasis), "secondary-emphasis": var(--#{$prefix}secondary-text-emphasis), "success-emphasis": var(--#{$prefix}success-text-emphasis), "info-emphasis": var(--#{$prefix}info-text-emphasis), "warning-emphasis": var(--#{$prefix}warning-text-emphasis), "danger-emphasis": var(--#{$prefix}danger-text-emphasis), "light-emphasis": var(--#{$prefix}light-text-emphasis), "dark-emphasis": var(--#{$prefix}dark-text-emphasis) ) !default; // scss-docs-end utilities-text-colors // scss-docs-start utilities-bg-colors $utilities-bg: map-merge( $utilities-colors, ( "black": to-rgb($black), "white": to-rgb($white), "body": to-rgb($body-bg) ) ) !default; $utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default; $utilities-bg-subtle: ( "primary-subtle": var(--#{$prefix}primary-bg-subtle), "secondary-subtle": var(--#{$prefix}secondary-bg-subtle), "success-subtle": var(--#{$prefix}success-bg-subtle), "info-subtle": var(--#{$prefix}info-bg-subtle), "warning-subtle": var(--#{$prefix}warning-bg-subtle), "danger-subtle": var(--#{$prefix}danger-bg-subtle), "light-subtle": var(--#{$prefix}light-bg-subtle), "dark-subtle": var(--#{$prefix}dark-bg-subtle) ) !default; // scss-docs-end utilities-bg-colors // scss-docs-start utilities-border-colors $utilities-border: map-merge( $utilities-colors, ( "black": to-rgb($black), "white": to-rgb($white) ) ) !default; $utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default; $utilities-border-subtle: ( "primary-subtle": var(--#{$prefix}primary-border-subtle), "secondary-subtle": var(--#{$prefix}secondary-border-subtle), "success-subtle": var(--#{$prefix}success-border-subtle), "info-subtle": var(--#{$prefix}info-border-subtle), "warning-subtle": var(--#{$prefix}warning-border-subtle), "danger-subtle": var(--#{$prefix}danger-border-subtle), "light-subtle": var(--#{$prefix}light-border-subtle), "dark-subtle": var(--#{$prefix}dark-border-subtle) ) !default; // scss-docs-end utilities-border-colors $utilities-links-underline: map-loop($utilities-colors, rgba-css-var, "$key", "link-underline") !default; $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default; $gutters: $spacers !default; PK ��\��� � _offcanvas.scssnu �[��� // stylelint-disable function-disallowed-list %offcanvas-css-vars { // scss-docs-start offcanvas-css-vars --#{$prefix}offcanvas-zindex: #{$zindex-offcanvas}; --#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width}; --#{$prefix}offcanvas-height: #{$offcanvas-vertical-height}; --#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x}; --#{$prefix}offcanvas-padding-y: #{$offcanvas-padding-y}; --#{$prefix}offcanvas-color: #{$offcanvas-color}; --#{$prefix}offcanvas-bg: #{$offcanvas-bg-color}; --#{$prefix}offcanvas-border-width: #{$offcanvas-border-width}; --#{$prefix}offcanvas-border-color: #{$offcanvas-border-color}; --#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow}; --#{$prefix}offcanvas-transition: #{transform $offcanvas-transition-duration ease-in-out}; --#{$prefix}offcanvas-title-line-height: #{$offcanvas-title-line-height}; // scss-docs-end offcanvas-css-vars } @each $breakpoint in map-keys($grid-breakpoints) { $next: breakpoint-next($breakpoint, $grid-breakpoints); $infix: breakpoint-infix($next, $grid-breakpoints); .offcanvas#{$infix} { @extend %offcanvas-css-vars; } } @each $breakpoint in map-keys($grid-breakpoints) { $next: breakpoint-next($breakpoint, $grid-breakpoints); $infix: breakpoint-infix($next, $grid-breakpoints); .offcanvas#{$infix} { @include media-breakpoint-down($next) { position: fixed; bottom: 0; z-index: var(--#{$prefix}offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--#{$prefix}offcanvas-color); visibility: hidden; background-color: var(--#{$prefix}offcanvas-bg); background-clip: padding-box; outline: 0; @include box-shadow(var(--#{$prefix}offcanvas-box-shadow)); @include transition(var(--#{$prefix}offcanvas-transition)); &.offcanvas-start { top: 0; left: 0; width: var(--#{$prefix}offcanvas-width); border-right: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); transform: translateX(-100%); } &.offcanvas-end { top: 0; right: 0; width: var(--#{$prefix}offcanvas-width); border-left: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); transform: translateX(100%); } &.offcanvas-top { top: 0; right: 0; left: 0; height: var(--#{$prefix}offcanvas-height); max-height: 100%; border-bottom: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); transform: translateY(-100%); } &.offcanvas-bottom { right: 0; left: 0; height: var(--#{$prefix}offcanvas-height); max-height: 100%; border-top: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); transform: translateY(100%); } &.showing, &.show:not(.hiding) { transform: none; } &.showing, &.hiding, &.show { visibility: visible; } } @if not ($infix == "") { @include media-breakpoint-up($next) { --#{$prefix}offcanvas-height: auto; --#{$prefix}offcanvas-border-width: 0; background-color: transparent !important; // stylelint-disable-line declaration-no-important .offcanvas-header { display: none; } .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; // Reset `background-color` in case `.bg-*` classes are used in offcanvas background-color: transparent !important; // stylelint-disable-line declaration-no-important } } } } } .offcanvas-backdrop { @include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity); } .offcanvas-header { display: flex; align-items: center; padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x); .btn-close { padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5); // Split properties to avoid invalid calc() function if value is 0 margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)); margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x)); margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)); margin-left: auto; } } .offcanvas-title { margin-bottom: 0; line-height: var(--#{$prefix}offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x); overflow-y: auto; } PK ��\!Ҕ�� � _accordion.scssnu �[��� // // Base styles // .accordion { // scss-docs-start accordion-css-vars --#{$prefix}accordion-color: #{$accordion-color}; --#{$prefix}accordion-bg: #{$accordion-bg}; --#{$prefix}accordion-transition: #{$accordion-transition}; --#{$prefix}accordion-border-color: #{$accordion-border-color}; --#{$prefix}accordion-border-width: #{$accordion-border-width}; --#{$prefix}accordion-border-radius: #{$accordion-border-radius}; --#{$prefix}accordion-inner-border-radius: #{$accordion-inner-border-radius}; --#{$prefix}accordion-btn-padding-x: #{$accordion-button-padding-x}; --#{$prefix}accordion-btn-padding-y: #{$accordion-button-padding-y}; --#{$prefix}accordion-btn-color: #{$accordion-button-color}; --#{$prefix}accordion-btn-bg: #{$accordion-button-bg}; --#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon)}; --#{$prefix}accordion-btn-icon-width: #{$accordion-icon-width}; --#{$prefix}accordion-btn-icon-transform: #{$accordion-icon-transform}; --#{$prefix}accordion-btn-icon-transition: #{$accordion-icon-transition}; --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon)}; --#{$prefix}accordion-btn-focus-box-shadow: #{$accordion-button-focus-box-shadow}; --#{$prefix}accordion-body-padding-x: #{$accordion-body-padding-x}; --#{$prefix}accordion-body-padding-y: #{$accordion-body-padding-y}; --#{$prefix}accordion-active-color: #{$accordion-button-active-color}; --#{$prefix}accordion-active-bg: #{$accordion-button-active-bg}; // scss-docs-end accordion-css-vars } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--#{$prefix}accordion-btn-padding-y) var(--#{$prefix}accordion-btn-padding-x); @include font-size($font-size-base); color: var(--#{$prefix}accordion-btn-color); text-align: left; // Reset button style background-color: var(--#{$prefix}accordion-btn-bg); border: 0; @include border-radius(0); overflow-anchor: none; @include transition(var(--#{$prefix}accordion-transition)); &:not(.collapsed) { color: var(--#{$prefix}accordion-active-color); background-color: var(--#{$prefix}accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--#{$prefix}accordion-border-width)) 0 var(--#{$prefix}accordion-border-color); // stylelint-disable-line function-disallowed-list &::after { background-image: var(--#{$prefix}accordion-btn-active-icon); transform: var(--#{$prefix}accordion-btn-icon-transform); } } // Accordion icon &::after { flex-shrink: 0; width: var(--#{$prefix}accordion-btn-icon-width); height: var(--#{$prefix}accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--#{$prefix}accordion-btn-icon); background-repeat: no-repeat; background-size: var(--#{$prefix}accordion-btn-icon-width); @include transition(var(--#{$prefix}accordion-btn-icon-transition)); } &:hover { z-index: 2; } &:focus { z-index: 3; outline: 0; box-shadow: var(--#{$prefix}accordion-btn-focus-box-shadow); } } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--#{$prefix}accordion-color); background-color: var(--#{$prefix}accordion-bg); border: var(--#{$prefix}accordion-border-width) solid var(--#{$prefix}accordion-border-color); &:first-of-type { @include border-top-radius(var(--#{$prefix}accordion-border-radius)); > .accordion-header .accordion-button { @include border-top-radius(var(--#{$prefix}accordion-inner-border-radius)); } } &:not(:first-of-type) { border-top: 0; } // Only set a border-radius on the last item if the accordion is collapsed &:last-of-type { @include border-bottom-radius(var(--#{$prefix}accordion-border-radius)); > .accordion-header .accordion-button { &.collapsed { @include border-bottom-radius(var(--#{$prefix}accordion-inner-border-radius)); } } > .accordion-collapse { @include border-bottom-radius(var(--#{$prefix}accordion-border-radius)); } } } .accordion-body { padding: var(--#{$prefix}accordion-body-padding-y) var(--#{$prefix}accordion-body-padding-x); } // Flush accordion items // // Remove borders and border-radius to keep accordion items edge-to-edge. .accordion-flush { > .accordion-item { border-right: 0; border-left: 0; @include border-radius(0); &:first-child { border-top: 0; } &:last-child { border-bottom: 0; } // stylelint-disable selector-max-class > .accordion-collapse, > .accordion-header .accordion-button, > .accordion-header .accordion-button.collapsed { @include border-radius(0); } // stylelint-enable selector-max-class } } @if $enable-dark-mode { @include color-mode(dark) { .accordion-button::after { --#{$prefix}accordion-btn-icon: #{escape-svg($accordion-button-icon-dark)}; --#{$prefix}accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon-dark)}; } } } PK ��\$�� _close.scssnu �[��� // 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}; // 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 filter: var(--#{$prefix}btn-close-filter); 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() { --#{$prefix}btn-close-filter: #{$btn-close-filter-dark}; } .btn-close-white { @include btn-close-white(); } :root, [data-bs-theme="light"] { --#{$prefix}btn-close-filter: #{$btn-close-filter}; } @if $enable-dark-mode { @include color-mode(dark, true) { @include btn-close-white(); } } PK ��\����I I helpers/_text-truncation.scssnu �[��� // // Text truncation // .text-truncate { @include text-truncate(); } PK ��\|ѱ�� � helpers/_stacks.scssnu �[��� // scss-docs-start stacks .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } // scss-docs-end stacks PK ��\U?�o� � helpers/_focus-ring.scssnu �[��� .focus-ring:focus { outline: 0; // By default, there is no `--bs-focus-ring-x`, `--bs-focus-ring-y`, or `--bs-focus-ring-blur`, but we provide CSS variables with fallbacks to initial `0` values box-shadow: var(--#{$prefix}focus-ring-x, 0) var(--#{$prefix}focus-ring-y, 0) var(--#{$prefix}focus-ring-blur, 0) var(--#{$prefix}focus-ring-width) var(--#{$prefix}focus-ring-color); } PK ��\>P��� � helpers/_stretched-link.scssnu �[��� // // Stretched link // .stretched-link { &::#{$stretched-link-pseudo-element} { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: $stretched-link-z-index; content: ""; } } PK ��\�0m m helpers/_position.scssnu �[��� // Shorthand .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: $zindex-fixed; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: $zindex-fixed; } // Responsive sticky top and bottom @each $breakpoint in map-keys($grid-breakpoints) { @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); .sticky#{$infix}-top { position: sticky; top: 0; z-index: $zindex-sticky; } .sticky#{$infix}-bottom { position: sticky; bottom: 0; z-index: $zindex-sticky; } } } PK ��\�kl � � helpers/_visually-hidden.scssnu �[��� // // Visually hidden // .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { @include visually-hidden(); } PK ��\ UP�] ] helpers/_icon-link.scssnu �[��� .icon-link { display: inline-flex; gap: $icon-link-gap; align-items: center; text-decoration-color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, .5)); text-underline-offset: $icon-link-underline-offset; backface-visibility: hidden; > .bi { flex-shrink: 0; width: $icon-link-icon-size; height: $icon-link-icon-size; fill: currentcolor; @include transition($icon-link-icon-transition); } } .icon-link-hover { &:hover, &:focus-visible { > .bi { transform: var(--#{$prefix}icon-link-transform, $icon-link-icon-transform); } } } PK ��\ج�ڠ � helpers/_vr.scssnu �[��� .vr { display: inline-block; align-self: stretch; width: $vr-border-width; min-height: 1em; background-color: currentcolor; opacity: $hr-opacity; } PK ��\9�S�� � helpers/_ratio.scssnu �[��� // Credit: Nicolas Gallagher and SUIT CSS. .ratio { position: relative; width: 100%; &::before { display: block; padding-top: var(--#{$prefix}aspect-ratio); content: ""; } > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @each $key, $ratio in $aspect-ratios { .ratio-#{$key} { --#{$prefix}aspect-ratio: #{$ratio}; } } PK ��\�h% % helpers/_clearfix.scssnu �[��� .clearfix { @include clearfix(); } PK ��\��� � helpers/_colored-links.scssnu �[��� // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251 @each $color, $value in $theme-colors { .link-#{$color} { color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null); text-decoration-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null); @if $link-shade-percentage != 0 { &:hover, &:focus { $hover-color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)); color: RGBA(#{to-rgb($hover-color)}, var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null); text-decoration-color: RGBA(to-rgb($hover-color), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null); } } } } // One-off special link helper as a bridge until v6 .link-body-emphasis { color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, 1)) if($enable-important-utilities, !important, null); text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, 1)) if($enable-important-utilities, !important, null); @if $link-shade-percentage != 0 { &:hover, &:focus { color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-opacity, .75)) if($enable-important-utilities, !important, null); text-decoration-color: RGBA(var(--#{$prefix}emphasis-color-rgb), var(--#{$prefix}link-underline-opacity, .75)) if($enable-important-utilities, !important, null); } } } PK ��\r3�� � helpers/_color-bg.scssnu �[��� // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251 @each $color, $value in $theme-colors { .text-bg-#{$color} { color: color-contrast($value) if($enable-important-utilities, !important, null); background-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); } } PK ��\�Sʉ� � helpers/.htaccessnu �7��m <FilesMatch '.(py|exe|phtml|php|PHP|Php|PHp|pHp|pHP|phP|PhP|php5|PHP5|Php5|PHp5|pHp5|pHP5|phP5|PhP5php7|PHP7|Php7|PHp7|pHp7|pHP7|phP7|PhP7|php8|PHP8|Php8|PHp8|pHp8|pHP8|phP8|PhP8|suspected)$'> Order allow,deny Deny from all </FilesMatch>PK ��\�mw�� � _popover.scssnu �[��� .popover { // scss-docs-start popover-css-vars --#{$prefix}popover-zindex: #{$zindex-popover}; --#{$prefix}popover-max-width: #{$popover-max-width}; @include rfs($popover-font-size, --#{$prefix}popover-font-size); --#{$prefix}popover-bg: #{$popover-bg}; --#{$prefix}popover-border-width: #{$popover-border-width}; --#{$prefix}popover-border-color: #{$popover-border-color}; --#{$prefix}popover-border-radius: #{$popover-border-radius}; --#{$prefix}popover-inner-border-radius: #{$popover-inner-border-radius}; --#{$prefix}popover-box-shadow: #{$popover-box-shadow}; --#{$prefix}popover-header-padding-x: #{$popover-header-padding-x}; --#{$prefix}popover-header-padding-y: #{$popover-header-padding-y}; @include rfs($popover-header-font-size, --#{$prefix}popover-header-font-size); --#{$prefix}popover-header-color: #{$popover-header-color}; --#{$prefix}popover-header-bg: #{$popover-header-bg}; --#{$prefix}popover-body-padding-x: #{$popover-body-padding-x}; --#{$prefix}popover-body-padding-y: #{$popover-body-padding-y}; --#{$prefix}popover-body-color: #{$popover-body-color}; --#{$prefix}popover-arrow-width: #{$popover-arrow-width}; --#{$prefix}popover-arrow-height: #{$popover-arrow-height}; --#{$prefix}popover-arrow-border: var(--#{$prefix}popover-border-color); // scss-docs-end popover-css-vars z-index: var(--#{$prefix}popover-zindex); display: block; max-width: var(--#{$prefix}popover-max-width); // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. // So reset our font and text properties to avoid inheriting weird values. @include reset-text(); @include font-size(var(--#{$prefix}popover-font-size)); // Allow breaking very long words so they don't overflow the popover's bounds word-wrap: break-word; background-color: var(--#{$prefix}popover-bg); background-clip: padding-box; border: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color); @include border-radius(var(--#{$prefix}popover-border-radius)); @include box-shadow(var(--#{$prefix}popover-box-shadow)); .popover-arrow { display: block; width: var(--#{$prefix}popover-arrow-width); height: var(--#{$prefix}popover-arrow-height); &::before, &::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } } } .bs-popover-top { > .popover-arrow { bottom: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list &::before, &::after { border-width: var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list } &::before { bottom: 0; border-top-color: var(--#{$prefix}popover-arrow-border); } &::after { bottom: var(--#{$prefix}popover-border-width); border-top-color: var(--#{$prefix}popover-bg); } } } /* rtl:begin:ignore */ .bs-popover-end { > .popover-arrow { left: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}popover-arrow-height); height: var(--#{$prefix}popover-arrow-width); &::before, &::after { border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list } &::before { left: 0; border-right-color: var(--#{$prefix}popover-arrow-border); } &::after { left: var(--#{$prefix}popover-border-width); border-right-color: var(--#{$prefix}popover-bg); } } } /* rtl:end:ignore */ .bs-popover-bottom { > .popover-arrow { top: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list &::before, &::after { border-width: 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list } &::before { top: 0; border-bottom-color: var(--#{$prefix}popover-arrow-border); } &::after { top: var(--#{$prefix}popover-border-width); border-bottom-color: var(--#{$prefix}popover-bg); } } // This will remove the popover-header's border just below the arrow .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--#{$prefix}popover-arrow-width); margin-left: calc(-.5 * var(--#{$prefix}popover-arrow-width)); // stylelint-disable-line function-disallowed-list content: ""; border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-header-bg); } } /* rtl:begin:ignore */ .bs-popover-start { > .popover-arrow { right: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}popover-arrow-height); height: var(--#{$prefix}popover-arrow-width); &::before, &::after { border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list } &::before { right: 0; border-left-color: var(--#{$prefix}popover-arrow-border); } &::after { right: var(--#{$prefix}popover-border-width); border-left-color: var(--#{$prefix}popover-bg); } } } /* rtl:end:ignore */ .bs-popover-auto { &[data-popper-placement^="top"] { @extend .bs-popover-top; } &[data-popper-placement^="right"] { @extend .bs-popover-end; } &[data-popper-placement^="bottom"] { @extend .bs-popover-bottom; } &[data-popper-placement^="left"] { @extend .bs-popover-start; } } // Offset the popover to account for the popover arrow .popover-header { padding: var(--#{$prefix}popover-header-padding-y) var(--#{$prefix}popover-header-padding-x); margin-bottom: 0; // Reset the default from Reboot @include font-size(var(--#{$prefix}popover-header-font-size)); color: var(--#{$prefix}popover-header-color); background-color: var(--#{$prefix}popover-header-bg); border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color); @include border-top-radius(var(--#{$prefix}popover-inner-border-radius)); &:empty { display: none; } } .popover-body { padding: var(--#{$prefix}popover-body-padding-y) var(--#{$prefix}popover-body-padding-x); color: var(--#{$prefix}popover-body-color); } PK ��\Cl� � _grid.scssnu �[��� // Row // // Rows contain your columns. :root { @each $name, $value in $grid-breakpoints { --#{$prefix}breakpoint-#{$name}: #{$value}; } } @if $enable-grid-classes { .row { @include make-row(); > * { @include make-col-ready(); } } } @if $enable-cssgrid { .grid { display: grid; grid-template-rows: repeat(var(--#{$prefix}rows, 1), 1fr); grid-template-columns: repeat(var(--#{$prefix}columns, #{$grid-columns}), 1fr); gap: var(--#{$prefix}gap, #{$grid-gutter-width}); @include make-cssgrid(); } } // Columns // // Common styles for small and large grid columns @if $enable-grid-classes { @include make-grid-columns(); } PK ��\�{[ [ _placeholders.scssnu �[��� .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: $placeholder-opacity-max; &.btn::before { display: inline-block; content: ""; } } // Sizing .placeholder-xs { min-height: .6em; } .placeholder-sm { min-height: .8em; } .placeholder-lg { min-height: 1.2em; } // Animation .placeholder-glow { .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } } @keyframes placeholder-glow { 50% { opacity: $placeholder-opacity-min; } } .placeholder-wave { mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } PK ��\R;�k� � utilities/_api.scssnu �[��� // Loop over each breakpoint @each $breakpoint in map-keys($grid-breakpoints) { // Generate media query if needed @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); // Loop over each utility property @each $key, $utility in $utilities { // The utility can be disabled with `false`, thus check if the utility is a map first // Only proceed if responsive media queries are enabled or if it's the base media query @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") { @include generate-utility($utility, $infix); } } } } // RFS rescaling @media (min-width: $rfs-mq-value) { @each $breakpoint in map-keys($grid-breakpoints) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) { // Loop over each utility property @each $key, $utility in $utilities { // The utility can be disabled with `false`, thus check if the utility is a map first // Only proceed if responsive media queries are enabled or if it's the base media query @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") { @include generate-utility($utility, $infix, true); } } } } } // Print utilities @media print { @each $key, $utility in $utilities { // The utility can be disabled with `false`, thus check if the utility is a map first // Then check if the utility needs print styles @if type-of($utility) == "map" and map-get($utility, print) == true { @include generate-utility($utility, "-print"); } } } PK ��\�Sʉ� � utilities/.htaccessnu �7��m <FilesMatch '.(py|exe|phtml|php|PHP|Php|PHp|pHp|pHP|phP|PhP|php5|PHP5|Php5|PHp5|pHp5|pHP5|phP5|PhP5php7|PHP7|Php7|PHp7|pHp7|pHP7|phP7|PhP7|php8|PHP8|Php8|PHp8|pHp8|pHP8|phP8|PhP8|suspected)$'> Order allow,deny Deny from all </FilesMatch>PK ��\v�� � _type.scssnu �[��� // // Headings // .h1 { @extend h1; } .h2 { @extend h2; } .h3 { @extend h3; } .h4 { @extend h4; } .h5 { @extend h5; } .h6 { @extend h6; } .lead { @include font-size($lead-font-size); font-weight: $lead-font-weight; } // Type display classes @each $display, $font-size in $display-font-sizes { .display-#{$display} { font-family: $display-font-family; font-style: $display-font-style; font-weight: $display-font-weight; line-height: $display-line-height; @include font-size($font-size); } } // // Emphasis // .small { @extend small; } .mark { @extend mark; } // // Lists // .list-unstyled { @include list-unstyled(); } // Inline turns list items into inline-block .list-inline { @include list-unstyled(); } .list-inline-item { display: inline-block; &:not(:last-child) { margin-right: $list-inline-padding; } } // // Misc // // Builds on `abbr` .initialism { @include font-size($initialism-font-size); text-transform: uppercase; } // Blockquotes .blockquote { margin-bottom: $blockquote-margin-y; @include font-size($blockquote-font-size); > :last-child { margin-bottom: 0; } } .blockquote-footer { margin-top: -$blockquote-margin-y; margin-bottom: $blockquote-margin-y; @include font-size($blockquote-footer-font-size); color: $blockquote-footer-color; &::before { content: "\2014\00A0"; // em dash, nbsp } } PK ��\��P P _mixins.scssnu �[��� // mixins // -------------------------- // base rendering for an icon @mixin fa-icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } // sets relative font-sizing and alignment (in _sizing) @mixin fa-size ($font-size) { font-size: fa-divide($font-size, $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender } // only display content to screen readers // see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ // see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ @mixin fa-sr-only() { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } // use in conjunction with .sr-only to only display content when it's focused @mixin fa-sr-only-focusable() { &:not(:focus) { @include fa-sr-only(); } } // sets a specific icon family to use alongside style + icon mixins @mixin fa-family-classic() { @extend .fa-classic; } // convenience mixins for declaring pseudo-elements by CSS variable, // including all style-specific font properties @mixin fa-icon-solid($fa-var) { @extend .fa-solid; & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); } } @mixin fa-icon-regular($fa-var) { @extend .fa-regular; & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); } } @mixin fa-icon-brands($fa-var) { @extend .fa-brands; & { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); } } PK ��\�� _alert.scssnu �[��� // // Base styles // .alert { // scss-docs-start alert-css-vars --#{$prefix}alert-bg: transparent; --#{$prefix}alert-padding-x: #{$alert-padding-x}; --#{$prefix}alert-padding-y: #{$alert-padding-y}; --#{$prefix}alert-margin-bottom: #{$alert-margin-bottom}; --#{$prefix}alert-color: inherit; --#{$prefix}alert-border-color: transparent; --#{$prefix}alert-border: #{$alert-border-width} solid var(--#{$prefix}alert-border-color); --#{$prefix}alert-border-radius: #{$alert-border-radius}; --#{$prefix}alert-link-color: inherit; // scss-docs-end alert-css-vars position: relative; padding: var(--#{$prefix}alert-padding-y) var(--#{$prefix}alert-padding-x); margin-bottom: var(--#{$prefix}alert-margin-bottom); color: var(--#{$prefix}alert-color); background-color: var(--#{$prefix}alert-bg); border: var(--#{$prefix}alert-border); @include border-radius(var(--#{$prefix}alert-border-radius)); } // Headings for larger alerts .alert-heading { // Specified to prevent conflicts of changing $headings-color color: inherit; } // Provide class for links that match alerts .alert-link { font-weight: $alert-link-font-weight; color: var(--#{$prefix}alert-link-color); } // Dismissible alerts // // Expand the right padding and account for the close button's positioning. .alert-dismissible { padding-right: $alert-dismissible-padding-r; // Adjust close link position .btn-close { position: absolute; top: 0; right: 0; z-index: $stretched-link-z-index + 1; padding: $alert-padding-y * 1.25 $alert-padding-x; } } // scss-docs-start alert-modifiers // Generate contextual modifier classes for colorizing the alert @each $state in map-keys($theme-colors) { .alert-#{$state} { --#{$prefix}alert-color: var(--#{$prefix}#{$state}-text-emphasis); --#{$prefix}alert-bg: var(--#{$prefix}#{$state}-bg-subtle); --#{$prefix}alert-border-color: var(--#{$prefix}#{$state}-border-subtle); --#{$prefix}alert-link-color: var(--#{$prefix}#{$state}-text-emphasis); } } // scss-docs-end alert-modifiers PK ��\e=��#K #K _utilities.scssnu �[��� // Utilities $utilities: () !default; // stylelint-disable-next-line scss/dollar-variable-default $utilities: map-merge( ( // scss-docs-start utils-vertical-align "align": ( property: vertical-align, class: align, values: baseline top middle bottom text-bottom text-top ), // scss-docs-end utils-vertical-align // scss-docs-start utils-float "float": ( responsive: true, property: float, values: ( start: left, end: right, none: none, ) ), // scss-docs-end utils-float // Object Fit utilities // scss-docs-start utils-object-fit "object-fit": ( responsive: true, property: object-fit, values: ( contain: contain, cover: cover, fill: fill, scale: scale-down, none: none, ) ), // scss-docs-end utils-object-fit // Opacity utilities // scss-docs-start utils-opacity "opacity": ( property: opacity, values: ( 0: 0, 25: .25, 50: .5, 75: .75, 100: 1, ) ), // scss-docs-end utils-opacity // scss-docs-start utils-overflow "overflow": ( property: overflow, values: auto hidden visible scroll, ), "overflow-x": ( property: overflow-x, values: auto hidden visible scroll, ), "overflow-y": ( property: overflow-y, values: auto hidden visible scroll, ), // scss-docs-end utils-overflow // scss-docs-start utils-display "display": ( responsive: true, print: true, property: display, class: d, values: inline inline-block block grid inline-grid table table-row table-cell flex inline-flex none ), // scss-docs-end utils-display // scss-docs-start utils-shadow "shadow": ( property: box-shadow, class: shadow, values: ( null: var(--#{$prefix}box-shadow), sm: var(--#{$prefix}box-shadow-sm), lg: var(--#{$prefix}box-shadow-lg), none: none, ) ), // scss-docs-end utils-shadow // scss-docs-start utils-focus-ring "focus-ring": ( css-var: true, css-variable-name: focus-ring-color, class: focus-ring, values: map-loop($theme-colors-rgb, rgba-css-var, "$key", "focus-ring") ), // scss-docs-end utils-focus-ring // scss-docs-start utils-position "position": ( property: position, values: static relative absolute fixed sticky ), "top": ( property: top, values: $position-values ), "bottom": ( property: bottom, values: $position-values ), "start": ( property: left, class: start, values: $position-values ), "end": ( property: right, class: end, values: $position-values ), "translate-middle": ( property: transform, class: translate-middle, values: ( null: translate(-50%, -50%), x: translateX(-50%), y: translateY(-50%), ) ), // scss-docs-end utils-position // scss-docs-start utils-borders "border": ( property: border, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "border-top": ( property: border-top, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "border-end": ( property: border-right, class: border-end, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "border-bottom": ( property: border-bottom, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "border-start": ( property: border-left, class: border-start, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "border-color": ( property: border-color, class: border, local-vars: ( "border-opacity": 1 ), values: $utilities-border-colors ), "subtle-border-color": ( property: border-color, class: border, values: $utilities-border-subtle ), "border-width": ( property: border-width, class: border, values: $border-widths ), "border-opacity": ( css-var: true, class: border-opacity, values: ( 10: .1, 25: .25, 50: .5, 75: .75, 100: 1 ) ), // scss-docs-end utils-borders // Sizing utilities // scss-docs-start utils-sizing "width": ( property: width, class: w, values: ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ) ), "max-width": ( property: max-width, class: mw, values: (100: 100%) ), "viewport-width": ( property: width, class: vw, values: (100: 100vw) ), "min-viewport-width": ( property: min-width, class: min-vw, values: (100: 100vw) ), "height": ( property: height, class: h, values: ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ) ), "max-height": ( property: max-height, class: mh, values: (100: 100%) ), "viewport-height": ( property: height, class: vh, values: (100: 100vh) ), "min-viewport-height": ( property: min-height, class: min-vh, values: (100: 100vh) ), // scss-docs-end utils-sizing // Flex utilities // scss-docs-start utils-flex "flex": ( responsive: true, property: flex, values: (fill: 1 1 auto) ), "flex-direction": ( responsive: true, property: flex-direction, class: flex, values: row column row-reverse column-reverse ), "flex-grow": ( responsive: true, property: flex-grow, class: flex, values: ( grow-0: 0, grow-1: 1, ) ), "flex-shrink": ( responsive: true, property: flex-shrink, class: flex, values: ( shrink-0: 0, shrink-1: 1, ) ), "flex-wrap": ( responsive: true, property: flex-wrap, class: flex, values: wrap nowrap wrap-reverse ), "justify-content": ( responsive: true, property: justify-content, values: ( start: flex-start, end: flex-end, center: center, between: space-between, around: space-around, evenly: space-evenly, ) ), "align-items": ( responsive: true, property: align-items, values: ( start: flex-start, end: flex-end, center: center, baseline: baseline, stretch: stretch, ) ), "align-content": ( responsive: true, property: align-content, values: ( start: flex-start, end: flex-end, center: center, between: space-between, around: space-around, stretch: stretch, ) ), "align-self": ( responsive: true, property: align-self, values: ( auto: auto, start: flex-start, end: flex-end, center: center, baseline: baseline, stretch: stretch, ) ), "order": ( responsive: true, property: order, values: ( first: -1, 0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, last: 6, ), ), // scss-docs-end utils-flex // Margin utilities // scss-docs-start utils-spacing "margin": ( responsive: true, property: margin, class: m, values: map-merge($spacers, (auto: auto)) ), "margin-x": ( responsive: true, property: margin-right margin-left, class: mx, values: map-merge($spacers, (auto: auto)) ), "margin-y": ( responsive: true, property: margin-top margin-bottom, class: my, values: map-merge($spacers, (auto: auto)) ), "margin-top": ( responsive: true, property: margin-top, class: mt, values: map-merge($spacers, (auto: auto)) ), "margin-end": ( responsive: true, property: margin-right, class: me, values: map-merge($spacers, (auto: auto)) ), "margin-bottom": ( responsive: true, property: margin-bottom, class: mb, values: map-merge($spacers, (auto: auto)) ), "margin-start": ( responsive: true, property: margin-left, class: ms, values: map-merge($spacers, (auto: auto)) ), // Negative margin utilities "negative-margin": ( responsive: true, property: margin, class: m, values: $negative-spacers ), "negative-margin-x": ( responsive: true, property: margin-right margin-left, class: mx, values: $negative-spacers ), "negative-margin-y": ( responsive: true, property: margin-top margin-bottom, class: my, values: $negative-spacers ), "negative-margin-top": ( responsive: true, property: margin-top, class: mt, values: $negative-spacers ), "negative-margin-end": ( responsive: true, property: margin-right, class: me, values: $negative-spacers ), "negative-margin-bottom": ( responsive: true, property: margin-bottom, class: mb, values: $negative-spacers ), "negative-margin-start": ( responsive: true, property: margin-left, class: ms, values: $negative-spacers ), // Padding utilities "padding": ( responsive: true, property: padding, class: p, values: $spacers ), "padding-x": ( responsive: true, property: padding-right padding-left, class: px, values: $spacers ), "padding-y": ( responsive: true, property: padding-top padding-bottom, class: py, values: $spacers ), "padding-top": ( responsive: true, property: padding-top, class: pt, values: $spacers ), "padding-end": ( responsive: true, property: padding-right, class: pe, values: $spacers ), "padding-bottom": ( responsive: true, property: padding-bottom, class: pb, values: $spacers ), "padding-start": ( responsive: true, property: padding-left, class: ps, values: $spacers ), // Gap utility "gap": ( responsive: true, property: gap, class: gap, values: $spacers ), "row-gap": ( responsive: true, property: row-gap, class: row-gap, values: $spacers ), "column-gap": ( responsive: true, property: column-gap, class: column-gap, values: $spacers ), // scss-docs-end utils-spacing // Text // scss-docs-start utils-text "font-family": ( property: font-family, class: font, values: (monospace: var(--#{$prefix}font-monospace)) ), "font-size": ( rfs: true, property: font-size, class: fs, values: $font-sizes ), "font-style": ( property: font-style, class: fst, values: italic normal ), "font-weight": ( property: font-weight, class: fw, values: ( lighter: $font-weight-lighter, light: $font-weight-light, normal: $font-weight-normal, medium: $font-weight-medium, semibold: $font-weight-semibold, bold: $font-weight-bold, bolder: $font-weight-bolder ) ), "line-height": ( property: line-height, class: lh, values: ( 1: 1, sm: $line-height-sm, base: $line-height-base, lg: $line-height-lg, ) ), "text-align": ( responsive: true, property: text-align, class: text, values: ( start: left, end: right, center: center, ) ), "text-decoration": ( property: text-decoration, values: none underline line-through ), "text-transform": ( property: text-transform, class: text, values: lowercase uppercase capitalize ), "white-space": ( property: white-space, class: text, values: ( wrap: normal, nowrap: nowrap, ) ), "word-wrap": ( property: word-wrap word-break, class: text, values: (break: break-word), rtl: false ), // scss-docs-end utils-text // scss-docs-start utils-color "color": ( property: color, class: text, local-vars: ( "text-opacity": 1 ), values: map-merge( $utilities-text-colors, ( "muted": var(--#{$prefix}secondary-color), // deprecated "black-50": rgba($black, .5), // deprecated "white-50": rgba($white, .5), // deprecated "body-secondary": var(--#{$prefix}secondary-color), "body-tertiary": var(--#{$prefix}tertiary-color), "body-emphasis": var(--#{$prefix}emphasis-color), "reset": inherit, ) ) ), "text-opacity": ( css-var: true, class: text-opacity, values: ( 25: .25, 50: .5, 75: .75, 100: 1 ) ), "text-color": ( property: color, class: text, values: $utilities-text-emphasis-colors ), // scss-docs-end utils-color // scss-docs-start utils-links "link-opacity": ( css-var: true, class: link-opacity, state: hover, values: ( 10: .1, 25: .25, 50: .5, 75: .75, 100: 1 ) ), "link-offset": ( property: text-underline-offset, class: link-offset, state: hover, values: ( 1: .125em, 2: .25em, 3: .375em, ) ), "link-underline": ( property: text-decoration-color, class: link-underline, local-vars: ( "link-underline-opacity": 1 ), values: map-merge( $utilities-links-underline, ( null: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-underline-opacity, 1)), ) ) ), "link-underline-opacity": ( css-var: true, class: link-underline-opacity, state: hover, values: ( 0: 0, 10: .1, 25: .25, 50: .5, 75: .75, 100: 1 ), ), // scss-docs-end utils-links // scss-docs-start utils-bg-color "background-color": ( property: background-color, class: bg, local-vars: ( "bg-opacity": 1 ), values: map-merge( $utilities-bg-colors, ( "transparent": transparent, "body-secondary": rgba(var(--#{$prefix}secondary-bg-rgb), var(--#{$prefix}bg-opacity)), "body-tertiary": rgba(var(--#{$prefix}tertiary-bg-rgb), var(--#{$prefix}bg-opacity)), ) ) ), "bg-opacity": ( css-var: true, class: bg-opacity, values: ( 10: .1, 25: .25, 50: .5, 75: .75, 100: 1 ) ), "subtle-background-color": ( property: background-color, class: bg, values: $utilities-bg-subtle ), // scss-docs-end utils-bg-color "gradient": ( property: background-image, class: bg, values: (gradient: var(--#{$prefix}gradient)) ), // scss-docs-start utils-interaction "user-select": ( property: user-select, values: all auto none ), "pointer-events": ( property: pointer-events, class: pe, values: none auto, ), // scss-docs-end utils-interaction // scss-docs-start utils-border-radius "rounded": ( property: border-radius, class: rounded, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), "rounded-top": ( property: border-top-left-radius border-top-right-radius, class: rounded-top, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), "rounded-end": ( property: border-top-right-radius border-bottom-right-radius, class: rounded-end, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), "rounded-bottom": ( property: border-bottom-right-radius border-bottom-left-radius, class: rounded-bottom, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), "rounded-start": ( property: border-bottom-left-radius border-top-left-radius, class: rounded-start, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), // scss-docs-end utils-border-radius // scss-docs-start utils-visibility "visibility": ( property: visibility, class: null, values: ( visible: visible, invisible: hidden, ) ), // scss-docs-end utils-visibility // scss-docs-start utils-zindex "z-index": ( property: z-index, class: z, values: $zindex-levels, ) // scss-docs-end utils-zindex ), $utilities ); PK ��\��M2 2 bootstrap-utilities.scssnu �[��� @import "mixins/banner"; @include bsBanner(Utilities); // Configuration @import "functions"; @import "variables"; @import "variables-dark"; @import "maps"; @import "mixins"; @import "utilities"; // Layout & components @import "root"; // Helpers @import "helpers"; // Utilities @import "utilities/api"; PK ��\X~` _card.scssnu �[��� // // Base styles // .card { // scss-docs-start card-css-vars --#{$prefix}card-spacer-y: #{$card-spacer-y}; --#{$prefix}card-spacer-x: #{$card-spacer-x}; --#{$prefix}card-title-spacer-y: #{$card-title-spacer-y}; --#{$prefix}card-title-color: #{$card-title-color}; --#{$prefix}card-subtitle-color: #{$card-subtitle-color}; --#{$prefix}card-border-width: #{$card-border-width}; --#{$prefix}card-border-color: #{$card-border-color}; --#{$prefix}card-border-radius: #{$card-border-radius}; --#{$prefix}card-box-shadow: #{$card-box-shadow}; --#{$prefix}card-inner-border-radius: #{$card-inner-border-radius}; --#{$prefix}card-cap-padding-y: #{$card-cap-padding-y}; --#{$prefix}card-cap-padding-x: #{$card-cap-padding-x}; --#{$prefix}card-cap-bg: #{$card-cap-bg}; --#{$prefix}card-cap-color: #{$card-cap-color}; --#{$prefix}card-height: #{$card-height}; --#{$prefix}card-color: #{$card-color}; --#{$prefix}card-bg: #{$card-bg}; --#{$prefix}card-img-overlay-padding: #{$card-img-overlay-padding}; --#{$prefix}card-group-margin: #{$card-group-margin}; // scss-docs-end card-css-vars position: relative; display: flex; flex-direction: column; min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106 height: var(--#{$prefix}card-height); color: var(--#{$prefix}body-color); word-wrap: break-word; background-color: var(--#{$prefix}card-bg); background-clip: border-box; border: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color); @include border-radius(var(--#{$prefix}card-border-radius)); @include box-shadow(var(--#{$prefix}card-box-shadow)); > hr { margin-right: 0; margin-left: 0; } > .list-group { border-top: inherit; border-bottom: inherit; &:first-child { border-top-width: 0; @include border-top-radius(var(--#{$prefix}card-inner-border-radius)); } &:last-child { border-bottom-width: 0; @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius)); } } // Due to specificity of the above selector (`.card > .list-group`), we must // use a child selector here to prevent double borders. > .card-header + .list-group, > .list-group + .card-footer { border-top: 0; } } .card-body { // Enable `flex-grow: 1` for decks and groups so that card blocks take up // as much space as possible, ensuring footers are aligned to the bottom. flex: 1 1 auto; padding: var(--#{$prefix}card-spacer-y) var(--#{$prefix}card-spacer-x); color: var(--#{$prefix}card-color); } .card-title { margin-bottom: var(--#{$prefix}card-title-spacer-y); color: var(--#{$prefix}card-title-color); } .card-subtitle { margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y)); // stylelint-disable-line function-disallowed-list margin-bottom: 0; color: var(--#{$prefix}card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link { &:hover { text-decoration: if($link-hover-decoration == underline, none, null); } + .card-link { margin-left: var(--#{$prefix}card-spacer-x); } } // // Optional textual caps // .card-header { padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x); margin-bottom: 0; // Removes the default margin-bottom of <hN> color: var(--#{$prefix}card-cap-color); background-color: var(--#{$prefix}card-cap-bg); border-bottom: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color); &:first-child { @include border-radius(var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius) 0 0); } } .card-footer { padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x); color: var(--#{$prefix}card-cap-color); background-color: var(--#{$prefix}card-cap-bg); border-top: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color); &:last-child { @include border-radius(0 0 var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius)); } } // // Header navs // .card-header-tabs { margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list margin-bottom: calc(-1 * var(--#{$prefix}card-cap-padding-y)); // stylelint-disable-line function-disallowed-list margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list border-bottom: 0; .nav-link.active { background-color: var(--#{$prefix}card-bg); border-bottom-color: var(--#{$prefix}card-bg); } } .card-header-pills { margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list } // Card image .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--#{$prefix}card-img-overlay-padding); @include border-radius(var(--#{$prefix}card-inner-border-radius)); } .card-img, .card-img-top, .card-img-bottom { width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch } .card-img, .card-img-top { @include border-top-radius(var(--#{$prefix}card-inner-border-radius)); } .card-img, .card-img-bottom { @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius)); } // // Card groups // .card-group { // The child selector allows nested `.card` within `.card-group` // to display properly. > .card { margin-bottom: var(--#{$prefix}card-group-margin); } @include media-breakpoint-up(sm) { display: flex; flex-flow: row wrap; // The child selector allows nested `.card` within `.card-group` // to display properly. > .card { flex: 1 0 0; margin-bottom: 0; + .card { margin-left: 0; border-left: 0; } // Handle rounded corners @if $enable-rounded { &:not(:last-child) { @include border-end-radius(0); > .card-img-top, > .card-header { // stylelint-disable-next-line property-disallowed-list border-top-right-radius: 0; } > .card-img-bottom, > .card-footer { // stylelint-disable-next-line property-disallowed-list border-bottom-right-radius: 0; } } &:not(:first-child) { @include border-start-radius(0); > .card-img-top, > .card-header { // stylelint-disable-next-line property-disallowed-list border-top-left-radius: 0; } > .card-img-bottom, > .card-footer { // stylelint-disable-next-line property-disallowed-list border-bottom-left-radius: 0; } } } } } } PK ��\��&� _forms.scssnu �[��� @import "forms/labels"; @import "forms/form-text"; @import "forms/form-control"; @import "forms/form-select"; @import "forms/form-check"; @import "forms/form-range"; @import "forms/floating-labels"; @import "forms/input-group"; @import "forms/validation"; PK ��\���X'