microsoft/hve-core

Public

feat/a11y-pr6-docs

Find a branch or tag

HTTPS

docs/docusaurus/src/components/HeroSection/styles.module.css

78lines · modecode

unknown

1	`.hero {`
2	`background: var(--ms-learn-hero-gradient);`
3	`position: relative;`
4	`padding: 0 24px;`
5	`overflow: hidden;`
6	`}`
7
8	`.heroPattern {`
9	`position: absolute;`
10	`inset: 0;`
11	`background-image: var(--ms-learn-hero-pattern);`
12	`background-repeat: repeat;`
13	`background-size: 50px;`
14	`pointer-events: none;`
15	`}`
16
17	`.heroContent {`
18	`position: relative;`
19	`max-width: 800px;`
20	`padding: 32px 48px 32px 0;`
21	`z-index: 1;`
22	`}`
23
24	`.heroTitle {`
25	`color: var(--ms-learn-hero-text);`
26	`font-size: 40px;`
27	`font-weight: 600;`
28	`line-height: 45px;`
29	`margin: 0 0 24px;`
30	`}`
31
32	`.heroSubtitle {`
33	`color: var(--ms-learn-hero-text);`
34	`font-size: 16px;`
35	`line-height: 25.6px;`
36	`margin: 0;`
37	`}`
38
39	`.heroCta {`
40	`display: flex;`
41	`flex-wrap: wrap;`
42	`gap: 12px;`
43	`margin-top: 24px;`
44	`}`
45
46	`.heroCtaPrimary {`
47	`display: inline-block;`
48	`padding: 10px 20px;`
49	`background: #ffffff;`
50	`color: #0078d4;`
51	`font-weight: 600;`
52	`font-size: 14px;`
53	`border-radius: 2px;`
54	`text-decoration: none;`
55	`}`
56
57	`.heroCtaPrimary:hover {`
58	`background: #f0f0f0;`
59	`color: #005a9e;`
60	`text-decoration: none;`
61	`}`
62
63	`.heroCtaSecondary {`
64	`display: inline-block;`
65	`padding: 10px 20px;`
66	`background: transparent;`
67	`color: var(--ms-learn-hero-text);`
68	`font-weight: 600;`
69	`font-size: 14px;`
70	`border-radius: 2px;`
71	`border: 1px solid var(--ms-learn-hero-text);`
72	`text-decoration: none;`
73	`}`
74
75	`.heroCtaSecondary:hover {`
76	`background: rgba(255, 255, 255, 0.1);`
77	`text-decoration: none;`
78	`}`
79