primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-22 19:01:02 +03:00
Code Issues Projects Releases Wiki Activity

Rename all links and references to the default git branch being master

Browse Source
This commit is contained in:
Jon Rohan 2021-03-21 22:34:44 -07:00
parent d0c569c53e
commit c9debf5d62
No known key found for this signature in database
GPG Key ID: B0BBE304A9A0AECB
90 changed files with 118 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.github/CONTRIBUTING.md vendored
View File

@ -19,7 +19,7 @@ Guidelines for bug reports:
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.
@ -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).
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.
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.

10
CHANGELOG.md
View File

@ -479,7 +479,7 @@
- Fix hide utilities when toggling between breakpoints [#746](https://github.com/primer/css/pull/746)
### :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
#### Committers: 2
@ -570,7 +570,7 @@
- Shiny new social and README header by @ashygee [#689](https://github.com/primer/css/pull/689)
### :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)
#### Committers: 4
@ -595,7 +595,7 @@
# 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
* [#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
- 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
- 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))
* [#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))
* [#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))
* [#374](https://github.com/primer/primer/pull/374) Improve Pull Request template. ([@agisilaos](https://github.com/agisilaos))

4
README.md
View File

@ -13,13 +13,13 @@
<a aria-label="contributors graph" href="https://github.com/primer/css/graphs/contributors">
<img src="https://img.shields.io/github/contributors/primer/css.svg">
</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">
</a>
<a aria-label="join us in spectrum" href="https://spectrum.chat/primer">
<img alt="" src="https://withspectrum.github.io/badge/badge.svg">
</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="">
</a>
</p>

6
RELEASING.md
View File

@ -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
](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`.
@ -51,12 +51,12 @@
- [ ] Update `github/github`
- [ ] 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
```
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.

2
docs/content/components/alerts.md
View File

@ -2,7 +2,7 @@
title: Alerts
path: components/alerts
status: Stable
source: 'https://github.com/primer/css/tree/master/src/alerts'
source: 'https://github.com/primer/css/tree/main/src/alerts'
bundle: alerts
---

2
docs/content/components/autocomplete.md
View File

@ -2,7 +2,7 @@
title: Autocomplete
path: components/autocomplete
status: Stable
source: 'https://github.com/primer/css/tree/master/src/autocomplete'
source: 'https://github.com/primer/css/tree/main/src/autocomplete'
bundle: autocomplete
---

2
docs/content/components/avatars.md
View File

@ -2,7 +2,7 @@
title: Avatars
path: components/avatars
status: Stable
source: 'https://github.com/primer/css/tree/master/src/avatars'
source: 'https://github.com/primer/css/tree/main/src/avatars'
bundle: avatars
---

4
docs/content/components/blankslate.md
View File

@ -2,7 +2,7 @@
title: Blankslate
path: components/blankslate
status: Stable
source: 'https://github.com/primer/css/tree/master/src/blankslate'
source: 'https://github.com/primer/css/tree/main/src/blankslate'
bundle: blankslate
---
@ -92,7 +92,7 @@ Add an additional optional class to the `.blankslate` to change its appearance.
</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

2
docs/content/components/box.md
View File

@ -3,7 +3,7 @@ title: Box
path: components/box
status_issue: 'https://github.com/github/design-systems/issues/198'
status: Stable
source: 'https://github.com/primer/css/tree/master/src/box'
source: 'https://github.com/primer/css/tree/main/src/box'
bundle: box
---

2
docs/content/components/branch-name.md
View File

@ -2,7 +2,7 @@
title: Branch name
path: components/branch-name
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
---

2
docs/content/components/breadcrumb.md
View File

@ -2,7 +2,7 @@
title: Breadcrumbs
path: components/breadcrumb
status: Stable
source: 'https://github.com/primer/css/tree/master/src/breadcrumb'
source: 'https://github.com/primer/css/tree/main/src/breadcrumb'
bundle: breadcrumb
---

2
docs/content/components/buttons.md
View File

@ -2,7 +2,7 @@
title: Buttons
path: components/buttons
status: Stable
source: 'https://github.com/primer/css/tree/master/src/buttons'
source: 'https://github.com/primer/css/tree/main/src/buttons'
bundle: buttons
---

4
docs/content/components/forms.md
View File

@ -2,7 +2,7 @@
title: Forms
path: components/forms
status: Stable
source: 'https://github.com/primer/css/tree/master/src/forms'
source: 'https://github.com/primer/css/tree/main/src/forms'
bundle: forms
---
@ -292,7 +292,7 @@ If the input is **not valid**, add the `.errored` class to the `<div class="form
</div>
</form>
```
### 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.

2
docs/content/components/header.md
View File

@ -2,7 +2,7 @@
title: Header
path: components/header
status: Stable
source: 'https://github.com/primer/css/tree/master/src/header'
source: 'https://github.com/primer/css/tree/main/src/header'
bundle: header
---

2
docs/content/components/labels.md
View File

@ -3,7 +3,7 @@ title: Labels
path: components/labels
status_issue: 'https://github.com/github/design-systems/issues/332'
status: Stable
source: 'https://github.com/primer/css/tree/master/src/labels'
source: 'https://github.com/primer/css/tree/main/src/labels'
bundle: labels
---

2
docs/content/components/loaders.md
View File

@ -2,7 +2,7 @@
title: Loaders
path: components/loaders
status: New
source: 'https://github.com/primer/css/tree/master/src/loaders'
source: 'https://github.com/primer/css/tree/main/src/loaders'
bundle: loaders
---

2
docs/content/components/markdown.md
View File

@ -2,7 +2,7 @@
title: Markdown
path: components/markdown
status: Stable
source: 'https://github.com/primer/css/tree/master/src/markdown'
source: 'https://github.com/primer/css/tree/main/src/markdown'
bundle: markdown
---

2
docs/content/components/marketing-buttons.md
View File

@ -2,7 +2,7 @@
title: Marketing Buttons
path: components/marketing-buttons
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
---

2
docs/content/components/navigation.md
View File

@ -2,7 +2,7 @@
title: Navigation
path: components/navigation
status: Stable
source: 'https://github.com/primer/css/tree/master/src/navigation'
source: 'https://github.com/primer/css/tree/main/src/navigation'
bundle: navigation
---

2
docs/content/components/pagination.md
View File

@ -2,7 +2,7 @@
title: Pagination
path: components/pagination
status: New
source: 'https://github.com/primer/css/tree/master/src/pagination'
source: 'https://github.com/primer/css/tree/main/src/pagination'
bundle: pagination
---

2
docs/content/components/popover.md
View File

@ -2,7 +2,7 @@
title: Popover
path: components/popover
status: Experimental
source: 'https://github.com/primer/css/tree/master/src/popover'
source: 'https://github.com/primer/css/tree/main/src/popover'
bundle: popover
---

2
docs/content/components/progress.md
View File

@ -2,7 +2,7 @@
title: Progress
path: components/progress
status: New
source: 'https://github.com/primer/css/tree/master/src/progress'
source: 'https://github.com/primer/css/tree/main/src/progress'
bundle: progress
---

2
docs/content/components/select-menu.md
View File

@ -1,7 +1,7 @@
---
title: Select menu
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
---

3
docs/content/components/subhead.md
View File

@ -3,7 +3,7 @@ title: Subhead
path: components/subhead
status: Stable
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
---
@ -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>
```

2
docs/content/components/tooltips.md
View File

@ -2,7 +2,7 @@
title: Tooltips
path: components/tooltips
status: Stable
source: 'https://github.com/primer/css/tree/master/src/tooltips'
source: 'https://github.com/primer/css/tree/main/src/tooltips'
bundle: tooltips
---

2
docs/content/components/truncate.md
View File

@ -2,7 +2,7 @@
title: Truncate
path: components/truncate
status: Stable
source: 'https://github.com/primer/css/tree/master/src/truncate'
source: 'https://github.com/primer/css/tree/main/src/truncate'
bundle: truncate
---

8
docs/content/getting-started/contributing.md
View File

@ -147,7 +147,7 @@ See [the deprecation data docs](../tools/deprecations) for more information.
---
title: Alerts
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).
[semantic versioning]: https://semver.org
[script/test-deprecations.js]: https://github.com/primer/css/tree/master/script/test-deprecations.js
[deprecations.js]: https://github.com/primer/css/tree/master/deprecations.js
[lib/stylelint-todo.js]: https://github.com/primer/css/tree/master/lib/stylelint-todo.js
[script/test-deprecations.js]: https://github.com/primer/css/tree/main/script/test-deprecations.js
[deprecations.js]: https://github.com/primer/css/tree/main/deprecations.js
[lib/stylelint-todo.js]: https://github.com/primer/css/tree/main/lib/stylelint-todo.js

2
docs/content/objects/grid.md
View File

@ -3,7 +3,7 @@ title: Grid
path: objects/grid
status: Stable
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
---

2
docs/content/objects/table-object.md
View File

@ -2,7 +2,7 @@
title: Table object
path: objects/table-object
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
---

2
docs/content/stickersheet/labels.md
View File

@ -2,7 +2,7 @@
title: Labels
path: components/labels
status: Stable
source: 'https://github.com/primer/css/tree/master/src/labels'
source: 'https://github.com/primer/css/tree/main/src/labels'
bundle: labels
---

14
docs/content/support/breakpoints.md
View File

@ -2,7 +2,7 @@
title: Breakpoints
path: support/breakpoints
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
---
@ -31,15 +31,15 @@ In most cases, breakpoints get used with the `min-width` media query. This means
| Large | lg | from `1012px` 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 ->
| 544px ->
| 0px ->
| 544px ->
| sm
| 768px ->
| md
| 1012px ->
| 768px ->
| md
| 1012px ->
| lg
| 1280px ->
| xl

2
docs/content/support/color-system.mdx
View File

@ -2,7 +2,7 @@
title: Color system
description: 'Sass variables, mixins, and functions for use in our components.'
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
---

2
docs/content/support/index.md
View File

@ -1,7 +1,7 @@
---
title: Support
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
---

3
docs/content/support/marketing-variables.md
View File

@ -2,7 +2,7 @@
title: Marketing support
path: support/marketing-variables
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
---
@ -22,4 +22,3 @@ Starting where the `primer-core` spacing scale ends at spacer 6, the marketing s
| 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).

2
docs/content/support/spacing.md
View File

@ -2,7 +2,7 @@
title: Spacing
path: support/spacing
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
---

2
docs/content/support/typography.md
View File

@ -3,7 +3,7 @@ title: Typography
path: support/typography
status: Stable
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
---

2
docs/content/support/variables.mdx
View File

@ -15,7 +15,7 @@ import {Variables, DeprecationIcon} from '../../src/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.

8
docs/content/tools/deprecations.md
View File

@ -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].
* `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:
```json
@ -58,7 +58,7 @@ The JSON data is available in the unpacked node module's `dist/deprecations.json
}
}
```
## Node
@ -125,5 +125,5 @@ console.log(`$yellow-700 deprecated? ${isVariableDeprecated('$yellow-700')}`)
[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

4
docs/content/tools/linting.md
View File

@ -3,7 +3,7 @@ title: 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.
@ -106,4 +106,4 @@ We check that our compiled CSS assets don't contain more selectors than the [IE
## 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).

2
docs/content/utilities/animations.md
View File

@ -3,7 +3,7 @@ title: Animations
path: utilities/animations
example_layout: toggle
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
---

2
docs/content/utilities/borders.mdx
View File

@ -3,7 +3,7 @@ title: Borders
path: utilities/borders
status: Stable
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
---

2
docs/content/utilities/box-shadow.md
View File

@ -3,7 +3,7 @@ title: Box shadow
path: utilities/box-shadow
status: Stable
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
---

2
docs/content/utilities/details.md
View File

@ -2,7 +2,7 @@
title: Details
path: utilities/details
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
---

4
docs/content/utilities/flexbox.md
View File

@ -3,7 +3,7 @@ title: Flexbox
path: utilities/flexbox
status: Stable
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
---
@ -779,7 +779,7 @@ Here is an example of a media object that is **vertically centered on large scre
## 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).

2
docs/content/utilities/layout.md
View File

@ -2,7 +2,7 @@
title: Layout
path: utilities/layout
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
---

2
docs/content/utilities/margin.md
View File

@ -2,7 +2,7 @@
title: Margin
path: utilities/margin
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
---

2
docs/content/utilities/marketing-borders.md
View File

@ -3,7 +3,7 @@ title: Marketing borders (deprecated)
sort_title: Borders Marketing
path: utilities/marketing-borders
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
---

2
docs/content/utilities/marketing-filters.md
View File

@ -3,7 +3,7 @@ title: Marketing Filters
path: utilities/marketing-filters
status: Stable
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
---

4
docs/content/utilities/marketing-layout.md
View File

@ -3,13 +3,13 @@ title: Marketing Layout
sort_title: Layout Marketing
path: utilities/marketing-layout
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
---
Marketing layout utilities build on top of [primer-core utilities](/utilities/layout#position), adding the option of responsive positioning.
## Position elements with spacing utilities

4
docs/content/utilities/marketing-margin.md
View File

@ -4,13 +4,13 @@ sort_title: Margin Marketing
path: utilities/marketing-margin
status: Stable
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
---
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
<div class="bg-yellow d-inline-block"><div class="mt-7 p-1 bg-gray">.mb-7</div></div>

2
docs/content/utilities/marketing-padding.md
View File

@ -4,7 +4,7 @@ sort_title: Padding Marketing
path: utilities/marketing-padding
status: Stable
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
---

4
docs/content/utilities/marketing-type.md
View File

@ -2,11 +2,11 @@
title: Marketing Typography
path: utilities/marketing-type
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
---
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

2
docs/content/utilities/padding.md
View File

@ -2,7 +2,7 @@
title: Padding
path: utilities/padding
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
---

2
docs/content/utilities/typography.md
View File

@ -2,7 +2,7 @@
title: Typography
path: utilities/typography
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
---

4
docs/src/variables.js
View File

@ -107,7 +107,7 @@ function VariablesDetails({variablesByFile, ...props}) {
return Array.from(variablesByFile.entries()).map(([path, variables]) => (
<React.Fragment key={path}>
<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>
<Table {...props}>
<thead>
@ -126,7 +126,7 @@ function VariablesDetails({variablesByFile, ...props}) {
#
</Link>
<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>
</Link>
</Flex.Item>

2
script/postpublish
View File

@ -8,7 +8,7 @@ if [[ -f $file ]]; then
rm $file
fi
if [[ "$GITHUB_REF" = "refs/heads/master" ]]; then
if [[ "$GITHUB_REF" = "refs/heads/main" ]]; then
npm run --silent publish-storybook || (
echo "Whoops! Failed to publish Storybook. This is not a fatal error."
)

2
src/README.template.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/alerts/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/autocomplete/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/avatars/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/base/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/blankslate/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/box/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/branch-name/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/breadcrumb/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/buttons/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/core/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/dropdown/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/forms/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/header/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/index.scss
View File

@ -5,7 +5,7 @@
* Released under MIT license.
*/
// Primer master file
// Primer main file
//
// Imports all Primer files in their intended order for easy mass-inclusion.
// Should you need specific files, you can easily use separate `@import`s.

2
src/labels/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/layout/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/loaders/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/markdown/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/marketing/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/navigation/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/pagination/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/popover/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/product/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/progress/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/select-menu/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/subhead/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/support/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/table-object/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/timeline/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/toasts/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/tooltips/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/truncate/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss

2
src/utilities/README.md
View File

@ -19,7 +19,7 @@ The `@primer/css` npm package includes a standalone CSS build of this module in
## License
[MIT](https://github.com/primer/css/blob/master/LICENSE) &copy; [GitHub](https://github.com/)
[MIT](https://github.com/primer/css/blob/main/LICENSE) &copy; [GitHub](https://github.com/)
[scss]: https://sass-lang.com/documentation/syntax#scss