Sha256: c8167ff284a374ded6c709c0889faa55dc9cd7355c0bf873bc75ca2bc868e818
Contents?: true
Size: 1.35 KB
Versions: 21
Compression:
Stored size: 1.35 KB
Contents
@import "design-patterns/buttons";
@import "mixins/media-down";
@import "mixins/margins";
%gem-c-button,
.gem-c-button {
@include button;
@media(max-width: 425px) {
box-sizing: border-box;
width: 100%;
text-align: center;
}
&:focus {
outline: 3px solid $focus-colour;
}
}
// this will be moved and extended into a model for general component spacing
// once this has been decided upon and other work completed, see:
// https://trello.com/c/KEkNsxG3/142-3-implement-customisable-spacing-for-components
.gem-c-button--bottom-margin {
@include responsive-bottom-margin;
}
%gem-c-button--start,
.gem-c-button--start {
@include bold-24($line-height: (24 / 20));
display: inline-block;
padding: 0.6em 1.7em 0.45em 0.67em;
@include media(tablet) {
padding-top: 0.3em;
padding-bottom: 0.15em;
}
background-image: image-url("govuk_publishing_components/icon-pointer.png");
background-position: 100% 50%;
background-repeat: no-repeat;
@include media-down(mobile) {
background-position: center right -.35em;
}
@include device-pixel-ratio() {
background-image: image-url("govuk_publishing_components/icon-pointer-2x.png");
background-size: 30px 19px;
}
}
// scss-lint:disable SelectorFormat
.gem-c-button__info-text {
display: block;
margin-top: .5em;
max-width: 14em;
}
// scss-lint:enable SelectorFormat
Version data entries
21 entries across 21 versions & 1 rubygems