|
8 | 8 | * -------------------------------------------------------------------------- */
|
9 | 9 |
|
10 | 10 | :root {
|
11 |
| - --codeplayer-vp-c-brand: #006aff; |
12 |
| - --codeplayer-vp-c-brand-light: #2e8cff; |
13 |
| - --codeplayer-vp-c-brand-lighter: #5dabff; |
14 |
| - --codeplayer-vp-c-brand-lightest: #8bc7ff; |
15 |
| - --codeplayer-vp-c-brand-dark: #0051d2; |
16 |
| - --codeplayer-vp-c-brand-darker: #003aa6; |
17 |
| - --codeplayer-vp-c-brand-dimm: rgba(100, 108, 255, 0.08); |
| 11 | + --vp-c-brand: #006aff; |
| 12 | + --vp-c-brand-light: #2e8cff; |
| 13 | + --vp-c-brand-lighter: #5dabff; |
| 14 | + --vp-c-brand-lightest: #8bc7ff; |
| 15 | + --vp-c-brand-dark: #0051d2; |
| 16 | + --vp-c-brand-darker: #003aa6; |
| 17 | + --vp-c-brand-dimm: rgba(100, 108, 255, 0.08); |
18 | 18 | }
|
19 | 19 |
|
20 | 20 | /**
|
21 | 21 | * Component: Button
|
22 | 22 | * -------------------------------------------------------------------------- */
|
23 | 23 |
|
24 | 24 | :root {
|
25 |
| - --codeplayer-vp-button-brand-border: var(--codeplayer-vp-c-brand-light); |
26 |
| - --codeplayer-vp-button-brand-text: var(--codeplayer-vp-c-white); |
27 |
| - --codeplayer-vp-button-brand-bg: var(--codeplayer-vp-c-brand); |
28 |
| - --codeplayer-vp-button-brand-hover-border: var(--codeplayer-vp-c-brand-light); |
29 |
| - --codeplayer-vp-button-brand-hover-text: var(--codeplayer-vp-c-white); |
30 |
| - --codeplayer-vp-button-brand-hover-bg: var(--codeplayer-vp-c-brand-light); |
31 |
| - --codeplayer-vp-button-brand-active-border: var( |
32 |
| - --codeplayer-vp-c-brand-light |
33 |
| - ); |
34 |
| - --codeplayer-vp-button-brand-active-text: var(--codeplayer-vp-c-white); |
35 |
| - --codeplayer-vp-button-brand-active-bg: var(--codeplayer-vp-button-brand-bg); |
| 25 | + --vp-button-brand-border: var(--vp-c-brand); |
| 26 | + --vp-button-brand-text: var(--vp-c-white); |
| 27 | + --vp-button-brand-bg: var(--vp-c-brand); |
| 28 | + --vp-button-brand-hover-border: var(--vp-c-brand-light); |
| 29 | + --vp-button-brand-hover-text: var(--vp-c-white); |
| 30 | + --vp-button-brand-hover-bg: var(--vp-c-brand-light); |
| 31 | + --vp-button-brand-active-border: var(--vp-c-brand-light); |
| 32 | + --vp-button-brand-active-text: var(--vp-c-white); |
| 33 | + --vp-button-brand-active-bg: var(--vp-button-brand-bg); |
36 | 34 | }
|
37 | 35 |
|
38 | 36 | /**
|
39 | 37 | * Component: Home
|
40 | 38 | * -------------------------------------------------------------------------- */
|
41 | 39 |
|
42 | 40 | :root {
|
43 |
| - --codeplayer-vp-home-hero-name-color: transparent; |
44 |
| - --codeplayer-vp-home-hero-name-background: -webkit-linear-gradient( |
| 41 | + --vp-home-hero-name-color: transparent; |
| 42 | + --vp-home-hero-name-background: -webkit-linear-gradient( |
45 | 43 | 120deg,
|
46 |
| - #006aff 30%, |
47 |
| - #41d1ff |
| 44 | + #006aff 20%, |
| 45 | + #8bc7ff |
48 | 46 | );
|
49 | 47 |
|
50 |
| - --codeplayer-vp-home-hero-image-background-image: linear-gradient( |
| 48 | + --vp-home-hero-image-background-image: linear-gradient( |
51 | 49 | -45deg,
|
52 |
| - #bae0ff 80%, |
53 |
| - #41d1ff 80% |
| 50 | + rgba(250, 78, 62, 0.5) 50%, |
| 51 | + rgba(0, 106, 255, 0.5) 50% |
54 | 52 | );
|
55 |
| - --codeplayer-vp-home-hero-image-filter: blur(40px); |
| 53 | + --vp-home-hero-image-filter: blur(40px); |
56 | 54 | }
|
57 | 55 |
|
58 | 56 | @media (min-width: 640px) {
|
59 | 57 | :root {
|
60 |
| - --codeplayer-vp-home-hero-image-filter: blur(56px); |
| 58 | + --vp-home-hero-image-filter: blur(56px); |
61 | 59 | }
|
62 | 60 | }
|
63 | 61 |
|
64 | 62 | @media (min-width: 960px) {
|
65 | 63 | :root {
|
66 |
| - --codeplayer-vp-home-hero-image-filter: blur(72px); |
| 64 | + --vp-home-hero-image-filter: blur(72px); |
67 | 65 | }
|
68 | 66 | }
|
69 | 67 |
|
|
72 | 70 | * -------------------------------------------------------------------------- */
|
73 | 71 |
|
74 | 72 | :root {
|
75 |
| - --codeplayer-vp-custom-block-tip-border: var(--codeplayer-vp-c-brand); |
76 |
| - --codeplayer-vp-custom-block-tip-text: var(--codeplayer-vp-c-brand-darker); |
77 |
| - --codeplayer-vp-custom-block-tip-bg: var(--codeplayer-vp-c-brand-dimm); |
| 73 | + --vp-custom-block-tip-border: var(--vp-c-brand); |
| 74 | + --vp-custom-block-tip-text: var(--vp-c-brand-darker); |
| 75 | + --vp-custom-block-tip-bg: var(--vp-c-brand-dimm); |
78 | 76 | }
|
79 | 77 |
|
80 | 78 | .dark {
|
81 |
| - --codeplayer-vp-custom-block-tip-border: var(--codeplayer-vp-c-brand); |
82 |
| - --codeplayer-vp-custom-block-tip-text: var(--codeplayer-vp-c-brand-lightest); |
83 |
| - --codeplayer-vp-custom-block-tip-bg: var(--codeplayer-vp-c-brand-dimm); |
| 79 | + --vp-custom-block-tip-border: var(--vp-c-brand); |
| 80 | + --vp-custom-block-tip-text: var(--vp-c-brand-lightest); |
| 81 | + --vp-custom-block-tip-bg: var(--vp-c-brand-dimm); |
84 | 82 | }
|
85 | 83 |
|
86 | 84 | /**
|
87 | 85 | * Component: Algolia
|
88 | 86 | * -------------------------------------------------------------------------- */
|
89 | 87 |
|
90 | 88 | .DocSearch {
|
91 |
| - --codeplayer-docsearch-primary-color: var(--codeplayer-vp-c-brand) !important; |
| 89 | + --docsearch-primary-color: var(--vp-c-brand) !important; |
92 | 90 | }
|
93 | 91 |
|
94 |
| -.options-table { |
95 |
| - display: table; |
96 |
| - width: 100%; |
97 |
| - th, |
98 |
| - td { |
99 |
| - overflow: hidden; |
100 |
| - word-break: break-all; |
| 92 | +.VPDoc { |
| 93 | + & > .container { |
| 94 | + & > .content { |
| 95 | + padding-left: 0; |
| 96 | + padding-right: 0; |
| 97 | + .content-container { |
| 98 | + min-width: 100% !important; |
| 99 | + } |
| 100 | + } |
101 | 101 | }
|
102 | 102 | }
|
0 commit comments