archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Clean up border width and spacing docs a hair

Browse Source
This commit is contained in:
Adam Wathan 2017-10-31 16:52:18 -04:00
parent 333663a2ec
commit 51e51dc04d
2 changed files with 3 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/source/docs/border-width.blade.md
View File

@ -18,8 +18,6 @@ title: "Border Width"
@include('_partials.work-in-progress')
## Usage
Add borders to any element using the `.border{-side?}{-width?}` syntax. For example, `.border` would add a `1px` border to all sides of the element, where `.border-b-4` would add a `4px` border to the bottom of the element.
<div class="flex items-start mt-8 text-sm leading-none">
@ -44,23 +42,3 @@ Add borders to any element using the `.border{-side?}{-width?}` syntax. For exam
<div><code class="inline-block my-1 mr-1 px-2 py-1 font-mono border rounded">8</code> 8px</div>
</div>
</div>
### Examples
```html
<!-- Add a 1px border to all sides -->
<div class="border"></div>
<!-- Add a 1px border to the top side -->
<div class="border-t"></div>
<!-- Add a 2px border to all sides -->
<div class="border-2"></div>
<!-- Add a 2px border to the top side -->
<div class="border-t-2"></div>
```
## Responsive
## Customizing

4
docs/source/docs/spacing.blade.md
View File

@ -18,7 +18,9 @@ title: "Padding"
@include('_partials.work-in-progress')
The syntax below is combined to create a system for padding and margins. For example, `.pt-2` would add padding to the top of the element to the value of `0.5rem`, `.mx-0` would make the horizontal margin zero, and `.-mb-6` would add negative margin to the bottom of an element.
Control an element's padding and margin using the `.p{side?}-{size}`, `.m{side?}-{size}`, and `.-m{side?}-{size}` utilities.
For example, `.pt-2` would add `.5rem` of padding to the top of the element, `.mx-0` would make the horizontal margin zero, and `.-mb-6` would add a `1.5rem`negative margin to the bottom of an element.
<div class="flex items-start mt-8 text-sm">
<div class="pr-12">