| ... | ... |
@@ -1,35 +1,35 @@ |
| 1 |
-@import "clay"; |
|
| 2 |
- |
|
| 3 |
-button, |
|
| 4 |
-.button {
|
|
| 5 |
- @include font-pfdin(medium); |
|
| 6 |
- @include font-size(1); |
|
| 7 |
- text-transform: uppercase; |
|
| 8 |
- background-color: $color-gray-7; |
|
| 9 |
- border-radius: $border-radius; |
|
| 10 |
- border: none; |
|
| 11 |
- display: inline-block; |
|
| 12 |
- |
|
| 13 |
- color: $color-white; |
|
| 14 |
- min-width: 12rem; |
|
| 15 |
- text-align: center; |
|
| 16 |
- margin: 0 auto $item-spacing-v; |
|
| 17 |
- padding: $button-padding; |
|
| 18 |
- |
|
| 19 |
- @include tap-highlight($color-gray-8); |
|
| 20 |
- |
|
| 21 |
- .platform-ios & {
|
|
| 22 |
- padding: $button-padding-ios; |
|
| 23 |
- } |
|
| 24 |
- |
|
| 25 |
- &.primary, &[type="submit"] {
|
|
| 26 |
- background-color: $color-orange; |
|
| 27 |
- |
|
| 28 |
- @include tap-highlight($color-red); |
|
| 29 |
- } |
|
| 30 |
-} |
|
| 31 |
- |
|
| 32 |
-a.button {
|
|
| 33 |
- text-decoration: none; |
|
| 34 |
- color: $color-white; |
|
| 35 |
-} |
|
| 1 |
+@import "clay"; |
|
| 2 |
+ |
|
| 3 |
+button, |
|
| 4 |
+.button {
|
|
| 5 |
+ @include font-pfdin(medium); |
|
| 6 |
+ @include font-size(1); |
|
| 7 |
+ text-transform: uppercase; |
|
| 8 |
+ background-color: $color-gray-7; |
|
| 9 |
+ border-radius: $border-radius; |
|
| 10 |
+ border: none; |
|
| 11 |
+ display: inline-block; |
|
| 12 |
+ |
|
| 13 |
+ color: $color-white; |
|
| 14 |
+ min-width: 12rem; |
|
| 15 |
+ text-align: center; |
|
| 16 |
+ margin: 0 auto $item-spacing-v; |
|
| 17 |
+ padding: $button-padding; |
|
| 18 |
+ |
|
| 19 |
+ @include tap-highlight($color-gray-8); |
|
| 20 |
+ |
|
| 21 |
+ .platform-ios & {
|
|
| 22 |
+ padding: $button-padding-ios; |
|
| 23 |
+ } |
|
| 24 |
+ |
|
| 25 |
+ &.primary, &[type="submit"] {
|
|
| 26 |
+ background-color: $color-orange; |
|
| 27 |
+ |
|
| 28 |
+ @include tap-highlight($color-red); |
|
| 29 |
+ } |
|
| 30 |
+} |
|
| 31 |
+ |
|
| 32 |
+a.button {
|
|
| 33 |
+ text-decoration: none; |
|
| 34 |
+ color: $color-white; |
|
| 35 |
+} |
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,35 @@ |
| 1 |
+@import "clay"; |
|
| 2 |
+ |
|
| 3 |
+button, |
|
| 4 |
+.button {
|
|
| 5 |
+ @include font-pfdin(medium); |
|
| 6 |
+ @include font-size(1); |
|
| 7 |
+ text-transform: uppercase; |
|
| 8 |
+ background-color: $color-gray-7; |
|
| 9 |
+ border-radius: $border-radius; |
|
| 10 |
+ border: none; |
|
| 11 |
+ display: inline-block; |
|
| 12 |
+ |
|
| 13 |
+ color: $color-white; |
|
| 14 |
+ min-width: 12rem; |
|
| 15 |
+ text-align: center; |
|
| 16 |
+ margin: 0 auto $item-spacing-v; |
|
| 17 |
+ padding: $button-padding; |
|
| 18 |
+ |
|
| 19 |
+ @include tap-highlight($color-gray-8); |
|
| 20 |
+ |
|
| 21 |
+ .platform-ios & {
|
|
| 22 |
+ padding: $button-padding-ios; |
|
| 23 |
+ } |
|
| 24 |
+ |
|
| 25 |
+ &.primary, &[type="submit"] {
|
|
| 26 |
+ background-color: $color-orange; |
|
| 27 |
+ |
|
| 28 |
+ @include tap-highlight($color-red); |
|
| 29 |
+ } |
|
| 30 |
+} |
|
| 31 |
+ |
|
| 32 |
+a.button {
|
|
| 33 |
+ text-decoration: none; |
|
| 34 |
+ color: $color-white; |
|
| 35 |
+} |