primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-10 16:07:25 +03:00
Code Issues Projects Releases Wiki Activity

update box and form links

Browse Source
This commit is contained in:
Emily 2018-05-07 10:33:06 -07:00
parent 19cbb79e78
commit 48196e6263
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
modules/primer-box/README.md
View File

@ -259,7 +259,7 @@ Use `Box--danger` to apply a red border to the outside of the box. This theme is
</div>
```
`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information.
`Box-danger` is often paired with a red heading. See the [subhead](../subhead) docs for more information.
```html
<div class="Subhead border-bottom-0">
@ -356,7 +356,7 @@ Use the `border-dashed` utility to apply a dashed border to a box.
## Boxes with flash alerts
Use `flash-full` for flash alert inside a box to remove the rounded corners. Place the flash alert above the `Box-body` and underneath the `Box-header`.
Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information.
Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](../alerts) for more information.
```html
<div class="Box">
@ -455,7 +455,7 @@ Use `Counter--gray-dark` for a counter with a dark gray background and white tex
## Form elements and buttons in boxes
To achieve different layouts when adding buttons or form elements to boxes we suggest you use utilities to achieve the layout you want. Here's some common examples:
Use [flexbox utilities](../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.
Use [flexbox utilities](../../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.
```html
<div class="Box Box--condensed">
@ -561,7 +561,7 @@ You can put forms in boxes. Often form submission buttons are aligned to the bot
</div>
```
When a box is all by itself centered on a page you can use [column widths](/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../utilities/typography) instead of the built in box title styles.
When a box is all by itself centered on a page you can use [column widths](../../objects/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../../utilities/typography) instead of the built in box title styles.
```html
<div class="Box Box--spacious col-6 mx-auto text-center">
@ -582,7 +582,7 @@ When a box is all by itself centered on a page you can use [column widths](/grid
</div>
```
Box patterns can also be made with, and modified with [border utilities](../utilities/borders).
Box patterns can also be made with, and modified with [border utilities](../../utilities/borders).
<!-- %enddocs -->

2
modules/primer-forms/README.md
View File

@ -176,7 +176,7 @@ Primer adds light `height` and `vertical-align` styles to `<select>`s for all br
##### Small
Use the `.select-sm` class to resize both default and custom `<select>`s to match the size of [our small buttons](/buttons/#default-buttons).
Use the `.select-sm` class to resize both default and custom `<select>`s to match the size of [our small buttons](../buttons/#default-buttons).
```html
<select class="form-select select-sm" aria-label="Preference">