mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Replace 'shadow' references on the border radius docs page
This commit is contained in:
parent
2786f1b7a6
commit
eb5159ad4a
@ -94,7 +94,7 @@ title: "Border Radius"
|
||||
|
||||
## Rounded corners
|
||||
|
||||
Use the `.rounded`, `.shadow-sm`, or `.rounded-lg` utilities to apply different border radius sizes to an element.
|
||||
Use the `.rounded`, `.rounded-sm`, or `.rounded-lg` utilities to apply different border radius sizes to an element.
|
||||
|
||||
@component('_partials.code-sample', ['class' => 'flex justify-around text-sm'])
|
||||
<div class="bg-grey-light mr-3 p-4 rounded-sm">.rounded-sm</div>
|
||||
@ -152,7 +152,7 @@ Use the `.rounded-t`, `.rounded-r`, `.rounded-b`, or `.rounded-l` utilities to o
|
||||
|
||||
## Responsive
|
||||
|
||||
To control the shadow of an element at a specific breakpoint, add a `{breakpoint}:` prefix to any existing shadow utility. For example, use `md:shadow-lg` to apply the `shadow-lg` utility at only medium screen sizes and above.
|
||||
To control the border radius of an element at a specific breakpoint, add a `{breakpoint}:` prefix to any existing border radius utility. For example, use `md:rounded-lg` to apply the `rounded-lg` utility at only medium screen sizes and above.
|
||||
|
||||
For more information about Tailwind's responsive design features, check out the [Responsive Design](/workflow/responsive-design) documentation.
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user