mirror of
https://github.com/primer/css.git
synced 2024-11-23 03:10:10 +03:00
Rename all links and references to the default git branch being master
This commit is contained in:
parent
d0c569c53e
commit
c9debf5d62
4
.github/CONTRIBUTING.md
vendored
4
.github/CONTRIBUTING.md
vendored
@ -19,7 +19,7 @@ Guidelines for bug reports:
|
|||||||
|
|
||||||
2. **Use the GitHub issue search** — check if the issue has already been reported.
|
2. **Use the GitHub issue search** — check if the issue has already been reported.
|
||||||
|
|
||||||
3. **Check if the issue has been fixed** — try to reproduce it using the latest `master` branch in the repository.
|
3. **Check if the issue has been fixed** — try to reproduce it using the latest `main` branch in the repository.
|
||||||
|
|
||||||
4. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example.
|
4. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example.
|
||||||
|
|
||||||
@ -56,7 +56,7 @@ Anyone can open a pull request on Primer CSS. You do not need to work at GitHub
|
|||||||
|
|
||||||
1. Fork and clone [this repository](https://github.com/primer/css).
|
1. Fork and clone [this repository](https://github.com/primer/css).
|
||||||
2. Configure and install the dependencies: `npm install`
|
2. Configure and install the dependencies: `npm install`
|
||||||
3. Create a new branch from master `git checkout -b my-branch-name`
|
3. Create a new branch from main `git checkout -b my-branch-name`
|
||||||
4. Make your changes and commit them.
|
4. Make your changes and commit them.
|
||||||
5. Push your branch and open a pull request. Add a comment describing your proposed changes and request a review from `@primer/ds-core`.
|
5. Push your branch and open a pull request. Add a comment describing your proposed changes and request a review from `@primer/ds-core`.
|
||||||
6. Wait for CI tests to finish.
|
6. Wait for CI tests to finish.
|
||||||
|
10
CHANGELOG.md
10
CHANGELOG.md
@ -479,7 +479,7 @@
|
|||||||
- Fix hide utilities when toggling between breakpoints [#746](https://github.com/primer/css/pull/746)
|
- Fix hide utilities when toggling between breakpoints [#746](https://github.com/primer/css/pull/746)
|
||||||
|
|
||||||
### :house: Internal
|
### :house: Internal
|
||||||
- Prevent Storybook publish failures from breaking builds on `master` [#728](https://github.com/primer/css/pull/728)
|
- Prevent Storybook publish failures from breaking builds on `main` [#728](https://github.com/primer/css/pull/728)
|
||||||
- Upgrade to [cssstats v3.3.0](https://github.com/cssstats/cssstats/releases/tag/v3.3.0), which fixes our selector stats JSON files
|
- Upgrade to [cssstats v3.3.0](https://github.com/cssstats/cssstats/releases/tag/v3.3.0), which fixes our selector stats JSON files
|
||||||
|
|
||||||
#### Committers: 2
|
#### Committers: 2
|
||||||
@ -570,7 +570,7 @@
|
|||||||
- Shiny new social and README header by @ashygee [#689](https://github.com/primer/css/pull/689)
|
- Shiny new social and README header by @ashygee [#689](https://github.com/primer/css/pull/689)
|
||||||
|
|
||||||
### :house: Internal
|
### :house: Internal
|
||||||
- Remove `postversion` script from `package.json` and update the [PR template](https://github.com/primer/css/blob/master/RELEASING.md#in-this-repo)
|
- Remove `postversion` script from `package.json` and update the [PR template](https://github.com/primer/css/blob/main/RELEASING.md#in-this-repo)
|
||||||
- Rename InterUI font to "Inter", per [inter v3.3](https://github.com/rsms/inter/releases/tag/v3.3) [#696](https://github.com/primer/css/pull/696)
|
- Rename InterUI font to "Inter", per [inter v3.3](https://github.com/rsms/inter/releases/tag/v3.3) [#696](https://github.com/primer/css/pull/696)
|
||||||
|
|
||||||
#### Committers: 4
|
#### Committers: 4
|
||||||
@ -595,7 +595,7 @@
|
|||||||
|
|
||||||
# 12.0.0
|
# 12.0.0
|
||||||
|
|
||||||
:rotating_light: **Starting with version 12.0.0, the `primer` package is now known as `@primer/css`**. See [MIGRATING.md](https://github.com/primer/css/tree/master/MIGRATING.md) for more info.
|
:rotating_light: **Starting with version 12.0.0, the `primer` package is now known as `@primer/css`**. See [MIGRATING.md](https://github.com/primer/css/tree/main/MIGRATING.md) for more info.
|
||||||
|
|
||||||
#### :boom: Breaking Change
|
#### :boom: Breaking Change
|
||||||
* [#666](https://github.com/primer/css/pull/666) Reorganize into a single `@primer/css` package ([@shawnbot](https://github.com/shawnbot))
|
* [#666](https://github.com/primer/css/pull/666) Reorganize into a single `@primer/css` package ([@shawnbot](https://github.com/shawnbot))
|
||||||
@ -645,7 +645,7 @@
|
|||||||
|
|
||||||
#### :house: Internal
|
#### :house: Internal
|
||||||
- Only check links on Travis if `[check-links]` is included in the commit message
|
- Only check links on Travis if `[check-links]` is included in the commit message
|
||||||
- a5658d3 Run `now alias` without the branch name on merge to `master`
|
- a5658d3 Run `now alias` without the branch name on merge to `main`
|
||||||
|
|
||||||
#### Committers: 1
|
#### Committers: 1
|
||||||
- Shawn Allen ([shawnbot](https://github.com/shawnbot))
|
- Shawn Allen ([shawnbot](https://github.com/shawnbot))
|
||||||
@ -958,7 +958,7 @@
|
|||||||
* [#396](https://github.com/primer/primer/pull/396) Use lerna-changelog to generate a changelog. ([@jonrohan](https://github.com/jonrohan))
|
* [#396](https://github.com/primer/primer/pull/396) Use lerna-changelog to generate a changelog. ([@jonrohan](https://github.com/jonrohan))
|
||||||
* [#382](https://github.com/primer/primer/pull/382) Update Button docs. ([@JasonEtco](https://github.com/JasonEtco))
|
* [#382](https://github.com/primer/primer/pull/382) Update Button docs. ([@JasonEtco](https://github.com/JasonEtco))
|
||||||
* [#390](https://github.com/primer/primer/pull/390) Updating `storiesFromMarkdown` to read in rails Octicons helper and replace with react component. ([@jonrohan](https://github.com/jonrohan))
|
* [#390](https://github.com/primer/primer/pull/390) Updating `storiesFromMarkdown` to read in rails Octicons helper and replace with react component. ([@jonrohan](https://github.com/jonrohan))
|
||||||
* [#389](https://github.com/primer/primer/pull/389) Publish alpha release any time we're not on a release branch or master. ([@jonrohan](https://github.com/jonrohan))
|
* [#389](https://github.com/primer/primer/pull/389) Publish alpha release any time we're not on a release branch or main. ([@jonrohan](https://github.com/jonrohan))
|
||||||
* [#384](https://github.com/primer/primer/pull/384) Add test to check for the current year in the license and source. ([@jonrohan](https://github.com/jonrohan))
|
* [#384](https://github.com/primer/primer/pull/384) Add test to check for the current year in the license and source. ([@jonrohan](https://github.com/jonrohan))
|
||||||
* [#374](https://github.com/primer/primer/pull/374) Improve Pull Request template. ([@agisilaos](https://github.com/agisilaos))
|
* [#374](https://github.com/primer/primer/pull/374) Improve Pull Request template. ([@agisilaos](https://github.com/agisilaos))
|
||||||
|
|
||||||
|
@ -13,13 +13,13 @@
|
|||||||
<a aria-label="contributors graph" href="https://github.com/primer/css/graphs/contributors">
|
<a aria-label="contributors graph" href="https://github.com/primer/css/graphs/contributors">
|
||||||
<img src="https://img.shields.io/github/contributors/primer/css.svg">
|
<img src="https://img.shields.io/github/contributors/primer/css.svg">
|
||||||
</a>
|
</a>
|
||||||
<a aria-label="last commit" href="https://github.com/primer/css/commits/master">
|
<a aria-label="last commit" href="https://github.com/primer/css/commits/main">
|
||||||
<img alt="" src="https://img.shields.io/github/last-commit/primer/css.svg">
|
<img alt="" src="https://img.shields.io/github/last-commit/primer/css.svg">
|
||||||
</a>
|
</a>
|
||||||
<a aria-label="join us in spectrum" href="https://spectrum.chat/primer">
|
<a aria-label="join us in spectrum" href="https://spectrum.chat/primer">
|
||||||
<img alt="" src="https://withspectrum.github.io/badge/badge.svg">
|
<img alt="" src="https://withspectrum.github.io/badge/badge.svg">
|
||||||
</a>
|
</a>
|
||||||
<a aria-label="license" href="https://github.com/primer/css/blob/master/LICENSE">
|
<a aria-label="license" href="https://github.com/primer/css/blob/main/LICENSE">
|
||||||
<img src="https://img.shields.io/github/license/primer/css.svg" alt="">
|
<img src="https://img.shields.io/github/license/primer/css.svg" alt="">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
1. Decide which [PRs](https://github.com/primer/css/pulls) should be part of the next release and if it will be a major, minor or patch `<version>`. You may also check the [release tracking project
|
1. Decide which [PRs](https://github.com/primer/css/pulls) should be part of the next release and if it will be a major, minor or patch `<version>`. You may also check the [release tracking project
|
||||||
](https://github.com/primer/css/projects/2#column-4482699) or ask your team members in Slack.
|
](https://github.com/primer/css/projects/2#column-4482699) or ask your team members in Slack.
|
||||||
|
|
||||||
1. Create a new release branch from `master` and name it `release-<version>`.
|
1. Create a new release branch from `main` and name it `release-<version>`.
|
||||||
|
|
||||||
1. Run [`npm version <version>`](https://docs.npmjs.com/cli/version) to update the `version` field in both `package.json` and `package-lock.json`.
|
1. Run [`npm version <version>`](https://docs.npmjs.com/cli/version) to update the `version` field in both `package.json` and `package-lock.json`.
|
||||||
|
|
||||||
@ -51,12 +51,12 @@
|
|||||||
- [ ] Update `github/github`
|
- [ ] Update `github/github`
|
||||||
- [ ] Tell the world (Slack, Twitter, Team post)
|
- [ ] Tell the world (Slack, Twitter, Team post)
|
||||||
|
|
||||||
For more details, see [RELEASING.md](https://github.com/primer/css/blob/master/RELEASING.md).
|
For more details, see [RELEASING.md](https://github.com/primer/css/blob/main/RELEASING.md).
|
||||||
|
|
||||||
/cc @primer/ds-core
|
/cc @primer/ds-core
|
||||||
```
|
```
|
||||||
|
|
||||||
1. Start merging existing PRs into the release branch. Note: You have to change the base branch from `master` to the `release-<version>` branch before merging.
|
1. Start merging existing PRs into the release branch. Note: You have to change the base branch from `main` to the `release-<version>` branch before merging.
|
||||||
|
|
||||||
1. Update `CHANGELOG.md` and the PR description. **Tip**: You can copy&paste the changelog from `Checks > changelog > all > changelog`. It gets generated based on adding the `Tag` labels to PRs.
|
1. Update `CHANGELOG.md` and the PR description. **Tip**: You can copy&paste the changelog from `Checks > changelog > all > changelog`. It gets generated based on adding the `Tag` labels to PRs.
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Alerts
|
title: Alerts
|
||||||
path: components/alerts
|
path: components/alerts
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/alerts'
|
source: 'https://github.com/primer/css/tree/main/src/alerts'
|
||||||
bundle: alerts
|
bundle: alerts
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Autocomplete
|
title: Autocomplete
|
||||||
path: components/autocomplete
|
path: components/autocomplete
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/autocomplete'
|
source: 'https://github.com/primer/css/tree/main/src/autocomplete'
|
||||||
bundle: autocomplete
|
bundle: autocomplete
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Avatars
|
title: Avatars
|
||||||
path: components/avatars
|
path: components/avatars
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/avatars'
|
source: 'https://github.com/primer/css/tree/main/src/avatars'
|
||||||
bundle: avatars
|
bundle: avatars
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Blankslate
|
title: Blankslate
|
||||||
path: components/blankslate
|
path: components/blankslate
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/blankslate'
|
source: 'https://github.com/primer/css/tree/main/src/blankslate'
|
||||||
bundle: blankslate
|
bundle: blankslate
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -92,7 +92,7 @@ Add an additional optional class to the `.blankslate` to change its appearance.
|
|||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
|
|
||||||
**Note**: It's possible to combine variations. Large and spacious (`blankslate blankslate-large blankslate-spacious`) is often used toghether.
|
**Note**: It's possible to combine variations. Large and spacious (`blankslate blankslate-large blankslate-spacious`) is often used toghether.
|
||||||
|
|
||||||
### Add border
|
### Add border
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Box
|
|||||||
path: components/box
|
path: components/box
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/198'
|
status_issue: 'https://github.com/github/design-systems/issues/198'
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/box'
|
source: 'https://github.com/primer/css/tree/main/src/box'
|
||||||
bundle: box
|
bundle: box
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Branch name
|
title: Branch name
|
||||||
path: components/branch-name
|
path: components/branch-name
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/branch-name'
|
source: 'https://github.com/primer/css/tree/main/src/branch-name'
|
||||||
bundle: branch-name
|
bundle: branch-name
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Breadcrumbs
|
title: Breadcrumbs
|
||||||
path: components/breadcrumb
|
path: components/breadcrumb
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/breadcrumb'
|
source: 'https://github.com/primer/css/tree/main/src/breadcrumb'
|
||||||
bundle: breadcrumb
|
bundle: breadcrumb
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Buttons
|
title: Buttons
|
||||||
path: components/buttons
|
path: components/buttons
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/buttons'
|
source: 'https://github.com/primer/css/tree/main/src/buttons'
|
||||||
bundle: buttons
|
bundle: buttons
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Forms
|
title: Forms
|
||||||
path: components/forms
|
path: components/forms
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/forms'
|
source: 'https://github.com/primer/css/tree/main/src/forms'
|
||||||
bundle: forms
|
bundle: forms
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -292,7 +292,7 @@ If the input is **not valid**, add the `.errored` class to the `<div class="form
|
|||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
```
|
```
|
||||||
|
|
||||||
### Warning
|
### Warning
|
||||||
|
|
||||||
If the input should show a **warning**, add the `.warn` class to the `<div class="form-group">` element. Next add/update a warning message to the `.note` element, as well as the `.warning` class.
|
If the input should show a **warning**, add the `.warn` class to the `<div class="form-group">` element. Next add/update a warning message to the `.note` element, as well as the `.warning` class.
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Header
|
title: Header
|
||||||
path: components/header
|
path: components/header
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/header'
|
source: 'https://github.com/primer/css/tree/main/src/header'
|
||||||
bundle: header
|
bundle: header
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Labels
|
|||||||
path: components/labels
|
path: components/labels
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/332'
|
status_issue: 'https://github.com/github/design-systems/issues/332'
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/labels'
|
source: 'https://github.com/primer/css/tree/main/src/labels'
|
||||||
bundle: labels
|
bundle: labels
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Loaders
|
title: Loaders
|
||||||
path: components/loaders
|
path: components/loaders
|
||||||
status: New
|
status: New
|
||||||
source: 'https://github.com/primer/css/tree/master/src/loaders'
|
source: 'https://github.com/primer/css/tree/main/src/loaders'
|
||||||
bundle: loaders
|
bundle: loaders
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Markdown
|
title: Markdown
|
||||||
path: components/markdown
|
path: components/markdown
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/markdown'
|
source: 'https://github.com/primer/css/tree/main/src/markdown'
|
||||||
bundle: markdown
|
bundle: markdown
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Marketing Buttons
|
title: Marketing Buttons
|
||||||
path: components/marketing-buttons
|
path: components/marketing-buttons
|
||||||
status: New
|
status: New
|
||||||
source: 'https://github.com/primer/css/tree/master/src/marketing/buttons'
|
source: 'https://github.com/primer/css/tree/main/src/marketing/buttons'
|
||||||
bundle: marketing-buttons
|
bundle: marketing-buttons
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Navigation
|
title: Navigation
|
||||||
path: components/navigation
|
path: components/navigation
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/navigation'
|
source: 'https://github.com/primer/css/tree/main/src/navigation'
|
||||||
bundle: navigation
|
bundle: navigation
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Pagination
|
title: Pagination
|
||||||
path: components/pagination
|
path: components/pagination
|
||||||
status: New
|
status: New
|
||||||
source: 'https://github.com/primer/css/tree/master/src/pagination'
|
source: 'https://github.com/primer/css/tree/main/src/pagination'
|
||||||
bundle: pagination
|
bundle: pagination
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Popover
|
title: Popover
|
||||||
path: components/popover
|
path: components/popover
|
||||||
status: Experimental
|
status: Experimental
|
||||||
source: 'https://github.com/primer/css/tree/master/src/popover'
|
source: 'https://github.com/primer/css/tree/main/src/popover'
|
||||||
bundle: popover
|
bundle: popover
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Progress
|
title: Progress
|
||||||
path: components/progress
|
path: components/progress
|
||||||
status: New
|
status: New
|
||||||
source: 'https://github.com/primer/css/tree/master/src/progress'
|
source: 'https://github.com/primer/css/tree/main/src/progress'
|
||||||
bundle: progress
|
bundle: progress
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Select menu
|
title: Select menu
|
||||||
status: New
|
status: New
|
||||||
source: 'https://github.com/primer/css/tree/master/src/select-menu'
|
source: 'https://github.com/primer/css/tree/main/src/select-menu'
|
||||||
bundle: select-menu
|
bundle: select-menu
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Subhead
|
|||||||
path: components/subhead
|
path: components/subhead
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/101'
|
status_issue: 'https://github.com/github/design-systems/issues/101'
|
||||||
source: 'https://github.com/primer/css/tree/master/src/subhead'
|
source: 'https://github.com/primer/css/tree/main/src/subhead'
|
||||||
bundle: subhead
|
bundle: subhead
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -77,4 +77,3 @@ Use the `.Subhead-heading--danger` modifier to make the text bold and red. This
|
|||||||
<div class="Subhead-heading Subhead-heading--danger">Danger zone</div>
|
<div class="Subhead-heading Subhead-heading--danger">Danger zone</div>
|
||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Tooltips
|
title: Tooltips
|
||||||
path: components/tooltips
|
path: components/tooltips
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/tooltips'
|
source: 'https://github.com/primer/css/tree/main/src/tooltips'
|
||||||
bundle: tooltips
|
bundle: tooltips
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Truncate
|
title: Truncate
|
||||||
path: components/truncate
|
path: components/truncate
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/truncate'
|
source: 'https://github.com/primer/css/tree/main/src/truncate'
|
||||||
bundle: truncate
|
bundle: truncate
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -147,7 +147,7 @@ See [the deprecation data docs](../tools/deprecations) for more information.
|
|||||||
---
|
---
|
||||||
title: Alerts
|
title: Alerts
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/alerts'
|
source: 'https://github.com/primer/css/tree/main/src/alerts'
|
||||||
---
|
---
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -166,6 +166,6 @@ Primer CSS follows [semantic versioning](http://semver.org/) conventions. This h
|
|||||||
To understand what choice to make, you'll need to understand semver and know if one of the changes shown is a major, minor, or patch. Semver is confusing at first, so we recommend reviewing [semver](http://semver.org/) and/or asking the team by [opening an issue](#step-1-open-an-issue).
|
To understand what choice to make, you'll need to understand semver and know if one of the changes shown is a major, minor, or patch. Semver is confusing at first, so we recommend reviewing [semver](http://semver.org/) and/or asking the team by [opening an issue](#step-1-open-an-issue).
|
||||||
|
|
||||||
[semantic versioning]: https://semver.org
|
[semantic versioning]: https://semver.org
|
||||||
[script/test-deprecations.js]: https://github.com/primer/css/tree/master/script/test-deprecations.js
|
[script/test-deprecations.js]: https://github.com/primer/css/tree/main/script/test-deprecations.js
|
||||||
[deprecations.js]: https://github.com/primer/css/tree/master/deprecations.js
|
[deprecations.js]: https://github.com/primer/css/tree/main/deprecations.js
|
||||||
[lib/stylelint-todo.js]: https://github.com/primer/css/tree/master/lib/stylelint-todo.js
|
[lib/stylelint-todo.js]: https://github.com/primer/css/tree/main/lib/stylelint-todo.js
|
||||||
|
@ -3,7 +3,7 @@ title: Grid
|
|||||||
path: objects/grid
|
path: objects/grid
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/88'
|
status_issue: 'https://github.com/github/design-systems/issues/88'
|
||||||
source: 'https://github.com/primer/css/tree/master/src/layout/grid.scss'
|
source: 'https://github.com/primer/css/tree/main/src/layout/grid.scss'
|
||||||
bundle: layout
|
bundle: layout
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Table object
|
title: Table object
|
||||||
path: objects/table-object
|
path: objects/table-object
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/table-object'
|
source: 'https://github.com/primer/css/tree/main/src/table-object'
|
||||||
bundle: table-object
|
bundle: table-object
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Labels
|
title: Labels
|
||||||
path: components/labels
|
path: components/labels
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/labels'
|
source: 'https://github.com/primer/css/tree/main/src/labels'
|
||||||
bundle: labels
|
bundle: labels
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Breakpoints
|
title: Breakpoints
|
||||||
path: support/breakpoints
|
path: support/breakpoints
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/support/variables/layout.scss'
|
source: 'https://github.com/primer/css/blob/main/src/support/variables/layout.scss'
|
||||||
bundle: support
|
bundle: support
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -31,15 +31,15 @@ In most cases, breakpoints get used with the `min-width` media query. This means
|
|||||||
| Large | lg | from `1012px` upwards -> |
|
| Large | lg | from `1012px` upwards -> |
|
||||||
| Extra-large | xl | from `1280px` upwards -> |
|
| Extra-large | xl | from `1280px` upwards -> |
|
||||||
|
|
||||||
A responsive utility class stays enabled **unless** it gets overridden with another responsive utility class that has a higher breakpoint. Here the example from above `<div class="col-12 col-md-8 col-xl-4">...</div>` visualized:
|
A responsive utility class stays enabled **unless** it gets overridden with another responsive utility class that has a higher breakpoint. Here the example from above `<div class="col-12 col-md-8 col-xl-4">...</div>` visualized:
|
||||||
|
|
||||||
```
|
```
|
||||||
| 0px ->
|
| 0px ->
|
||||||
| 544px ->
|
| 544px ->
|
||||||
| sm
|
| sm
|
||||||
| 768px ->
|
| 768px ->
|
||||||
| md
|
| md
|
||||||
| 1012px ->
|
| 1012px ->
|
||||||
| lg
|
| lg
|
||||||
| 1280px ->
|
| 1280px ->
|
||||||
| xl
|
| xl
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Color system
|
title: Color system
|
||||||
description: 'Sass variables, mixins, and functions for use in our components.'
|
description: 'Sass variables, mixins, and functions for use in our components.'
|
||||||
status: Deprecated
|
status: Deprecated
|
||||||
source: 'https://github.com/primer/css/blob/master/src/support/variables/color-system.scss'
|
source: 'https://github.com/primer/css/blob/main/src/support/variables/color-system.scss'
|
||||||
bundle: support
|
bundle: support
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Support
|
title: Support
|
||||||
path: support/index
|
path: support/index
|
||||||
source: 'https://github.com/primer/css/tree/master/src/support'
|
source: 'https://github.com/primer/css/tree/main/src/support'
|
||||||
bundle: support
|
bundle: support
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Marketing support
|
title: Marketing support
|
||||||
path: support/marketing-variables
|
path: support/marketing-variables
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/marketing/support'
|
source: 'https://github.com/primer/css/tree/main/src/marketing/support'
|
||||||
bundle: marketing-support
|
bundle: marketing-support
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -22,4 +22,3 @@ Starting where the `primer-core` spacing scale ends at spacer 6, the marketing s
|
|||||||
| 12 | 128 |
|
| 12 | 128 |
|
||||||
|
|
||||||
See [primer-marketing-support](https://npm.im/primer-marketing-support) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](/utilities/marketing-margin) and [padding](/utilities/marketing-padding).
|
See [primer-marketing-support](https://npm.im/primer-marketing-support) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](/utilities/marketing-margin) and [padding](/utilities/marketing-padding).
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Spacing
|
title: Spacing
|
||||||
path: support/spacing
|
path: support/spacing
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/support/variables/layout.scss'
|
source: 'https://github.com/primer/css/blob/main/src/support/variables/layout.scss'
|
||||||
bundle: support
|
bundle: support
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Typography
|
|||||||
path: support/typography
|
path: support/typography
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/329'
|
status_issue: 'https://github.com/github/design-systems/issues/329'
|
||||||
source: 'https://github.com/primer/css/blob/master/src/support/variables/typography.scss'
|
source: 'https://github.com/primer/css/blob/main/src/support/variables/typography.scss'
|
||||||
bundle: support
|
bundle: support
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -15,7 +15,7 @@ import {Variables, DeprecationIcon} from '../../src/variables'
|
|||||||
|
|
||||||
<Variables>
|
<Variables>
|
||||||
|
|
||||||
The tables below list all of the global SCSS variables defined in [the `support/variables` directory](https://github.com/primer/css/tree/master/src/support/variables).
|
The tables below list all of the global SCSS variables defined in [the `support/variables` directory](https://github.com/primer/css/tree/main/src/support/variables).
|
||||||
|
|
||||||
Variables with a <DeprecationIcon /> are planned for [deprecation](../tools/deprecations) in a future version of `@primer/css`, and should be avoided.
|
Variables with a <DeprecationIcon /> are planned for [deprecation](../tools/deprecations) in a future version of `@primer/css`, and should be avoided.
|
||||||
|
|
||||||
|
@ -30,7 +30,7 @@ The JSON data is available in the unpacked node module's `dist/deprecations.json
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
Deprecation messages strings may include Markdown so that they can be included in the [changelog].
|
Deprecation messages strings may include Markdown so that they can be included in the [changelog].
|
||||||
|
|
||||||
* `selectors` is an object mapping CSS selectors (e.g. `.btn-purple`) to the version in which they are _or will be_ deprecated:
|
* `selectors` is an object mapping CSS selectors (e.g. `.btn-purple`) to the version in which they are _or will be_ deprecated:
|
||||||
@ -45,7 +45,7 @@ The JSON data is available in the unpacked node module's `dist/deprecations.json
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
* `variables` is an object mapping SCSS variables (including the leading `$`, e.g. `$status-pending`) to the version in which they are or will be deprecated:
|
* `variables` is an object mapping SCSS variables (including the leading `$`, e.g. `$status-pending`) to the version in which they are or will be deprecated:
|
||||||
|
|
||||||
```json
|
```json
|
||||||
@ -58,7 +58,7 @@ The JSON data is available in the unpacked node module's `dist/deprecations.json
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## Node
|
## Node
|
||||||
|
|
||||||
@ -125,5 +125,5 @@ console.log(`$yellow-700 deprecated? ${isVariableDeprecated('$yellow-700')}`)
|
|||||||
|
|
||||||
|
|
||||||
[semver]: https://npm.im/semver
|
[semver]: https://npm.im/semver
|
||||||
[changelog]: https://github.com/primer/css/tree/master/CHANGELOG.md
|
[changelog]: https://github.com/primer/css/tree/main/CHANGELOG.md
|
||||||
[Map]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
|
[Map]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
|
||||||
|
@ -3,7 +3,7 @@ title: Linting
|
|||||||
path: tools/linting
|
path: tools/linting
|
||||||
---
|
---
|
||||||
|
|
||||||
We use linters to enforce [coding principles and standards](/principles). On every pull request we run the linters on the code to make sure any changes meet our standards. When a commit contains code that doesn't meet the standards, the build fails which blocks merging into master and deploying to production.
|
We use linters to enforce [coding principles and standards](/principles). On every pull request we run the linters on the code to make sure any changes meet our standards. When a commit contains code that doesn't meet the standards, the build fails which blocks merging into main and deploying to production.
|
||||||
|
|
||||||
For teams working on `github/github` this configuration is all setup for you. While we do recommend you also [setup a plugin](#plugins) in your editor, this is not required.
|
For teams working on `github/github` this configuration is all setup for you. While we do recommend you also [setup a plugin](#plugins) in your editor, this is not required.
|
||||||
|
|
||||||
@ -106,4 +106,4 @@ We check that our compiled CSS assets don't contain more selectors than the [IE
|
|||||||
|
|
||||||
## Linting dotcom
|
## Linting dotcom
|
||||||
|
|
||||||
There are a few handy scripts to make your life easier when working with CSS on dotcom, especially when doing bigger refactors. Checkout the [Stylelint guide](https://github.com/github/design-systems/blob/master/tools/stylelint.md).
|
There are a few handy scripts to make your life easier when working with CSS on dotcom, especially when doing bigger refactors. Checkout the [Stylelint guide](https://github.com/github/design-systems/blob/main/tools/stylelint.md).
|
||||||
|
@ -3,7 +3,7 @@ title: Animations
|
|||||||
path: utilities/animations
|
path: utilities/animations
|
||||||
example_layout: toggle
|
example_layout: toggle
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/utilities/animations.scss'
|
source: 'https://github.com/primer/css/blob/main/src/utilities/animations.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Borders
|
|||||||
path: utilities/borders
|
path: utilities/borders
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/72'
|
status_issue: 'https://github.com/github/design-systems/issues/72'
|
||||||
source: 'https://github.com/primer/css/tree/master/src/utilities/borders.scss'
|
source: 'https://github.com/primer/css/tree/main/src/utilities/borders.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Box shadow
|
|||||||
path: utilities/box-shadow
|
path: utilities/box-shadow
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/269'
|
status_issue: 'https://github.com/github/design-systems/issues/269'
|
||||||
source: 'https://github.com/primer/css/tree/master/src/utilities/box-shadow.scss'
|
source: 'https://github.com/primer/css/tree/main/src/utilities/box-shadow.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Details
|
title: Details
|
||||||
path: utilities/details
|
path: utilities/details
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/utilities/details.scss'
|
source: 'https://github.com/primer/css/blob/main/src/utilities/details.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Flexbox
|
|||||||
path: utilities/flexbox
|
path: utilities/flexbox
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/157'
|
status_issue: 'https://github.com/github/design-systems/issues/157'
|
||||||
source: 'https://github.com/primer/css/blob/master/src/utilities/flexbox.scss'
|
source: 'https://github.com/primer/css/blob/main/src/utilities/flexbox.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -779,7 +779,7 @@ Here is an example of a media object that is **vertically centered on large scre
|
|||||||
|
|
||||||
## Flexbox bugs
|
## Flexbox bugs
|
||||||
|
|
||||||
This section lists flexbox bugs that affect [browsers we currently support](https://github.com/primer/css/blob/master/.browserslistrc).
|
This section lists flexbox bugs that affect [browsers we currently support](https://github.com/primer/css/blob/main/.browserslistrc).
|
||||||
|
|
||||||
1. **Minimum content sizing of flex items not honored.** Some browsers don't respect flex item size. Instead of respecting the minimum content size, items shrink below their minimum size which can create some undesirable results, such as overflowing text. The workaround is to apply `flex-shrink: 0;` to the items using `d-flex`. This can be applied with the `flex-shrink-0` utility. For more information read [philipwalton/flexbugs](https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored).
|
1. **Minimum content sizing of flex items not honored.** Some browsers don't respect flex item size. Instead of respecting the minimum content size, items shrink below their minimum size which can create some undesirable results, such as overflowing text. The workaround is to apply `flex-shrink: 0;` to the items using `d-flex`. This can be applied with the `flex-shrink-0` utility. For more information read [philipwalton/flexbugs](https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored).
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Layout
|
title: Layout
|
||||||
path: utilities/layout
|
path: utilities/layout
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/utilities/layout.scss'
|
source: 'https://github.com/primer/css/blob/main/src/utilities/layout.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Margin
|
title: Margin
|
||||||
path: utilities/margin
|
path: utilities/margin
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/utilities/margin.scss'
|
source: 'https://github.com/primer/css/blob/main/src/utilities/margin.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Marketing borders (deprecated)
|
|||||||
sort_title: Borders Marketing
|
sort_title: Borders Marketing
|
||||||
path: utilities/marketing-borders
|
path: utilities/marketing-borders
|
||||||
status: Deprecated
|
status: Deprecated
|
||||||
source: 'https://github.com/primer/css/blob/master/src/marketing/utilities/borders.scss'
|
source: 'https://github.com/primer/css/blob/main/src/marketing/utilities/borders.scss'
|
||||||
bundle: marketing-utilities
|
bundle: marketing-utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@ title: Marketing Filters
|
|||||||
path: utilities/marketing-filters
|
path: utilities/marketing-filters
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/302'
|
status_issue: 'https://github.com/github/design-systems/issues/302'
|
||||||
source: 'https://github.com/primer/css/blob/master/src/marketing/utilities/filters.scss'
|
source: 'https://github.com/primer/css/blob/main/src/marketing/utilities/filters.scss'
|
||||||
bundle: marketing-utilities
|
bundle: marketing-utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -3,13 +3,13 @@ title: Marketing Layout
|
|||||||
sort_title: Layout Marketing
|
sort_title: Layout Marketing
|
||||||
path: utilities/marketing-layout
|
path: utilities/marketing-layout
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/blob/master/src/marketing/utilities/layout.scss'
|
source: 'https://github.com/primer/css/blob/main/src/marketing/utilities/layout.scss'
|
||||||
bundle: marketing-utilities
|
bundle: marketing-utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
Marketing layout utilities build on top of [primer-core utilities](/utilities/layout#position), adding the option of responsive positioning.
|
Marketing layout utilities build on top of [primer-core utilities](/utilities/layout#position), adding the option of responsive positioning.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Position elements with spacing utilities
|
## Position elements with spacing utilities
|
||||||
|
|
||||||
|
@ -4,13 +4,13 @@ sort_title: Margin Marketing
|
|||||||
path: utilities/marketing-margin
|
path: utilities/marketing-margin
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/378'
|
status_issue: 'https://github.com/github/design-systems/issues/378'
|
||||||
source: 'https://github.com/primer/css/blob/master/src/marketing/utilities/margin.scss'
|
source: 'https://github.com/primer/css/blob/main/src/marketing/utilities/margin.scss'
|
||||||
bundle: marketing-utilities
|
bundle: marketing-utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
Marketing margin utilities extend [core margin utilities](/utilities/margin). The [marketing scale](/support/marketing-variables#extended-spacing-scale) starts from spacer `7` up to `12`.
|
Marketing margin utilities extend [core margin utilities](/utilities/margin). The [marketing scale](/support/marketing-variables#extended-spacing-scale) starts from spacer `7` up to `12`.
|
||||||
|
|
||||||
**Note**: Only the y-axis (`mt`, `mb` and `my`) and its responsive variants are supported.
|
**Note**: Only the y-axis (`mt`, `mb` and `my`) and its responsive variants are supported.
|
||||||
|
|
||||||
```html live
|
```html live
|
||||||
<div class="bg-yellow d-inline-block"><div class="mt-7 p-1 bg-gray">.mb-7</div></div>
|
<div class="bg-yellow d-inline-block"><div class="mt-7 p-1 bg-gray">.mb-7</div></div>
|
||||||
|
@ -4,7 +4,7 @@ sort_title: Padding Marketing
|
|||||||
path: utilities/marketing-padding
|
path: utilities/marketing-padding
|
||||||
status: Stable
|
status: Stable
|
||||||
status_issue: 'https://github.com/github/design-systems/issues/378'
|
status_issue: 'https://github.com/github/design-systems/issues/378'
|
||||||
source: 'https://github.com/primer/css/tree/master/src/marketing/utilities/padding.scss'
|
source: 'https://github.com/primer/css/tree/main/src/marketing/utilities/padding.scss'
|
||||||
bundle: marketing-utilities
|
bundle: marketing-utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,11 +2,11 @@
|
|||||||
title: Marketing Typography
|
title: Marketing Typography
|
||||||
path: utilities/marketing-type
|
path: utilities/marketing-type
|
||||||
status: New
|
status: New
|
||||||
source: 'https://github.com/primer/css/tree/master/src/marketing/type'
|
source: 'https://github.com/primer/css/tree/main/src/marketing/type'
|
||||||
bundle: marketing-type
|
bundle: marketing-type
|
||||||
---
|
---
|
||||||
|
|
||||||
The typography for our marketing pages differs from Primer CSS's core—it is responsive, on a slightly different scale, and headlines are set in the [defined marketing font](https://github.com/primer/css/blob/master/src/marketing/support/variables.scss).
|
The typography for our marketing pages differs from Primer CSS's core—it is responsive, on a slightly different scale, and headlines are set in the [defined marketing font](https://github.com/primer/css/blob/main/src/marketing/support/variables.scss).
|
||||||
|
|
||||||
## Heading Utilities
|
## Heading Utilities
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Padding
|
title: Padding
|
||||||
path: utilities/padding
|
path: utilities/padding
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/utilities/padding.scss'
|
source: 'https://github.com/primer/css/tree/main/src/utilities/padding.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Typography
|
title: Typography
|
||||||
path: utilities/typography
|
path: utilities/typography
|
||||||
status: Stable
|
status: Stable
|
||||||
source: 'https://github.com/primer/css/tree/master/src/utilities/typography.scss'
|
source: 'https://github.com/primer/css/tree/main/src/utilities/typography.scss'
|
||||||
bundle: utilities
|
bundle: utilities
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -107,7 +107,7 @@ function VariablesDetails({variablesByFile, ...props}) {
|
|||||||
return Array.from(variablesByFile.entries()).map(([path, variables]) => (
|
return Array.from(variablesByFile.entries()).map(([path, variables]) => (
|
||||||
<React.Fragment key={path}>
|
<React.Fragment key={path}>
|
||||||
<h3>
|
<h3>
|
||||||
Defined in <Link href={`https://github.com/primer/css/tree/master/${path}`}>{path}</Link>
|
Defined in <Link href={`https://github.com/primer/css/tree/main/${path}`}>{path}</Link>
|
||||||
</h3>
|
</h3>
|
||||||
<Table {...props}>
|
<Table {...props}>
|
||||||
<thead>
|
<thead>
|
||||||
@ -126,7 +126,7 @@ function VariablesDetails({variablesByFile, ...props}) {
|
|||||||
#
|
#
|
||||||
</Link>
|
</Link>
|
||||||
<Flex.Item flex="1">
|
<Flex.Item flex="1">
|
||||||
<Link href={`https://github.com/primer/css/tree/master/${source.path}#L${source.line}`}>
|
<Link href={`https://github.com/primer/css/tree/main/${source.path}#L${source.line}`}>
|
||||||
<Mono nowrap>{name}</Mono>
|
<Mono nowrap>{name}</Mono>
|
||||||
</Link>
|
</Link>
|
||||||
</Flex.Item>
|
</Flex.Item>
|
||||||
|
@ -8,7 +8,7 @@ if [[ -f $file ]]; then
|
|||||||
rm $file
|
rm $file
|
||||||
fi
|
fi
|
||||||
|
|
||||||
if [[ "$GITHUB_REF" = "refs/heads/master" ]]; then
|
if [[ "$GITHUB_REF" = "refs/heads/main" ]]; then
|
||||||
npm run --silent publish-storybook || (
|
npm run --silent publish-storybook || (
|
||||||
echo "Whoops! Failed to publish Storybook. This is not a fatal error."
|
echo "Whoops! Failed to publish Storybook. This is not a fatal error."
|
||||||
)
|
)
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
* Released under MIT license.
|
* Released under MIT license.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Primer master file
|
// Primer main file
|
||||||
//
|
//
|
||||||
// Imports all Primer files in their intended order for easy mass-inclusion.
|
// Imports all Primer files in their intended order for easy mass-inclusion.
|
||||||
// Should you need specific files, you can easily use separate `@import`s.
|
// Should you need specific files, you can easily use separate `@import`s.
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
|
[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
|
||||||
|
|
||||||
|
|
||||||
[scss]: https://sass-lang.com/documentation/syntax#scss
|
[scss]: https://sass-lang.com/documentation/syntax#scss
|
||||||
|
Loading…
Reference in New Issue
Block a user