Sha256: a41fbd43d1c04b645d0ab5d87e71610f881c508e1f92aed8751e26995c48d8b2
Contents?: true
Size: 1.29 KB
Versions: 11
Compression:
Stored size: 1.29 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("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("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
11 entries across 11 versions & 1 rubygems