1 @import "../../settings/typography";
2 @import "../../mixins/effects";
4 @buttonBorderRadius: 3px;
10 padding: 0.4em 1em 0.4em 1em;
14 // http://stackoverflow.com/a/5838575/365238
20 border-radius: @buttonBorderRadius;
23 vertical-align: middle;
26 text-decoration: none;
30 // Interaction styling
38 // Button sizes and displays
39 // -----------------------------------------
41 font-size: @baseFontSize * 1.3;
49 // This overrides an underline declaration on a:hover and a:focus in commonElements.css, which the
50 // class alone isn't specific enough to do
52 text-decoration: none;
56 .mw-ui-button-group > * {
61 border-top-left-radius: @buttonBorderRadius;
62 border-bottom-left-radius: @buttonBorderRadius;
66 border-top-right-radius: @buttonBorderRadius;
67 border-bottom-right-radius: @buttonBorderRadius;