primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-30 11:17:05 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #456 from primer/height_fit

Browse Source 
Adding height-fit utility class
This commit is contained in:
Jon Rohan 2018-03-14 10:40:37 -07:00 committed by GitHub
commit 11406f8bd1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
modules/primer-utilities/docs/layout.md
View File

@ -156,6 +156,16 @@ Use `.width-full` to set width to 100%.
</div>
```
Use `.height-fit` to set max-height 100%.
```html
<div class="one-fourth column" style="height: 100px; overflow: auto;">
<div class="p-3 height-fit border">
Bacon ipsum dolor amet meatball flank beef tail pig boudin ham hock chicken capicola. Shoulder ham spare ribs turducken pork tongue. Bresaola corned beef sausage jowl ribeye kielbasa tenderloin andouille leberkas tongue. Ribeye tri-tip tenderloin pig, chuck ground round chicken tongue corned beef biltong.
</div>
</div>
```
Use `.height-full` to set height to 100%.
```html

2
modules/primer-utilities/lib/layout.scss
View File

@ -76,6 +76,8 @@
.width-fit { max-width: 100% !important; }
/* Set the width to 100% */
.width-full { width: 100% !important; }
/* Max height 100% */
.height-fit { max-height: 100% !important; }
/* Set the height to 100% */
.height-full { height: 100% !important; }