@@ -18,22 +18,22 @@ features:
18
18
] ,
19
19
[
20
20
'.rounded-sm',
21
- 'border-radius: .125rem;',
21
+ 'border-radius: 0 .125rem;',
22
22
"Apply a small border radius to all corners of an element.",
23
23
] ,
24
24
[
25
25
'.rounded',
26
- 'border-radius: .25rem;',
26
+ 'border-radius: 0 .25rem;',
27
27
"Apply the default border radius to all corners of an element.",
28
28
] ,
29
29
[
30
30
'.rounded-md',
31
- 'border-radius: .375rem;',
31
+ 'border-radius: 0 .375rem;',
32
32
"Apply a medium border radius to all corners of an element.",
33
33
] ,
34
34
[
35
35
'.rounded-lg',
36
- 'border-radius: .5rem;',
36
+ 'border-radius: 0 .5rem;',
37
37
"Apply a large border radius to all corners of an element.",
38
38
] ,
39
39
[
@@ -63,82 +63,82 @@ features:
63
63
] ,
64
64
[
65
65
'.rounded-t-sm',
66
- "border-top-left-radius: .125rem;\nborder-top-right-radius: .125rem;",
66
+ "border-top-left-radius: 0 .125rem;\nborder-top-right-radius: 0 .125rem;",
67
67
"Apply a small border radius to the top corners of an element.",
68
68
] ,
69
69
[
70
70
'.rounded-r-sm',
71
- "border-top-right-radius: .125rem;\nborder-bottom-right-radius: .125rem;",
71
+ "border-top-right-radius: 0 .125rem;\nborder-bottom-right-radius: 0 .125rem;",
72
72
"Apply a small border radius to the right corners of an element.",
73
73
] ,
74
74
[
75
75
'.rounded-b-sm',
76
- "border-bottom-right-radius: .125rem;\nborder-bottom-left-radius: .125rem;",
76
+ "border-bottom-right-radius: 0 .125rem;\nborder-bottom-left-radius: 0 .125rem;",
77
77
"Apply a small border radius to the bottom corners of an element.",
78
78
] ,
79
79
[
80
80
'.rounded-l-sm',
81
- "border-top-left-radius: .125rem;\nborder-bottom-left-radius: .125rem;",
81
+ "border-top-left-radius: 0 .125rem;\nborder-bottom-left-radius: 0 .125rem;",
82
82
"Apply a small border radius to the left corners of an element.",
83
83
] ,
84
84
[
85
85
'.rounded-t',
86
- "border-top-left-radius: .25rem;\nborder-top-right-radius: .25rem;",
86
+ "border-top-left-radius: 0 .25rem;\nborder-top-right-radius: 0 .25rem;",
87
87
"Apply the default border radius to the top corners of an element.",
88
88
] ,
89
89
[
90
90
'.rounded-r',
91
- "border-top-right-radius: .25rem;\nborder-bottom-right-radius: .25rem;",
91
+ "border-top-right-radius: 0 .25rem;\nborder-bottom-right-radius: 0 .25rem;",
92
92
"Apply the default border radius to the right corners of an element.",
93
93
] ,
94
94
[
95
95
'.rounded-b',
96
- "border-bottom-right-radius: .25rem;\nborder-bottom-left-radius: .25rem;",
96
+ "border-bottom-right-radius: 0 .25rem;\nborder-bottom-left-radius: 0 .25rem;",
97
97
"Apply the default border radius to the bottom corners of an element.",
98
98
] ,
99
99
[
100
100
'.rounded-l',
101
- "border-top-left-radius: .25rem;\nborder-bottom-left-radius: .25rem;",
101
+ "border-top-left-radius: 0 .25rem;\nborder-bottom-left-radius: 0 .25rem;",
102
102
"Apply the default border radius to the left corners of an element.",
103
103
] ,
104
104
[
105
105
'.rounded-t-md',
106
- "border-top-left-radius: .375rem;\nborder-top-right-radius: .375rem;",
106
+ "border-top-left-radius: 0 .375rem;\nborder-top-right-radius: 0 .375rem;",
107
107
"Apply a medium border radius to the top corners of an element.",
108
108
] ,
109
109
[
110
110
'.rounded-r-md',
111
- "border-top-right-radius: .375rem;\nborder-bottom-right-radius: .375rem;",
111
+ "border-top-right-radius: 0 .375rem;\nborder-bottom-right-radius: 0 .375rem;",
112
112
"Apply a medium border radius to the right corners of an element.",
113
113
] ,
114
114
[
115
115
'.rounded-b-md',
116
- "border-bottom-right-radius: .375rem;\nborder-bottom-left-radius: .375rem;",
116
+ "border-bottom-right-radius: 0 .375rem;\nborder-bottom-left-radius: 0 .375rem;",
117
117
"Apply a medium border radius to the bottom corners of an element.",
118
118
] ,
119
119
[
120
120
'.rounded-l-md',
121
- "border-top-left-radius: .375rem;\nborder-bottom-left-radius: .375rem;",
121
+ "border-top-left-radius: 0 .375rem;\nborder-bottom-left-radius: 0 .375rem;",
122
122
"Apply a medium border radius to the left corners of an element.",
123
123
] ,
124
124
[
125
125
'.rounded-t-lg',
126
- "border-top-left-radius: .5rem;\nborder-top-right-radius: .5rem;",
126
+ "border-top-left-radius: 0 .5rem;\nborder-top-right-radius: 0 .5rem;",
127
127
"Apply a large border radius to the top corners of an element.",
128
128
] ,
129
129
[
130
130
'.rounded-r-lg',
131
- "border-top-right-radius: .5rem;\nborder-bottom-right-radius: .5rem;",
131
+ "border-top-right-radius: 0 .5rem;\nborder-bottom-right-radius: 0 .5rem;",
132
132
"Apply a large border radius to the right corners of an element.",
133
133
] ,
134
134
[
135
135
'.rounded-b-lg',
136
- "border-bottom-right-radius: .5rem;\nborder-bottom-left-radius: .5rem;",
136
+ "border-bottom-right-radius: 0 .5rem;\nborder-bottom-left-radius: 0 .5rem;",
137
137
"Apply a large border radius to the bottom corners of an element.",
138
138
] ,
139
139
[
140
140
'.rounded-l-lg',
141
- "border-top-left-radius: .5rem;\nborder-bottom-left-radius: .5rem;",
141
+ "border-top-left-radius: 0 .5rem;\nborder-bottom-left-radius: 0 .5rem;",
142
142
"Apply a large border radius to the left corners of an element.",
143
143
] ,
144
144
[
@@ -183,82 +183,82 @@ features:
183
183
] ,
184
184
[
185
185
'.rounded-tl-sm',
186
- 'border-top-left-radius: .125rem;',
186
+ 'border-top-left-radius: 0 .125rem;',
187
187
"Apply a small border radius to the top left corner of an element.",
188
188
] ,
189
189
[
190
190
'.rounded-tr-sm',
191
- 'border-top-right-radius: .125rem;',
191
+ 'border-top-right-radius: 0 .125rem;',
192
192
"Apply a small border radius to the top right corner of an element.",
193
193
] ,
194
194
[
195
195
'.rounded-br-sm',
196
- 'border-bottom-right-radius: .125rem;',
196
+ 'border-bottom-right-radius: 0 .125rem;',
197
197
"Apply a small border radius to the bottom right corner of an element.",
198
198
] ,
199
199
[
200
200
'.rounded-bl-sm',
201
- 'border-bottom-left-radius: .125rem;',
201
+ 'border-bottom-left-radius: 0 .125rem;',
202
202
"Apply a small border radius to the bottom left corner of an element.",
203
203
] ,
204
204
[
205
205
'.rounded-tl',
206
- 'border-top-left-radius: .25rem;',
206
+ 'border-top-left-radius: 0 .25rem;',
207
207
"Apply the default border radius to the top left corner of an element.",
208
208
] ,
209
209
[
210
210
'.rounded-tr',
211
- 'border-top-right-radius: .25rem;',
211
+ 'border-top-right-radius: 0 .25rem;',
212
212
"Apply the default border radius to the top right corner of an element.",
213
213
] ,
214
214
[
215
215
'.rounded-br',
216
- 'border-bottom-right-radius: .25rem;',
216
+ 'border-bottom-right-radius: 0 .25rem;',
217
217
"Apply the default border radius to the bottom right corner of an element.",
218
218
] ,
219
219
[
220
220
'.rounded-bl',
221
- 'border-bottom-left-radius: .25rem;',
221
+ 'border-bottom-left-radius: 0 .25rem;',
222
222
"Apply the default border radius to the bottom left corner of an element.",
223
223
] ,
224
224
[
225
225
'.rounded-tl-md',
226
- 'border-top-left-radius: .375rem;',
226
+ 'border-top-left-radius: 0 .375rem;',
227
227
"Apply a medium border radius to the top left corner of an element.",
228
228
] ,
229
229
[
230
230
'.rounded-tr-md',
231
- 'border-top-right-radius: .375rem;',
231
+ 'border-top-right-radius: 0 .375rem;',
232
232
"Apply a medium border radius to the top right corner of an element.",
233
233
] ,
234
234
[
235
235
'.rounded-br-md',
236
- 'border-bottom-right-radius: .375rem;',
236
+ 'border-bottom-right-radius: 0 .375rem;',
237
237
"Apply a medium border radius to the bottom right corner of an element.",
238
238
] ,
239
239
[
240
240
'.rounded-bl-md',
241
- 'border-bottom-left-radius: .375rem;',
241
+ 'border-bottom-left-radius: 0 .375rem;',
242
242
"Apply a medium border radius to the bottom left corner of an element.",
243
243
] ,
244
244
[
245
245
'.rounded-tl-lg',
246
- 'border-top-left-radius: .5rem;',
246
+ 'border-top-left-radius: 0 .5rem;',
247
247
"Apply a large border radius to the top left corner of an element.",
248
248
] ,
249
249
[
250
250
'.rounded-tr-lg',
251
- 'border-top-right-radius: .5rem;',
251
+ 'border-top-right-radius: 0 .5rem;',
252
252
"Apply a large border radius to the top right corner of an element.",
253
253
] ,
254
254
[
255
255
'.rounded-br-lg',
256
- 'border-bottom-right-radius: .5rem;',
256
+ 'border-bottom-right-radius: 0 .5rem;',
257
257
"Apply a large border radius to the bottom right corner of an element.",
258
258
] ,
259
259
[
260
260
'.rounded-bl-lg',
261
- 'border-bottom-left-radius: .5rem;',
261
+ 'border-bottom-left-radius: 0 .5rem;',
262
262
"Apply a large border radius to the bottom left corner of an element.",
263
263
] ,
264
264
[
@@ -409,11 +409,11 @@ By default Tailwind provides five border radius size utilities. You can change,
409
409
410
410
@component ('_ partials.customized-config', [ 'key' => 'theme.borderRadius'] )
411
411
'none': '0',
412
- - 'sm': '.125rem',
413
- - default: '.25rem',
412
+ - 'sm': '0 .125rem',
413
+ - default: '0 .25rem',
414
414
+ default: '4px',
415
- - 'md': '.375rem',
416
- - 'lg': '.5rem',
415
+ - 'md': '0 .375rem',
416
+ - 'lg': '0 .5rem',
417
417
- 'full': '9999px',
418
418
+ 'large': '12px',
419
419
@endcomponent
0 commit comments