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;
22 // Ensure that buttons and inputs are nicely aligned when they have differing heights
23 vertical-align: middle;
27 text-decoration: none;
31 // Interaction styling
39 // Button sizes and displays
40 // -----------------------------------------
42 font-size: @baseFontSize * 1.3;
50 // This overrides an underline declaration on a:hover and a:focus in commonElements.css, which the
51 // class alone isn't specific enough to do
53 text-decoration: none;
57 .mw-ui-button-group > * {
62 border-top-left-radius: @buttonBorderRadius;
63 border-bottom-left-radius: @buttonBorderRadius;
67 border-top-right-radius: @buttonBorderRadius;
68 border-bottom-right-radius: @buttonBorderRadius;