1 | :host { font-size: 16px; }
|
2 |
|
3 | .product-title { font-size: 24px; }
|
4 | @media screen and (min-width: 600px) { .product-title { font-size: 32px; } }
|
5 |
|
6 | va-mat-card { margin-bottom: 24px; }
|
7 |
|
8 | .product-overview { display: flex; flex-wrap: wrap; border-bottom: 1px solid #e0e0e0; }
|
9 | .product-overview h1 { margin: 0; font-weight: normal; line-height: 1.2; }
|
10 | .product-overview mat-chip { margin-bottom: 3px; }
|
11 |
|
12 | .product-id { display: flex; width: 100%; padding: 24px; flex-grow: 1; }
|
13 | .product-id va-icon { margin-right: 20px; }
|
14 | @media screen and (max-width: 600px) { .product-id va-icon ::ng-deep .va-icon-container { width: 40px !important; height: 40px !important; }
|
15 | .product-id va-icon ::ng-deep .va-icon-container span { line-height: 40px !important; font-size: 15px !important; } }
|
16 | .product-id .product-id-text { display: flex; flex-direction: column; justify-content: center; }
|
17 | .product-id span { display: block; overflow: hidden; }
|
18 | .product-id .tagline { color: #616161; margin: 0.5em 0 1em; font-size: 16px; }
|
19 | @media screen and (min-width: 600px) { .product-id .tagline { font-size: 20px; } }
|
20 | @media screen and (min-width: 600px) { .product-id { width: 66%; padding-right: 20px; } }
|
21 |
|
22 | .inline-link { display: inline-flex !important; color: #1e88e5; cursor: pointer; padding-top: 5px; }
|
23 |
|
24 | .pricing { display: flex; flex-direction: column; width: 100%; padding: 0 24px 24px; color: #616161; }
|
25 | @media screen and (min-width: 600px) { .pricing { width: 34%; padding-top: 24px; padding-left: 20px; } }
|
26 | .pricing span { display: block; }
|
27 | .pricing span:nth-child(2) { margin: 0.5em 0 1em; }
|
28 | .pricing .price { font-size: 24px; font-weight: bold; line-height: 1; color: #4caf50; }
|
29 | .pricing .price-box { padding-top: 10px; }
|
30 |
|
31 | .app-enable-button { height: inherit; color: #ffffff; background-color: #4caf50; font-size: 20px; padding: 14px 16px; line-height: 1; }
|
32 |
|
33 | .addon-enable { height: inherit; background-color: #e0e0e0; font-size: 14px; padding: 14px 16px; line-height: 1; color: #1e88e5; cursor: pointer; text-align: center; }
|
34 |
|
35 | .wholesale-price { margin-top: 0; padding-bottom: 8px; margin-bottom: 4px; border-bottom: 1px solid #e0e0e0; }
|
36 |
|
37 | .stencil-title { height: 32px; width: 200px; margin-bottom: 5px !important; }
|
38 |
|
39 | .stencil-tagline { height: 32px; width: 250px; }
|