Browse code
build
Louis authored on25/08/2018 23:51:28 Showing1 changed files
| 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 |
+} |