microsoft/hve-core

Public

mirrored from https://github.com/microsoft/hve-coreAvailable

Watch0 Fork0 Star0

Code Commits Issues Pull requests Actions Insights Security

f8a782b1fa1bee7aa658d93fa8653335b52d6d63

Find a branch or tag

Branches

f8a782b1fa1bee7aa658d93fa8653335b52d6d63

Clone

HTTPS

Download ZIP

hve-core/docs/docusaurus/src/css

docs/docusaurus/src/css/custom.css

344lines · modeblame

Raw Download

Latest commit unavailable.

unknown

`569721b9`Jordan Knight4 months ago	1	`/**`
	2	`* MS Learn Architecture Center Color System`
	3	`* Three-blue palette: #005ba1 (hero), #0078d4 (cards), #0f6cbd (primary)`
	4	`* Dual-layer: Infima overrides + custom --ms-learn-* properties`
	5	`*/`
	6
	7	`@import 'remark-github-blockquote-alert/alert.css';`
	8
	9	`/* Segoe UI Variable web font (matches MS Learn) */`
	10	`@font-face {`
	11	`font-family: 'Segoe UI Variable Text';`
	12	`src: url('https://learn.microsoft.com/static/third-party/SegoeUIVariable/SegoeUI-VF.ttf') format('truetype-variations');`
	13	`font-weight: 100 700;`
	14	`font-style: normal;`
	15	`font-display: swap;`
	16	`}`
	17
	18	`@font-face {`
	19	`font-family: 'SegoeUI';`
	20	`src: url('https://learn.microsoft.com/static/third-party/SegoeUIWeb/1.01.206/SegoeUI-Roman-VF_web.woff2') format('woff2');`
	21	`font-weight: 100 700;`
	22	`font-style: normal;`
	23	`font-display: swap;`
	24	`}`
	25
	26	`/* Layer 1: Infima variable overrides */`
	27	`:root {`
	28	`--ifm-color-primary: #0f6cbd;`
	29	`--ifm-color-primary-dark: #115ea3;`
	30	`--ifm-color-primary-darker: #0c3b5e;`
	31	`--ifm-color-primary-darkest: #0a2e4a;`
	32	`--ifm-color-primary-light: #2886c7;`
	33	`--ifm-color-primary-lighter: #479ef5;`
	34	`--ifm-color-primary-lightest: #96c6fa;`
	35	`--ifm-background-color: #ffffff;`
	36	`--ifm-font-color-base: #161616;`
	37	`--ifm-link-color: #0065b3;`
	38	`--ifm-footer-background-color: #e8e6df;`
	39	`--ifm-card-background-color: #ffffff;`
	40	`--ifm-code-font-size: 95%;`
	41	`--ifm-font-family-base: 'Segoe UI', 'Segoe UI Variable Text', -apple-system, 'system-ui', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
	42	`--ifm-heading-font-family: 'Segoe UI', 'Segoe UI Variable Text', -apple-system, 'system-ui', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
	43	`--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);`
	44
	45	`/* Heading sizes to match MS Learn */`
	46	`--ifm-h1-font-size: 2.5rem;`
	47	`--ifm-h2-font-size: 1.125rem;`
	48	`--ifm-h3-font-size: 1rem;`
	49	`--ifm-h4-font-size: 0.875rem;`
	50	`--ifm-heading-font-weight: 600;`
	51	`--ifm-line-height-base: 1.3;`
	52
	53	`/* Layer 2: Custom MS Learn properties */`
	54	`--ms-learn-hero-bg: #005ba1;`
	55	`--ms-learn-hero-gradient: linear-gradient(174.2deg, #005ba1 0%, #004d88 66.72%, #003e6e);`
	56	`--ms-learn-hero-text: #ffffff;`
	57	`--ms-learn-hero-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Cpath d='M8 6l10 10m0-10L8 16M38 36l10 10m0-10L38 46' stroke='%23000' stroke-opacity='0.08' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");`
	58	`--ms-learn-card-accent: #0078d4;`
	59	`--ms-learn-card-border: #e6e6e6;`
	60	`--ms-learn-text-subtle: #505050;`
	61	`--ms-learn-section-bg: #f2f2f2;`
	62	`--ms-learn-footer-bg: #e8e6df;`
	63	`--ms-learn-visited-link: #624991;`
	64	`--ms-learn-success: #107c10;`
