add _vars.scss, change colors, change calendar icon in footer
This commit is contained in:
parent
57c6382e4c
commit
6f0cfcdd64
|
@ -0,0 +1,82 @@
|
||||||
|
// Misc.
|
||||||
|
$misc: (
|
||||||
|
z-index-base: 10000
|
||||||
|
);
|
||||||
|
|
||||||
|
// Duration.
|
||||||
|
$duration: (
|
||||||
|
navPanel: 0.5s,
|
||||||
|
transition: 0.2s
|
||||||
|
);
|
||||||
|
|
||||||
|
// Size.
|
||||||
|
$size: (
|
||||||
|
navPanel: 275px,
|
||||||
|
border-radius: 6px,
|
||||||
|
element-height: 3em,
|
||||||
|
element-margin: 2em,
|
||||||
|
container-width: 60em
|
||||||
|
);
|
||||||
|
|
||||||
|
// Font.
|
||||||
|
$font: (
|
||||||
|
family: ('Source Sans Pro', sans-serif),
|
||||||
|
family-fixed: monospace,
|
||||||
|
weight: 300,
|
||||||
|
weight-bold: 400,
|
||||||
|
);
|
||||||
|
|
||||||
|
// Palette.
|
||||||
|
$palette: (
|
||||||
|
bg: #a1a1a1,
|
||||||
|
fg: #646464,
|
||||||
|
fg-bold: #646464,
|
||||||
|
fg-light: #646464,
|
||||||
|
border: #e5e5e5,
|
||||||
|
border-bg: #f8f8f8,
|
||||||
|
border2: #dddddd,
|
||||||
|
border2-bg: #f0f0f0,
|
||||||
|
|
||||||
|
header: (
|
||||||
|
bg: #444,
|
||||||
|
fg: #bbb,
|
||||||
|
fg-bold: #fff,
|
||||||
|
fg-light: #999
|
||||||
|
),
|
||||||
|
|
||||||
|
accent1: (
|
||||||
|
bg: #666,
|
||||||
|
fg: mix(#666, #ffffff, 25%),
|
||||||
|
fg-bold: #ffffff,
|
||||||
|
fg-light: mix(#666, #ffffff, 40%)
|
||||||
|
),
|
||||||
|
|
||||||
|
accent2: (
|
||||||
|
bg: #dc0067,
|
||||||
|
fg: mix(#dc0067, #ffffff, 25%),
|
||||||
|
fg-bold: #ffffff,
|
||||||
|
fg-light: mix(#dc0067, #ffffff, 40%)
|
||||||
|
),
|
||||||
|
|
||||||
|
accent3: (
|
||||||
|
bg: #7fcdb8,
|
||||||
|
fg: mix(#7fcdb8, #ffffff, 25%),
|
||||||
|
fg-bold: #ffffff,
|
||||||
|
fg-light: mix(#7fcdb8, #ffffff, 40%)
|
||||||
|
),
|
||||||
|
|
||||||
|
accent4: (
|
||||||
|
bg: #90b0ba,
|
||||||
|
fg: mix(#90b0ba, #ffffff, 25%),
|
||||||
|
fg-bold: #ffffff,
|
||||||
|
fg-light: mix(#90b0ba, #ffffff, 40%)
|
||||||
|
),
|
||||||
|
|
||||||
|
accent5: (
|
||||||
|
bg: #e5cb95,
|
||||||
|
fg: mix(#e5cb95, #ffffff, 25%),
|
||||||
|
fg-bold: #ffffff,
|
||||||
|
fg-light: mix(#e5cb95, #ffffff, 40%)
|
||||||
|
)
|
||||||
|
|
||||||
|
);
|
|
@ -1470,17 +1470,17 @@ $bannerURL: "{{ (.Site.Data.homepage.banner.image | default "images/banner.jpg")
|
||||||
/* Footer */
|
/* Footer */
|
||||||
|
|
||||||
#footer {
|
#footer {
|
||||||
background: #f0f0f0;
|
background: #a1a1a1;
|
||||||
padding: 4em 0 6em 0;
|
padding: 4em 0 6em 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.icons {
|
.icons {
|
||||||
a {
|
a {
|
||||||
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
||||||
opacity: 0.35;
|
opacity: 0.75;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
opacity: 0.75;
|
opacity: 1.00;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -48,8 +48,8 @@ params:
|
||||||
icon: brands fa-github
|
icon: brands fa-github
|
||||||
link: https://github.com/freifunk-leipzig
|
link: https://github.com/freifunk-leipzig
|
||||||
|
|
||||||
- title: Fediverse
|
- title: calendar
|
||||||
icon: brands fa-mastodon
|
icon: solid fa-calendar
|
||||||
link: https://mobilizon.envs.net/@freifunkleipzig
|
link: https://mobilizon.envs.net/@freifunkleipzig
|
||||||
|
|
||||||
menu:
|
menu:
|
||||||
|
|
Loading…
Reference in New Issue