Add Payment Request demo content.
[WebKit-https.git] / Websites / webkit.org / demos / payment-request / style.css
1 @supports (-webkit-appearance: -apple-pay-button) {
2     .apple-pay-button {
3         display: inline-block;
4         -webkit-appearance: -apple-pay-button;
5         -apple-pay-button-type: buy;
6         width: 50px;
7     }
8 }
9
10 .apple-pay-not-supported::before {
11     content: "Apple Pay not supported";
12     color: grey;
13 }
14
15 .hidden {
16     visibility: hidden;
17 }
18
19 #black-buttons > .apple-pay-button {
20         -apple-pay-button-style: black;
21 }
22
23 #white-buttons > .apple-pay-button {
24         -apple-pay-button-style: white-outline;
25 }
26
27 #demo {
28         border: 1px solid black;
29         border-radius: 5px;
30         text-align: center;
31 }
32
33 #description {
34         font-family: -apple-system;
35         font-style: italic;
36         font-size: 20px;
37 }