65	`--ms-learn-danger: #bc2f32;`
66	`}`
67
68	`/* Link hover: MS Learn style (darker color + underline) */`
69	`a:hover {`
70	`color: var(--ifm-color-primary-dark);`
71	`text-decoration: underline;`
72	`}`
73
74	`/* No underline on card links */`
75	`a[class*="cardContainer"]:hover,`
76	`a[class*="card"]:hover {`
77	`text-decoration: none;`
78	`}`
79
80	`a:visited {`
81	`color: inherit;`
82	`}`
83
84	`/* Navbar link hover: no underline in nav */`
85	`.navbar__link:hover {`
86	`text-decoration: none;`
87	`}`
88
89	`.navbar__link:visited {`
90	`color: inherit;`
91	`}`
92
93	`/* Navbar: MS Learn-style sizing */`
94	`.navbar {`
95	`height: 54px;`
96	`padding: 0 24px;`
97	`}`
98
99	`.navbar__brand {`
100	`gap: 0;`
101	`}`
102
103	`.navbar__logo {`
104	`margin-right: 8px;`
105	`padding-right: 8px;`
106	`border-right: 2px solid #161616;`
107	`height: 24px;`
108	`}`
109
110	`.navbar__title {`
111	`font-size: 20px;`
112	`font-weight: 600;`
113	`}`
114
115	`.navbar__brand:hover {`
116	`text-decoration: none;`
117	`}`
118
119	`.navbar__brand:visited,`
120	`.navbar__brand {`
121	`color: inherit;`
122	`}`
123
124	`.navbar__title:hover {`
125	`text-decoration: underline;`
126	`text-underline-offset: 4px;`
127	`}`
128
129	`.navbar__link {`
130	`font-size: 14px;`
131	`font-weight: 400;`
132	`}`
133
134	`.dropdown > .navbar__link {`
135	`font-size: 14px;`
136	`font-weight: 400;`
137	`line-height: 18.2px;`
138	`padding: 4px 12px;`
139	`display: block;`
140	`}`
141
142	`.dropdown.navbar__item {`
143	`padding: 0;`
144	`}`
145
146	`/* Replace filled triangle dropdown arrow with chevron - only on dropdown items */`
147	`.navbar__link[aria-expanded]::after {`
148	`border: none;`
149	`content: '';`
150	`display: inline-block;`
151	`width: 5px;`
152	`height: 5px;`
153	`border-right: 1.5px solid currentColor;`
154	`border-bottom: 1.5px solid currentColor;`
155	`transform: rotate(45deg) translateY(-4px);`
156	`margin-left: 4px;`
157	`vertical-align: middle;`
158	`}`
159
160	`/* Navbar dark mode */`
161	`[data-theme='dark'] .navbar {`
162	`background-color: #1f1f1f;`
163	`border-bottom: 1px solid var(--ms-learn-card-border);`
164	`}`
165
166	`[data-theme='dark'] .navbar__logo {`
167	`border-right-color: #fff;`
168	`}`
169
170	`[data-theme='dark'] .navbar__title {`
171	`color: #fff;`
172	`}`
173
174	`[data-theme='dark'] .navbar__link {`
175	`color: #fff;`
176	`}`
177
178	`[data-theme='dark'] .navbar__link:hover {`
179	`color: #75b6e7;`
180	`}`
181
182	`/* Sidebar: MS Learn-style */`
183	`.menu__link {`
184	`font-size: 14px;`
185	`font-weight: 400;`
186	`line-height: 25.6px;`
187	`padding: 2px 0 2px 16px;`
`aa5b4bb0`Bill Berry4 months ago	188	`color: var(--ifm-font-color-base);`
`569721b9`Jordan Knight4 months ago	189	`}`
	190
	191	`.menu__link:hover {`
	192	`color: inherit;`
	193	`}`
	194
	195	`.menu__link:visited {`
	196	`color: inherit;`
	197	`}`
	198
	199	`.menu__link--active {`
	200	`font-weight: 600;`
	201	`color: var(--ifm-font-color-base);`
	202	`background-color: var(--ms-learn-section-bg);`
	203	`}`
	204
`aa5b4bb0`Bill Berry4 months ago	205	`[data-theme='dark'] .menu__link {`
	206	`color: #e6e6e6;`
	207	`}`
	208
