` elements
-
-// stylelint-disable-next-line selector-no-qualifying-type
a.close.disabled {
pointer-events: none;
}
diff --git a/src/Code/Code.scss b/src/Code/Code.scss
index 0de0da90896..fe80fc48644 100644
--- a/src/Code/Code.scss
+++ b/src/Code/Code.scss
@@ -1,8 +1,9 @@
code {
- @include font-size(var(--pgn-typography-code-font-size));
color: var(--pgn-color-code-base);
word-wrap: break-word;
+ @include font-size(var(--pgn-typography-code-font-size));
+
a > & {
color: inherit;
}
@@ -10,27 +11,31 @@ code {
kbd {
padding: var(--pgn-spacing-code-kbd-padding-y) var(--pgn-spacing-code-kbd-padding-x);
- @include font-size(var(--pgn-typography-code-kbd-font-size));
color: var(--pgn-color-code-kbd-base);
background-color: var(--pgn-color-code-kbd-bg);
+
+ @include font-size(var(--pgn-typography-code-kbd-font-size));
@include border-radius($border-radius-sm);
@include box-shadow(var(--pgn-elevation-code-kbd-box-shadow));
kbd {
padding: 0;
- @include font-size(100%);
font-weight: var(--pgn-typography-code-kbd-nested-font-weight);
+
+ @include font-size(100%);
@include box-shadow(none);
}
}
pre {
display: block;
- @include font-size(var(--pgn-typography-code-font-size));
color: var(--pgn-color-code-pre);
+ @include font-size(var(--pgn-typography-code-font-size));
+
code {
@include font-size(inherit);
+
color: inherit;
word-break: normal;
}
diff --git a/src/Collapsible/Collapsible.scss b/src/Collapsible/Collapsible.scss
index da3a6fe4b3c..61db17e3b01 100644
--- a/src/Collapsible/Collapsible.scss
+++ b/src/Collapsible/Collapsible.scss
@@ -21,7 +21,9 @@
}
&[aria-expanded="true"] {
- border-radius: calc(#{var(--pgn-size-card-border-radius-base)} - #{var(--pgn-size-card-border-width)}) calc(#{var(--pgn-size-card-border-radius-base)} - #{var(--pgn-size-card-border-width)}) 0 0;
+ border-radius:
+ calc(#{var(--pgn-size-card-border-radius-base)} - #{var(--pgn-size-card-border-width)})
+ calc(#{var(--pgn-size-card-border-radius-base)} - #{var(--pgn-size-card-border-width)}) 0 0;
border-color: var(--pgn-color-card-border-base);
transition: none;
text-align: start;
diff --git a/src/Container/Container.scss b/src/Container/Container.scss
deleted file mode 100644
index 1234f6b5e5e..00000000000
--- a/src/Container/Container.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-var(--pgn-size-container-max-width-xl);
-var(--pgn-size-container-max-width-xl);
-var(--pgn-size-container-max-width-lg);
-var(--pgn-size-container-max-width-md);
-var(--pgn-size-container-max-width-sm);
-var(--pgn-size-container-max-width-xs);
diff --git a/src/Dropdown/dropdown-bootstrap.scss b/src/Dropdown/dropdown-bootstrap.scss
index 4c4a533ba60..2245d2cfc9c 100644
--- a/src/Dropdown/dropdown-bootstrap.scss
+++ b/src/Dropdown/dropdown-bootstrap.scss
@@ -1,4 +1,3 @@
-// The dropdown wrapper (``)
.dropup,
.dropright,
.dropdown,
@@ -9,30 +8,37 @@
.dropdown-toggle {
white-space: nowrap;
- // Generate the caret automatically
@include caret();
}
-// The dropdown menu
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: $zindex-dropdown;
- display: none; // none by default, but block on "open" of the menu
+ display: none;
float: left;
min-width: var(--pgn-size-dropdown-min-width);
padding: var(--pgn-spacing-dropdown-padding-y-base) var(--pgn-spacing-dropdown-padding-x-base);
- margin: var(--pgn-spacing-dropdown-spacer) 0 0; // override default ul
- @include font-size(var(--pgn-typography-dropdown-font-size));
+ margin: var(--pgn-spacing-dropdown-spacer) 0 0;
color: var(--pgn-color-dropdown-text);
- text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
+ text-align: left;
list-style: none;
background-color: var(--pgn-color-dropdown-bg);
background-clip: padding-box;
border: var(--pgn-size-dropdown-border-width) solid var(--pgn-color-dropdown-border);
+
+ @include font-size(var(--pgn-typography-dropdown-font-size));
@include border-radius(var(--pgn-size-dropdown-border-radius-base));
@include box-shadow(var(--pgn-elevation-dropdown-box-shadow));
+
+ &[x-placement^="top"],
+ &[x-placement^="right"],
+ &[x-placement^="bottom"],
+ &[x-placement^="left"] {
+ right: auto;
+ bottom: auto;
+ }
}
@each $breakpoint in map-keys($grid-breakpoints) {
@@ -51,8 +57,6 @@
}
}
-// Allow for dropdowns to go bottom up (aka, dropup-menu)
-// Just add .dropup after the standard .dropdown class and you're set.
.dropup {
.dropdown-menu {
top: auto;
@@ -77,6 +81,7 @@
.dropdown-toggle {
@include caret(right);
+
&::after {
vertical-align: 0;
}
@@ -94,47 +99,30 @@
.dropdown-toggle {
@include caret(left);
+
&::before {
vertical-align: 0;
}
}
}
-// When Popper is enabled, reset the basic dropdown position
-// stylelint-disable-next-line no-duplicate-selectors
-.dropdown-menu {
- &[x-placement^="top"],
- &[x-placement^="right"],
- &[x-placement^="bottom"],
- &[x-placement^="left"] {
- right: auto;
- bottom: auto;
- }
-}
-
-// Dividers (basically an `
`) within the dropdown
.dropdown-divider {
@include nav-divider(var(--pgn-color-dropdown-divider-bg), var(--pgn-spacing-dropdown-divider-margin-y), true);
}
-// Links, buttons, and more within the dropdown menu
-//
-// `