diff --git a/docs/source/docs/border-radius.blade.md b/docs/source/docs/border-radius.blade.md index 0301f4d61..88a5c6a47 100644 --- a/docs/source/docs/border-radius.blade.md +++ b/docs/source/docs/border-radius.blade.md @@ -9,244 +9,235 @@ features: focus: false --- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ClassPropertiesDescription
.rounded-smborder-radius: .125rem;Apply a small border radius to all corners of an element.
.rounded-t-smborder-top-left-radius: .125rem;
border-top-right-radius: .125rem;
Apply a small border radius to the top corners of an element.
.rounded-r-smborder-top-right-radius: .125rem;
border-bottom-right-radius: .125rem;
Apply a small border radius to the right corners of an element.
.rounded-b-smborder-bottom-right-radius: .125rem;
border-bottom-left-radius: .125rem;
Apply a small border radius to the bottom corners of an element.
.rounded-l-smborder-top-left-radius: .125rem;
border-bottom-left-radius: .125rem;
Apply a small border radius to the left corners of an element.
.rounded-tl-smborder-top-left-radius: .125rem;Apply a small border radius to the top left corner of an element.
.rounded-tr-smborder-top-right-radius: .125rem;Apply a small border radius to the top right corner of an element.
.rounded-br-smborder-bottom-right-radius: .125rem;Apply a small border radius to the bottom right corner of an element.
.rounded-bl-smborder-bottom-left-radius: .125rem;Apply a small border radius to the bottom left corner of an element.
.roundedborder-radius: .25rem;Apply a medium border radius to all corners of an element.
.rounded-tborder-top-left-radius: .25rem;
border-top-right-radius: .25rem;
Apply a medium border radius to the top corners of an element.
.rounded-rborder-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
Apply a medium border radius to the right corners of an element.
.rounded-bborder-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
Apply a medium border radius to the bottom corners of an element.
.rounded-lborder-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
Apply a medium border radius to the left corners of an element.
.rounded-tlborder-top-left-radius: .25rem;Apply a medium border radius to the top left corner of an element.
.rounded-trborder-top-right-radius: .25rem;Apply a medium border radius to the top right corner of an element.
.rounded-brborder-bottom-right-radius: .25rem;Apply a medium border radius to the bottom right corner of an element.
.rounded-blborder-bottom-left-radius: .25rem;Apply a medium border radius to the bottom left corner of an element.
.rounded-lgborder-radius: .5rem;Apply a large border radius to all corners of an element.
.rounded-t-lgborder-top-left-radius: .5rem;
border-top-right-radius: .5rem;
Apply a large border radius to the top corners of an element.
.rounded-r-lgborder-top-right-radius: .5rem;
border-bottom-right-radius: .5rem;
Apply a large border radius to the right corners of an element.
.rounded-b-lgborder-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
Apply a large border radius to the bottom corners of an element.
.rounded-l-lgborder-top-left-radius: .5rem;
border-bottom-left-radius: .5rem;
Apply a large border radius to the left corners of an element.
.rounded-tl-lgborder-top-left-radius: .5rem;Apply a large border radius to the top left corner of an element.
.rounded-tr-lgborder-top-right-radius: .5rem;Apply a large border radius to the top right corner of an element.
.rounded-br-lgborder-bottom-right-radius: .5rem;Apply a large border radius to the bottom right corner of an element.
.rounded-bl-lgborder-bottom-left-radius: .5rem;Apply a large border radius to the bottom left corner of an element.
.rounded-fullborder-radius: 9999px;Fully round all corners of an element.
.rounded-t-fullborder-top-left-radius: 9999px;
border-top-right-radius: 9999px;
Fully round the top corners of an element.
.rounded-r-fullborder-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
Fully round the right corners of an element.
.rounded-b-fullborder-bottom-right-radius: 9999px;
border-bottom-left-radius: 9999px;
Fully round the bottom corners of an element.
.rounded-l-fullborder-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
Fully round the left corners of an element.
.rounded-tl-fullborder-top-left-radius: 9999px;Fully round the top left corner of an element.
.rounded-tr-fullborder-top-right-radius: 9999px;Fully round the top right corner of an element.
.rounded-br-fullborder-bottom-right-radius: 9999px;Fully round the bottom right corner of an element.
.rounded-bl-fullborder-bottom-left-radius: 9999px;Fully round the bottom left corner of an element.
.rounded-noneborder-radius: 0;Remove any border radius from all corners of an element.
.rounded-t-noneborder-top-left-radius: 0;
border-top-right-radius: 0;
Remove any border radius from the top corners of an element.
.rounded-r-noneborder-top-right-radius: 0;
border-bottom-right-radius: 0;
Remove any border radius from the right corners of an element.
.rounded-b-noneborder-bottom-right-radius: 0;
border-bottom-left-radius: 0;
Remove any border radius from the bottom corners of an element.
.rounded-l-noneborder-top-left-radius: 0;
border-bottom-left-radius: 0;
Remove any border radius from the left corners of an element.
.rounded-tl-noneborder-top-left-radius: 0;Remove any border radius from the top left corner of an element.
.rounded-tr-noneborder-top-right-radius: 0;Remove any border radius from the top right corner of an element.
.rounded-br-noneborder-bottom-right-radius: 0;Remove any border radius from the bottom right corner of an element.
.rounded-bl-noneborder-bottom-left-radius: 0;Remove any border radius from the bottom left corner of an element.
-
+@include('_partials.class-table', [ + 'rows' => [ + [ + '.rounded-none', + 'border-radius: 0;', + "Remove any border radius from all corners of an element.", + ], + [ + '.rounded-sm', + 'border-radius: .125rem;', + "Apply a small border radius to all corners of an element.", + ], + [ + '.rounded', + 'border-radius: .25rem;', + "Apply a medium border radius to all corners of an element.", + ], + [ + '.rounded-lg', + 'border-radius: .5rem;', + "Apply a large border radius to all corners of an element.", + ], + [ + '.rounded-full', + 'border-radius: 9999px;', + "Fully round all corners of an element.", + ], + [ + '.rounded-t-none', + "border-top-left-radius: 0;\nborder-top-right-radius: 0;", + "Remove any border radius from the top corners of an element.", + ], + [ + '.rounded-r-none', + "border-top-right-radius: 0;\nborder-bottom-right-radius: 0;", + "Remove any border radius from the right corners of an element.", + ], + [ + '.rounded-b-none', + "border-bottom-right-radius: 0;\nborder-bottom-left-radius: 0;", + "Remove any border radius from the bottom corners of an element.", + ], + [ + '.rounded-l-none', + "border-top-left-radius: 0;\nborder-bottom-left-radius: 0;", + "Remove any border radius from the left corners of an element.", + ], + [ + '.rounded-t-sm', + "border-top-left-radius: .125rem;\nborder-top-right-radius: .125rem;", + "Apply a small border radius to the top corners of an element.", + ], + [ + '.rounded-r-sm', + "border-top-right-radius: .125rem;\nborder-bottom-right-radius: .125rem;", + "Apply a small border radius to the right corners of an element.", + ], + [ + '.rounded-b-sm', + "border-bottom-right-radius: .125rem;\nborder-bottom-left-radius: .125rem;", + "Apply a small border radius to the bottom corners of an element.", + ], + [ + '.rounded-l-sm', + "border-top-left-radius: .125rem;\nborder-bottom-left-radius: .125rem;", + "Apply a small border radius to the left corners of an element.", + ], + [ + '.rounded-t', + "border-top-left-radius: .25rem;\nborder-top-right-radius: .25rem;", + "Apply a medium border radius to the top corners of an element.", + ], + [ + '.rounded-r', + "border-top-right-radius: .25rem;\nborder-bottom-right-radius: .25rem;", + "Apply a medium border radius to the right corners of an element.", + ], + [ + '.rounded-b', + "border-bottom-right-radius: .25rem;\nborder-bottom-left-radius: .25rem;", + "Apply a medium border radius to the bottom corners of an element.", + ], + [ + '.rounded-l', + "border-top-left-radius: .25rem;\nborder-bottom-left-radius: .25rem;", + "Apply a medium border radius to the left corners of an element.", + ], + [ + '.rounded-t-lg', + "border-top-left-radius: .5rem;\nborder-top-right-radius: .5rem;", + "Apply a large border radius to the top corners of an element.", + ], + [ + '.rounded-r-lg', + "border-top-right-radius: .5rem;\nborder-bottom-right-radius: .5rem;", + "Apply a large border radius to the right corners of an element.", + ], + [ + '.rounded-b-lg', + "border-bottom-right-radius: .5rem;\nborder-bottom-left-radius: .5rem;", + "Apply a large border radius to the bottom corners of an element.", + ], + [ + '.rounded-l-lg', + "border-top-left-radius: .5rem;\nborder-bottom-left-radius: .5rem;", + "Apply a large border radius to the left corners of an element.", + ], + [ + '.rounded-t-full', + "border-top-left-radius: 9999px;\nborder-top-right-radius: 9999px;", + "Fully round the top corners of an element.", + ], + [ + '.rounded-r-full', + "border-top-right-radius: 9999px;\nborder-bottom-right-radius: 9999px;", + "Fully round the right corners of an element.", + ], + [ + '.rounded-b-full', + "border-bottom-right-radius: 9999px;\nborder-bottom-left-radius: 9999px;", + "Fully round the bottom corners of an element.", + ], + [ + '.rounded-l-full', + "border-top-left-radius: 9999px;\nborder-bottom-left-radius: 9999px;", + "Fully round the left corners of an element.", + ], + [ + '.rounded-tl-none', + 'border-top-left-radius: 0;', + "Remove any border radius from the top left corner of an element.", + ], + [ + '.rounded-tr-none', + 'border-top-right-radius: 0;', + "Remove any border radius from the top right corner of an element.", + ], + [ + '.rounded-br-none', + 'border-bottom-right-radius: 0;', + "Remove any border radius from the bottom right corner of an element.", + ], + [ + '.rounded-bl-none', + 'border-bottom-left-radius: 0;', + "Remove any border radius from the bottom left corner of an element.", + ], + [ + '.rounded-tl-sm', + 'border-top-left-radius: .125rem;', + "Apply a small border radius to the top left corner of an element.", + ], + [ + '.rounded-tr-sm', + 'border-top-right-radius: .125rem;', + "Apply a small border radius to the top right corner of an element.", + ], + [ + '.rounded-br-sm', + 'border-bottom-right-radius: .125rem;', + "Apply a small border radius to the bottom right corner of an element.", + ], + [ + '.rounded-bl-sm', + 'border-bottom-left-radius: .125rem;', + "Apply a small border radius to the bottom left corner of an element.", + ], + [ + '.rounded-tl', + 'border-top-left-radius: .25rem;', + "Apply a medium border radius to the top left corner of an element.", + ], + [ + '.rounded-tr', + 'border-top-right-radius: .25rem;', + "Apply a medium border radius to the top right corner of an element.", + ], + [ + '.rounded-br', + 'border-bottom-right-radius: .25rem;', + "Apply a medium border radius to the bottom right corner of an element.", + ], + [ + '.rounded-bl', + 'border-bottom-left-radius: .25rem;', + "Apply a medium border radius to the bottom left corner of an element.", + ], + [ + '.rounded-tl-lg', + 'border-top-left-radius: .5rem;', + "Apply a large border radius to the top left corner of an element.", + ], + [ + '.rounded-tr-lg', + 'border-top-right-radius: .5rem;', + "Apply a large border radius to the top right corner of an element.", + ], + [ + '.rounded-br-lg', + 'border-bottom-right-radius: .5rem;', + "Apply a large border radius to the bottom right corner of an element.", + ], + [ + '.rounded-bl-lg', + 'border-bottom-left-radius: .5rem;', + "Apply a large border radius to the bottom left corner of an element.", + ], + [ + '.rounded-tl-full', + 'border-top-left-radius: 9999px;', + "Fully round the top left corner of an element.", + ], + [ + '.rounded-tr-full', + 'border-top-right-radius: 9999px;', + "Fully round the top right corner of an element.", + ], + [ + '.rounded-br-full', + 'border-bottom-right-radius: 9999px;', + "Fully round the bottom right corner of an element.", + ], + [ + '.rounded-bl-full', + 'border-bottom-left-radius: 9999px;', + "Fully round the bottom left corner of an element.", + ], + ] +]) ## Rounded corners