Skip to content

Commit 85643ca

Browse files
Theme: adjust border radius for icon-only buttons
1 parent e6b36ec commit 85643ca

File tree

1 file changed

+19
-15
lines changed

1 file changed

+19
-15
lines changed

css/themes/default/jquery.mobile.theme.css

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -329,14 +329,32 @@ a.ui-link-inherit {
329329

330330
/* Structure */
331331

332-
/* corner rounding classes
332+
/* Corner rounding classes
333333
-----------------------------------------------------------------------------------------------------------*/
334334

335335
.ui-corner-all {
336336
-webkit-border-radius: .6em /*{global-radii-blocks}*/;
337337
border-radius: .6em /*{global-radii-blocks}*/;
338338
}
339339

340+
.ui-btn-corner-all {
341+
-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
342+
border-radius: .3125em /*{global-radii-buttons}*/;
343+
}
344+
345+
.ui-btn-icon-notext.ui-btn-corner-all {
346+
-webkit-border-radius: 1em /*{global-radii-icononly}*/;
347+
border-radius: 1em /*{global-radii-icononly}*/;
348+
}
349+
350+
351+
/* radius clip workaround for cleaning up corner trapping */
352+
.ui-corner-all,
353+
.ui-btn-corner-all {
354+
-webkit-background-clip: padding;
355+
background-clip: padding-box;
356+
}
357+
340358
/* Form field separator
341359
-----------------------------------------------------------------------------------------------------------*/
342360
.ui-br {
@@ -597,20 +615,6 @@ a.ui-link-inherit {
597615
background-size: 46px 46px;
598616
}
599617

600-
/* Button corner class
601-
-----------------------------------------------------------------------------------------------------------*/
602-
.ui-btn-corner-all {
603-
-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
604-
border-radius: .3125em /*{global-radii-buttons}*/;
605-
}
606-
607-
/* radius clip workaround for cleaning up corner trapping */
608-
.ui-corner-all,
609-
.ui-btn-corner-all {
610-
-webkit-background-clip: padding;
611-
background-clip: padding-box;
612-
}
613-
614618
/* Overlay / modal
615619
-----------------------------------------------------------------------------------------------------------*/
616620

0 commit comments

Comments
 (0)