mirror of
https://github.com/primer/css.git
synced 2024-11-22 01:53:17 +03:00
Bump the all group across 1 directory with 4 updates (#2721)
* Bump the all group across 1 directory with 4 updates Bumps the all group with 4 updates in the / directory: [@changesets/cli](https://github.com/changesets/changesets), [@primer/stylelint-config](https://github.com/primer/stylelint-config), [eslint](https://github.com/eslint/eslint) and [stylelint](https://github.com/stylelint/stylelint). Updates `@changesets/cli` from 2.27.8 to 2.27.9 - [Release notes](https://github.com/changesets/changesets/releases) - [Changelog](https://github.com/changesets/changesets/blob/main/docs/modifying-changelog-format.md) - [Commits](https://github.com/changesets/changesets/compare/@changesets/cli@2.27.8...@changesets/cli@2.27.9) Updates `@primer/stylelint-config` from 13.0.1 to 13.1.1 - [Release notes](https://github.com/primer/stylelint-config/releases) - [Changelog](https://github.com/primer/stylelint-config/blob/main/CHANGELOG.md) - [Commits](https://github.com/primer/stylelint-config/compare/v13.0.1...v13.1.1) Updates `eslint` from 9.11.1 to 9.12.0 - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md) - [Commits](https://github.com/eslint/eslint/compare/v9.11.1...v9.12.0) Updates `stylelint` from 16.9.0 to 16.10.0 - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md) - [Commits](https://github.com/stylelint/stylelint/compare/16.9.0...16.10.0) --- updated-dependencies: - dependency-name: "@changesets/cli" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: all - dependency-name: "@primer/stylelint-config" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: all - dependency-name: eslint dependency-type: direct:development update-type: version-update:semver-minor dependency-group: all - dependency-name: stylelint dependency-type: direct:development update-type: version-update:semver-minor dependency-group: all ... Signed-off-by: dependabot[bot] <support@github.com> * Disable stylelint errors --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Jon Rohan <yes@jonrohan.codes>
This commit is contained in:
parent
f3593edb0a
commit
1ec7313fe7
1144
package-lock.json
generated
1144
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -12,7 +12,7 @@
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
background: var(--overlay-bgColor, var(--color-canvas-overlay));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius;
|
||||
@ -23,7 +23,7 @@
|
||||
padding: var(--base-size-4) var(--base-size-8);
|
||||
// stylelint-disable-next-line primer/typography
|
||||
font-weight: $font-weight-semibold;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
small {
|
||||
|
@ -61,7 +61,7 @@ hr,
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
@include clearfix();
|
||||
|
@ -11,7 +11,7 @@ kbd {
|
||||
color: var(--fgColor-default, var(--color-fg-default));
|
||||
vertical-align: middle;
|
||||
background-color: var(--bgColor-muted, var(--color-canvas-subtle));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-style $border-width var(--borderColor-neutral-muted, var(--color-neutral-muted));
|
||||
border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
|
@ -16,7 +16,7 @@
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius;
|
||||
|
@ -223,7 +223,7 @@
|
||||
color: var(--fgColor-default, var(--color-fg-default));
|
||||
vertical-align: middle;
|
||||
background-color: var(--bgColor-default, var(--color-canvas-default));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--button-default-borderColor-rest, var(--color-btn-border));
|
||||
border-left: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
|
@ -18,7 +18,7 @@
|
||||
background-color: var(--bgColor-default, var(--color-canvas-default));
|
||||
background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
|
||||
background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius;
|
||||
@ -46,7 +46,7 @@
|
||||
&.border-0 {
|
||||
&:focus,
|
||||
&:focus-visible {
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important;
|
||||
}
|
||||
}
|
||||
@ -268,7 +268,7 @@ input::-webkit-inner-spin-button {
|
||||
font-size: $h5-size;
|
||||
color: var(--fgColor-attention, var(--color-attention-fg));
|
||||
background: var(--bgColor-attention-muted, var(--color-attention-subtle));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius;
|
||||
|
@ -198,7 +198,7 @@
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
content: ' ';
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-style transparent;
|
||||
}
|
||||
|
||||
|
@ -16,7 +16,7 @@
|
||||
line-height: 20px; // Specifically not inherit our `<body>` default
|
||||
color: var(--fgColor-default, var(--color-fg-default));
|
||||
cursor: pointer;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
||||
|
||||
:checked + & {
|
||||
|
@ -40,7 +40,7 @@
|
||||
.Header-input {
|
||||
color: var(--header-fgColor-default, var(--color-header-text));
|
||||
background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--headerSearch-borderColor, var(--color-header-search-border));
|
||||
box-shadow: none;
|
||||
|
||||
|
@ -15,7 +15,7 @@
|
||||
// stylelint-disable-next-line primer/typography
|
||||
line-height: 18px;
|
||||
white-space: nowrap;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style transparent;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: 2em;
|
||||
|
@ -65,6 +65,7 @@
|
||||
overflow: hidden;
|
||||
text-indent: var(--base-size-128, 128px);
|
||||
pointer-events: none;
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background: var(--borderColor-default, var(--color-border-default));
|
||||
border-radius: var(--borderRadius-full, 100vh);
|
||||
}
|
||||
|
@ -32,6 +32,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
|
||||
width: calc(100% + (var(--Layout-outer-spacing-x) * 2));
|
||||
height: 1px;
|
||||
content: '';
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background-color: $Layout-divider-color;
|
||||
}
|
||||
|
||||
@ -77,7 +78,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
|
||||
.PageLayout-header--hasDivider {
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width solid $Layout-divider-color;
|
||||
}
|
||||
|
||||
@ -86,7 +87,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
|
||||
.PageLayout-footer--hasDivider {
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-top: $border-width solid $Layout-divider-color;
|
||||
}
|
||||
|
||||
@ -95,7 +96,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
|
||||
&.PageLayout--hasPaneDivider {
|
||||
&.PageLayout--panePos-start {
|
||||
.PageLayout-pane {
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-right: $border-width solid $Layout-divider-color;
|
||||
}
|
||||
|
||||
@ -116,7 +117,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
|
||||
|
||||
&.PageLayout--panePos-end {
|
||||
.PageLayout-pane {
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-left: $border-width solid $Layout-divider-color;
|
||||
}
|
||||
|
||||
|
@ -16,7 +16,7 @@
|
||||
// stylelint-disable-next-line primer/typography
|
||||
font-size: $h6-size;
|
||||
color: var(--fgColor-muted, var(--color-fg-muted));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-top: $border;
|
||||
|
||||
ol {
|
||||
@ -41,7 +41,7 @@
|
||||
left: calc(var(--base-size-24) * -1);
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius;
|
||||
|
@ -43,7 +43,7 @@
|
||||
padding-bottom: 0.3em;
|
||||
// stylelint-disable-next-line primer/typography
|
||||
font-size: 2em;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
}
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
padding-bottom: 0.3em;
|
||||
// stylelint-disable-next-line primer/typography
|
||||
font-size: 1.5em;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
}
|
||||
|
||||
|
@ -43,7 +43,7 @@
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
margin: 13px 0 0;
|
||||
overflow: hidden;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
||||
}
|
||||
|
||||
|
@ -78,6 +78,7 @@
|
||||
height: $em-spacer-3;
|
||||
padding: 0;
|
||||
margin: var(--base-size-24) 0;
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background-color: var(--borderColor-default, var(--color-border-default));
|
||||
border: 0;
|
||||
}
|
||||
@ -86,7 +87,7 @@
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
padding: 0 1em;
|
||||
color: var(--fgColor-muted, var(--color-fg-muted));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-left: 0.25em $border-style var(--borderColor-default, var(--color-border-default));
|
||||
|
||||
> :first-child {
|
||||
|
@ -18,7 +18,7 @@
|
||||
td {
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
padding: 6px 13px;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
||||
}
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
|
||||
tr {
|
||||
background-color: var(--bgColor-default, var(--color-canvas-default));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
&:nth-child(2n) {
|
||||
|
@ -10,13 +10,14 @@
|
||||
font-weight: $font-weight-bold;
|
||||
// stylelint-disable-next-line primer/typography
|
||||
line-height: 1;
|
||||
// stylelint-disable-next-line primer/colors
|
||||
color: var(--bgColor-default, var(--color-canvas-default));
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
user-select: none;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%),
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), // stylelint-disable-line primer/colors
|
||||
var(--color-mktg-btn-bg) !important;
|
||||
border: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
|
@ -16,7 +16,6 @@
|
||||
height: 2px;
|
||||
pointer-events: none;
|
||||
content: '';
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background-color: currentColor;
|
||||
transform: scaleX(0);
|
||||
transform-origin: 0 0;
|
||||
|
@ -16,7 +16,7 @@
|
||||
text-align: left;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
&:first-child {
|
||||
@ -59,6 +59,7 @@
|
||||
|
||||
// Bar on the left
|
||||
&::before {
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
|
||||
}
|
||||
}
|
||||
|
@ -12,7 +12,7 @@
|
||||
.subnav-bordered {
|
||||
// stylelint-disable-next-line primer/spacing
|
||||
padding-bottom: 20px;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
}
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
// stylelint-disable-next-line primer/typography
|
||||
line-height: 20px;
|
||||
color: var(--fgColor-default, var(--color-fg-default));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
|
||||
|
||||
+ .subnav-item {
|
||||
|
@ -16,7 +16,7 @@
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style transparent;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius;
|
||||
@ -68,7 +68,6 @@
|
||||
height: 16px;
|
||||
vertical-align: text-bottom;
|
||||
content: '';
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
|
@ -62,7 +62,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
pointer-events: auto;
|
||||
flex-direction: column;
|
||||
background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
border-radius: $border-radius * 2;
|
||||
@ -107,7 +107,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
padding: var(--base-size-16);
|
||||
flex: none; // fixes header from getting squeezed in Safari iOS
|
||||
align-items: center;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
@include breakpoint(sm) {
|
||||
@ -151,7 +151,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
.SelectMenu-filter {
|
||||
padding: var(--base-size-16);
|
||||
margin: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
@include breakpoint(sm) {
|
||||
@ -201,7 +201,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
cursor: pointer;
|
||||
background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
|
||||
border: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
@include breakpoint(sm) {
|
||||
@ -274,7 +274,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
@include breakpoint(sm) {
|
||||
flex: none;
|
||||
padding: var(--base-size-4) var(--base-size-16);
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style transparent;
|
||||
border-bottom-width: 0;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
@ -307,7 +307,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
padding: 7px var(--base-size-16);
|
||||
text-align: center;
|
||||
background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
}
|
||||
|
||||
@ -335,12 +335,12 @@ $SelectMenu-max-height: 480px !default;
|
||||
font-weight: $font-weight-semibold;
|
||||
color: var(--fgColor-muted, var(--color-fg-muted));
|
||||
background-color: var(--bgColor-muted, var(--color-canvas-subtle));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
// Borderless
|
||||
.SelectMenu-list--borderless & {
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
&:empty {
|
||||
@ -361,7 +361,7 @@ $SelectMenu-max-height: 480px !default;
|
||||
font-size: $font-size-small;
|
||||
color: var(--fgColor-muted, var(--color-fg-muted));
|
||||
text-align: center;
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
||||
|
||||
@include breakpoint(sm) {
|
||||
|
@ -23,6 +23,7 @@
|
||||
}
|
||||
|
||||
&::before {
|
||||
// stylelint-disable-next-line primer/colors
|
||||
background-color: $border;
|
||||
}
|
||||
}
|
||||
@ -31,6 +32,7 @@
|
||||
|
||||
// inset box-shadow for form controls
|
||||
@mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--focus-outlineColor, var(--color-accent-fg))) {
|
||||
// stylelint-disable-next-line primer/colors
|
||||
border-color: var(--focus-outlineColor, var(--color-accent-fg));
|
||||
outline: none;
|
||||
// stylelint-disable-next-line primer/box-shadow
|
||||
|
@ -24,7 +24,7 @@
|
||||
flex-shrink: 0;
|
||||
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
|
||||
background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
|
||||
// stylelint-disable-next-line primer/borders
|
||||
// stylelint-disable-next-line primer/borders, primer/colors
|
||||
border: $border-width $border-style transparent;
|
||||
border-right: 0;
|
||||
border-top-left-radius: inherit;
|
||||
|
@ -3,13 +3,17 @@
|
||||
|
||||
/* Add a gray border to the left and right */
|
||||
.border-x {
|
||||
// stylelint-disable-next-line primer/colors
|
||||
border-right: $border-rem !important;
|
||||
// stylelint-disable-next-line primer/colors
|
||||
border-left: $border-rem !important;
|
||||
}
|
||||
|
||||
/* Add a gray border to the top and bottom */
|
||||
.border-y {
|
||||
// stylelint-disable-next-line primer/colors
|
||||
border-top: $border-rem !important;
|
||||
// stylelint-disable-next-line primer/colors
|
||||
border-bottom: $border-rem !important;
|
||||
}
|
||||
|
||||
@ -17,12 +21,17 @@
|
||||
@each $breakpoint, $variant in $responsive-variants {
|
||||
@include breakpoint($breakpoint) {
|
||||
/* Add a gray border on all sides at/above this breakpoint */
|
||||
// stylelint-disable-next-line primer/colors
|
||||
.border#{$variant} { border: $border-rem !important; }
|
||||
.border#{$variant}-0 { border: 0 !important; }
|
||||
|
||||
// stylelint-disable-next-line primer/colors
|
||||
.border#{$variant}-top { border-top: $border-rem !important; }
|
||||
// stylelint-disable-next-line primer/colors
|
||||
.border#{$variant}-right { border-right: $border-rem !important; }
|
||||
// stylelint-disable-next-line primer/colors
|
||||
.border#{$variant}-bottom { border-bottom: $border-rem !important; }
|
||||
// stylelint-disable-next-line primer/colors
|
||||
.border#{$variant}-left { border-left: $border-rem !important; }
|
||||
|
||||
.border#{$variant}-top-0 { border-top: 0 !important; }
|
||||
|
Loading…
Reference in New Issue
Block a user