53 lines
2.8 KiB
SCSS
53 lines
2.8 KiB
SCSS
|
$body-emphasis-color: $body-color !default; // introduced in BS 5.3
|
||
|
|
|
||
|
|
$shiny-emphasis-color-rgb: var(--#{$prefix}emphasis-color-rgb, 0,0,0) !default;
|
||
|
|
|
||
|
|
$shiny-disconnected-bg: RGBA($shiny-emphasis-color-rgb, 0.42) !default;
|
||
|
|
$shiny-table-na: RGBA($shiny-emphasis-color-rgb, 0.46) !default;
|
||
|
|
$shiny-error-color: var(--#{$prefix}danger) !default;
|
||
|
|
$shiny-error-validated-color: RGBA($shiny-emphasis-color-rgb, 0.5) !default;
|
||
|
|
$shiny-progress-text-bg-color: RGBA(var(--#{$prefix}primary-rgb, #{to-rgb($primary)}), 0.05) !default;
|
||
|
|
|
||
|
|
$shiny-input-panel-bg: RGBA($shiny-emphasis-color-rgb, 0.04) !default;
|
||
|
|
$shiny-input-panel-border: $border-width solid var(--#{$prefix}border-color, #{$border-color}) !default;
|
||
|
|
$shiny-input-panel-border-radius: $border-radius !default;
|
||
|
|
$shiny-text-output-border-radius: $border-radius !default;
|
||
|
|
|
||
|
|
$notification-color: var(--#{$prefix}emphasis-color, #{$body-emphasis-color}) !default;
|
||
|
|
$notification-bg-color: var(--#{$prefix}body-bg, #{$body-bg}) !default;
|
||
|
|
$notification-border: $border-width solid var(--#{$prefix}border-color, #{$border-color}) !default;
|
||
|
|
$notification-border-radius: $border-radius !default;
|
||
|
|
|
||
|
|
$notification-message-color: var(--#{$prefix}info-text-emphasis) !default;
|
||
|
|
$notification-message-bg: var(--#{$prefix}info-bg-subtle) !default;
|
||
|
|
$notification-message-border: $border-width solid var(--#{$prefix}info-border-subtle) !default;
|
||
|
|
|
||
|
|
$notification-warning-color: var(--#{$prefix}warning-text-emphasis) !default;
|
||
|
|
$notification-warning-bg: var(--#{$prefix}warning-bg-subtle) !default;
|
||
|
|
$notification-warning-border: $border-width solid var(--#{$prefix}warning-border-subtle) !default;
|
||
|
|
|
||
|
|
$notification-error-color: var(--#{$prefix}danger-text-emphasis) !default;
|
||
|
|
$notification-error-bg: var(--#{$prefix}danger-bg-subtle) !default;
|
||
|
|
$notification-error-border: $border-width solid var(--#{$prefix}danger-border-subtle) !default;
|
||
|
|
|
||
|
|
$notification-close-color: RGBA($shiny-emphasis-color-rgb, 0.8) !default;
|
||
|
|
$notification-close-hover-color: RGB($shiny-emphasis-color-rgb) !default;
|
||
|
|
$notification-content-action-color: RGB(var(--#{$prefix}primary-rgb, #{to-rgb($primary)})) !default;
|
||
|
|
|
||
|
|
$datepicker-disabled-color: $dropdown-link-disabled-color !default;
|
||
|
|
|
||
|
|
$shiny-file-active-shadow: $input-focus-box-shadow !default;
|
||
|
|
|
||
|
|
|
||
|
|
.shiny-panel-conditional,
|
||
|
|
div:where(.shiny-html-output) {
|
||
|
|
/* uiOutput()/ conditionalPanel() are "pass-through" containers when they have children. */
|
||
|
|
&:has(> *) {
|
||
|
|
display: contents;
|
||
|
|
/* Pass along styles that no longer impact the pass-through container */
|
||
|
|
&.recalculating > * {
|
||
|
|
opacity: var(--_shiny-fade-opacity);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|