website-risg/output/style.css
Marie Birner 3e6926a79f
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7s
[TASK] add fancy gradient
2024-02-17 21:19:38 +01:00

141 lines
1.8 KiB
CSS

h1 {
margin-top: var(--pico-spacing);
}
mark {
--pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
padding: 0;
background: var(--pico-mark-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
h2,
h3,
h4,
h5,
h6 {
--pico-font-weight: 400;
display: inline;
}
h2 {
--pico-font-size: 1.3rem;
--pico-font-weight: 200;
}
h3 {
--pico-font-size: 1.2rem;
--pico-font-weight: 200;
}
h4 {
--pico-font-size: 1.1rem;
--pico-font-weight: 200;
}
details summary {
line-height: unset;
}
.par {
margin-bottom: calc(var(--pico-spacing) * 2);
}
.symb {
--pico-font-weight: 700;
display: inline-block;
margin-right: calc(var(--pico-spacing) / 3);
font-weight: var(--pico-font-weight)
}
.header {
--pico-font-weight: 300;
font-weight: var(--pico-font-weight);
}
h4,
h5,
h6 {
--pico-font-weight: 400;
display: inline;
}
h2 {
--pico-font-size: 1.3rem;
--pico-font-weight: 200;
}
h3 {
--pico-font-size: 1.2rem;
--pico-font-weight: 200;
}
h4 {
--pico-font-size: 1.1rem;
--pico-font-weight: 200;
}
details summary {
line-height: unset;
}
ul {
margin: var(--pico-spacing) 0;
}
button {
--pico-form-element-spacing-vertical: 0.25rem;
}
.btn-open,
.btn-close {
position: fixed;
bottom: 0;
}
.btn-open {
right: 9rem;
}
.btn-close {
right: 0;
}
.par {
margin-bottom: calc(var(--pico-spacing) * 2);
}
.symb {
--pico-font-weight: 700;
display: inline-block;
margin-right: calc(var(--pico-spacing) / 3);
font-weight: var(--pico-font-weight)
}
.header {
--pico-font-weight: 300;
font-weight: var(--pico-font-weight);
}
.content {
display: block;
}
.note {
--pico-font-weight: 200;
font-weight: var(--pico-font-weight);
display: block;
font-style: italic;
padding: calc(var(--pico-spacing) / 3) 0;
}