UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

polaris.shopify.com/components

Shopify/polaris

36 lines (24 loc) • 3.2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/* stylelint-disable unit-disallowed-list */ /* stylelint-disable length-zero-no-unit */ /* Breakpoints - Aliases */ /* Breakpoints - Media conditions */ .Polaris-DescriptionList_2sz2o { margin: 0; padding: 0; word-break: break-word; } @media (max-width: 48.0625em) and (min-width: 36.875em), (min-width: 51.875em) { [data-has-navigation] .Polaris-DescriptionList_2sz2o { display: flex; flex-wrap: wrap; align-items: flex-start; } } @media (min-width: 36.875em) { .Polaris-DescriptionList_2sz2o { display: flex; flex-wrap: wrap; align-items: flex-start; } } .Polaris-DescriptionList__Term_yiyxp { font-weight: var(--p-font-weight-semibold); padding: var(--p-space-4) 0 var(--p-space-2); } .Polaris-DescriptionList--spacingTight_1o4d6 .Polaris-DescriptionList__Term_yiyxp { padding: var(--p-space-2) 0 var(--p-space-1); } @media (max-width: 48.0625em) and (min-width: 36.875em), (min-width: 51.875em) { [data-has-navigation] .Polaris-DescriptionList__Term_yiyxp { flex: 0 1 25%; padding: var(--p-space-4) var(--p-space-4) var(--p-space-4) 0; } .Polaris-DescriptionList--spacingTight_1o4d6 [data-has-navigation] .Polaris-DescriptionList__Term_yiyxp { padding: var(--p-space-2) var(--p-space-2) var(--p-space-2) 0; } .Polaris-DescriptionList__Description_s1jgm + [data-has-navigation] .Polaris-DescriptionList__Term_yiyxp + .Polaris-DescriptionList__Description_s1jgm { border-top: var(--p-border-divider); } } @media (min-width: 36.875em) { .Polaris-DescriptionList__Term_yiyxp { flex: 0 1 25%; padding: var(--p-space-4) var(--p-space-4) var(--p-space-4) 0; } .Polaris-DescriptionList--spacingTight_1o4d6 .Polaris-DescriptionList__Term_yiyxp { padding: var(--p-space-2) var(--p-space-2) var(--p-space-2) 0; } .Polaris-DescriptionList__Description_s1jgm + .Polaris-DescriptionList__Term_yiyxp + .Polaris-DescriptionList__Description_s1jgm { border-top: var(--p-border-divider); } } .Polaris-DescriptionList__Description_s1jgm { margin-left: 0; padding: 0 0 var(--p-space-4); } .Polaris-DescriptionList--spacingTight_1o4d6 .Polaris-DescriptionList__Description_s1jgm { padding: 0 0 var(--p-space-2); } .Polaris-DescriptionList__Description_s1jgm + .Polaris-DescriptionList__Term_yiyxp { border-top: var(--p-border-divider); } @media (max-width: 48.0625em) and (min-width: 36.875em), (min-width: 51.875em) { [data-has-navigation] .Polaris-DescriptionList__Description_s1jgm { flex: 1 1 51%; padding: var(--p-space-4) 0; } .Polaris-DescriptionList--spacingTight_1o4d6 [data-has-navigation] .Polaris-DescriptionList__Description_s1jgm { padding: var(--p-space-2) 0; } [data-has-navigation] .Polaris-DescriptionList__Description_s1jgm + .Polaris-DescriptionList__Term_yiyxp + .Polaris-DescriptionList__Description_s1jgm { border-top: var(--p-border-divider); } } @media (min-width: 36.875em) { .Polaris-DescriptionList__Description_s1jgm { flex: 1 1 51%; padding: var(--p-space-4) 0; } .Polaris-DescriptionList--spacingTight_1o4d6 .Polaris-DescriptionList__Description_s1jgm { padding: var(--p-space-2) 0; } .Polaris-DescriptionList__Description_s1jgm + .Polaris-DescriptionList__Term_yiyxp + .Polaris-DescriptionList__Description_s1jgm { border-top: var(--p-border-divider); } }