Lines Matching +full:- +full:- +full:pretty
4 @import "../functions/button-size";
8 display: inline-block;
10 background: $default-color;
11 -webkit-appearance: none;
12 font-family: $font-family;
13 font-weight: $button-font-weight;
15 text-align: center;
16 .pretty & { @extend .pretty.btn; } class
21 padding: 0 $default-button-padding;
30 font-size: 100%;
32 font-weight: $type-font-weight;
40 @include button-size(xlarge);
43 @include button-size(large);
46 @include button-size(medium);
52 @include button-size(small);
54 padding: 0 ms(-1);
62 &.pill-left {
63 @include shape(pill-left);
66 &.pill-right {
67 @include shape(pill-right);
73 @each $shade in $ui-coloring {
105 .btn.pretty.squared, class
106 .pretty .btn.squared { class
107 @include border-radius(0);
110 .btn.pretty, class
111 .skiplink.pretty, class
114 @include border-radius($button-radius);
120 &.pretty { class
121 @each $grade in $ui-coloring {
123 …@include background-image(linear-gradient(lighten(nth($grade, 2), 20%), saturate(nth($grade, 2), 5…
124 @include box-shadow(inset 0 0 3px lighten(nth($grade, 2), 45%));
127 …@include background-image(linear-gradient(lighten(nth($grade, 3), 15%), saturate(nth($grade, 3), 5…
128 @include box-shadow(inset 0 0 3px lighten(nth($grade, 3), 40%));
132 …@include background-image(linear-gradient(saturate(nth($grade, 2), 5%), lighten(nth($grade, 2), 20…
133 @include box-shadow(inset 0 0 3px lighten(nth($grade, 2), 50%));
137 text-shadow: 0 1px 1px lighten(nth($grade, 2), 20%);
143 text-shadow: 0 1px 1px lighten(nth($grade, 2), 20%);
148 text-shadow: 0 1px 1px darken(nth($grade, 2), 20%);