// Buttons // ========================================================================== // GOV.UK front end toolkit dependencies @import "design-patterns/buttons"; @import "measurements"; @import "typography"; .button { @include button ($button-colour); margin: 0 $gutter-half $gutter-half 0; padding: em(10) em(15) em(5) em(15); vertical-align: top; } // Fix unwanted button padding in Firefox .button::-moz-focus-inner { border: 0; padding: 0; } .button:focus { outline: 3px solid $focus-colour; } // Disabled buttons .button[disabled="disabled"] { background: $button-colour; } .button[disabled="disabled"]:focus { outline: none; } // Start now buttons .button-get-started { @include bold-24; background-image: file-url("icons/icon-pointer.png"); background-repeat: no-repeat; background-position: 100% 50%; padding: em(7) em(41) em(4) em(16); @include device-pixel-ratio { background-image: file-url("icons/icon-pointer-2x.png"); background-size: 30px 19px; } @include ie(6) { background-image: file-url("icons/icon-pointer-2x.png"); } }