`569721b9`Jordan Knight4 months ago	209	`.menu__list-item-collapsible > .menu__link {`
	210	`font-weight: 400;`
	211	`}`
	212
	213	`/* Move caret/chevron to left side of label */`
	214	`.menu__list-item-collapsible {`
	215	`flex-direction: row;`
	216	`}`
	217
	218	`.menu__caret {`
	219	`order: -1;`
	220	`padding: 0;`
	221	`margin-right: -4px;`
	222	`transform: scale(0.5);`
	223	`}`
	224
	225	`.menu__link--sublist {`
	226	`padding-left: 4px;`
	227	`}`
	228
	229	`/* Child items indented */`
	230	`.menu__list .menu__list {`
	231	`margin-left: 16px;`
	232	`padding-left: 0;`
	233	`}`
	234
	235	`/* Sidebar container */`
	236	`.menu {`
	237	`padding: 0 24px 24px;`
	238	`}`
	239
	240	`.theme-doc-sidebar-menu {`
	241	`position: sticky;`
	242	`top: 24px;`
	243	`}`
	244
	245	`/* Footer: MS Learn-style warm gray background */`
	246	`.footer--dark {`
	247	`background-color: var(--ms-learn-footer-bg);`
	248	`color: var(--ifm-font-color-base);`
	249	`}`
	250
	251	`.footer--dark .footer__title {`
	252	`color: var(--ifm-font-color-base);`
	253	`}`
	254
	255	`.footer--dark .footer__link-item {`
	256	`color: var(--ifm-link-color);`
	257	`}`
	258
	259	`.footer--dark .footer__copyright {`
	260	`color: var(--ms-learn-text-subtle);`
	261	`}`
	262
	263	`/* Breadcrumbs: MS Learn-style spacing */`
	264	`.breadcrumbs__item:not(:last-child)::after {`
	265	`margin: 0 0.5rem;`
	266	`}`
	267
	268	`.breadcrumbs__link {`
	269	`font-size: 14px;`
	270	`color: var(--ifm-link-color);`
	271	`}`
	272
273	`/* Content area padding */`
274	`.theme-doc-markdown {`
275	`padding: 24px 0;`
276	`}`
277
278	`/* TOC: "In this article" heading on right-side TOC */`
279	`.table-of-contents {`
280	`border-left: 2px solid var(--ms-learn-card-border);`
281	`padding-left: 1rem;`
282	`}`
283
284	`.table-of-contents::before {`
285	`content: 'In this article';`
286	`display: block;`
287	`font-size: 14px;`
288	`font-weight: 600;`
289	`color: var(--ifm-font-color-base);`
290	`margin-bottom: 0.5rem;`
291	`text-transform: uppercase;`
292	`letter-spacing: 0.05em;`
293	`}`
294
295	`/* Article metadata styling */`
296	`.theme-doc-markdown header + div {`
297	`color: var(--ms-learn-text-subtle);`
298	`font-size: 0.875rem;`
299	`margin-bottom: 1.5rem;`
300	`}`
301
302	`/* Generated-index cards: MS Learn-style treatment */`
303	`.docCard {`
304	`border: 1px solid var(--ms-learn-card-border);`
305	`border-radius: 4px;`
306	`transition: box-shadow 0.2s;`
307	`}`
308
309	`.docCard:hover {`
310	`box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);`
311	`}`
312
313	`.docCard a:hover {`
314	`text-decoration: none;`
315	`}`
316
317	`/* Dark mode: derived from MS Learn dark theme (extracted via Chrome DevTools) */`
318	`[data-theme='dark'] {`
319	`--ifm-color-primary: #75b6e7;`
320	`--ifm-color-primary-dark: #479ef5;`
321	`--ifm-color-primary-darker: #2886c7;`
322	`--ifm-color-primary-darkest: #0f6cbd;`
323	`--ifm-color-primary-light: #96c6fa;`
324	`--ifm-color-primary-lighter: #b8d7f5;`
325	`--ifm-color-primary-lightest: #cfe4fa;`
326	`--ifm-background-color: #1f1f1f;`
327	`--ifm-font-color-base: #ffffff;`
328	`--ifm-link-color: #75b6e7;`
329	`--ifm-footer-background-color: #091f2c;`
330	`--ifm-card-background-color: #091f2c;`
331	`--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);`
332
333	`--ms-learn-hero-bg: #1a6fb5;`
334	`--ms-learn-hero-gradient: linear-gradient(174.2deg, #1a6fb5 0%, #115ea3 66.72%, #0c3b5e);`
335	`--ms-learn-hero-text: #ffffff;`
336	`--ms-learn-card-accent: #75b6e7;`
337	`--ms-learn-card-border: #404040;`
338	`--ms-learn-text-subtle: #d2d2d2;`
339	`--ms-learn-section-bg: #292929;`
340	`--ms-learn-footer-bg: #091f2c;`
341	`--ms-learn-visited-link: #ac7ee1;`
342	`--ms-learn-success: #2ea043;`
343	`--ms-learn-danger: #f85149;`
344	`}`

microsoft/hve-core

Branches

Tags

Clone