primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-06 22:36:48 +03:00
Code Issues Projects Releases Wiki Activity

Document .width-auto

Browse Source
This commit is contained in:
simurai 2019-07-17 08:59:22 +09:00
parent b34927880a
commit 1f8274f495
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/css/utilities/layout.md
View File

@ -190,6 +190,16 @@ Use `.width-full` to set width to 100%.
</div>
```
Use `.width-auto` to reset width to `auto` (initial value). Typically used with **responsive variants**. Resize the window to see the effect in the example below.
```html
<div class="d-table width-full width-md-auto">
<div class="d-table-cell">
<input class="form-control width-full" type="text" value="Responsive width form field" aria-label="Sample full responsive width form field">
</div>
</div>
```
Use `.height-fit` to set max-height 100%.
```html