]>
git.immae.eu Git - github/bastienwirtz/homer.git/blob - docs/stylesheets/styles.css
1 /* Set some CSS variables for use throughout the page */
4 --md-hue: 208; /* blue-7 hue */
5 --md-footer-bg-color: var
(--md-code-bg-color
);
6 --md-footer-fg-color: var
(--md-code-fg-color
);
9 [data-md-color-scheme
="default"] {
10 --md-primary-fg-color: var
(--blue-7
);
11 --md-accent-fg-color: var
(--violet-6
);
12 --md-code-bg-color: var
(--gray-2
);
13 --md-default-fg-color--lightest: var
(--gray-4
);
16 [data-md-color-scheme
="slate"] {
17 --md-primary-fg-color: var
(--blue-5
);
18 --md-accent-fg-color: var
(--violet-4
);
21 /* Override some default material styles */
23 [dir
=ltr
] .md-header__title
,
24 [dir
=rtl
] .md-header__title
{
25 margin-inline: 0.3rem;
39 .md-footer__link:is(:focus,:hover) {
46 padding-inline: 0.6rem;
49 .md-footer__direction {
50 padding-inline: 0.6rem;
54 background-color: hsla
(var
(--md-hue
), 15%, 10%, 1);
57 html
.md-footer
.md-footer-meta
a:focus
,
58 html
.md-footer
.md-footer-meta
a:hover
,
59 html
.md-footer
a:focus
,
60 html
.md-footer
a:hover
{
61 color: var
(--md-accent-fg-color
);
64 /* Our custom styles */
68 margin-inline-start: 17.5%;
69 border-radius: var
(--radius-2
);
70 box-shadow: var
(--shadow-3
);