0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix newlines

Browse source
This commit is contained in:
j 2021-11-24 17:35:52 +01:00
parent 86238fb3ce
commit 9c4a05c0bf
1 changed files with 121 additions and 120 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

241
app/static/css/partials/_about.scss
View file

@ -1,120 +1,121 @@
.body--about.animated { .body--about.animated {
//background: linear-gradient(to right, #14801c, #1f3164); //background: linear-gradient(to right, #14801c, #1f3164);
} }
.about { .about {
max-width: var(--container-lg-width);
margin: 0 auto; max-width: var(--container-lg-width);
padding: var(--spacing-2); margin: 0 auto;
padding: var(--spacing-2);
h1 {
font-size: 22px; h1 {
margin: 0 0 var(--spacing) 0; font-size: 22px;
} margin: 0 0 var(--spacing) 0;
}
h2 {
font-size: 22px; h2 {
font-weight: 700; font-size: 22px;
margin: var(--spacing-2) 0; font-weight: 700;
padding: 0 0 var(--spacing) 0; margin: var(--spacing-2) 0;
} padding: 0 0 var(--spacing) 0;
}
h3 {
font-size: 21px; h3 {
} font-size: 21px;
}
a {
color: #ee0; a {
font-weight: 700; color: #ee0;
text-decoration: none; font-weight: 700;
} text-decoration: none;
}
> .row {
@media screen and (max-width: 799px) { > .row {
display: block; @media screen and (max-width: 799px) {
} display: block;
} }
} }
}
.col--about, .col--bios {
.col--about, .col--bios {
@media screen and (min-width: 800px) {
width: 50%; @media screen and (min-width: 800px) {
} width: 50%;
} }
}
.col--bios {
.about-phantasma-block { .col--bios {
width: 100%; .about-phantasma-block {
margin-top: var(--spacing); width: 100%;
} margin-top: var(--spacing);
} }
}
.about-phantasma-block--zh, .col--bios-zh {
line-height: 1.3; .about-phantasma-block--zh, .col--bios-zh {
} line-height: 1.3;
}
.accordion-checkbox {
position: absolute; .accordion-checkbox {
opacity: 0; position: absolute;
} opacity: 0;
}
.about-bios {
padding: var(--spacing-2) 0; .about-bios {
} padding: var(--spacing-2) 0;
}
.accordion-title {
font-weight: 700; .accordion-title {
margin: var(--spacing-2) 0; font-weight: 700;
padding: 0 0 calc(var(--spacing) / 2) 0; margin: var(--spacing-2) 0;
cursor: pointer; padding: 0 0 calc(var(--spacing) / 2) 0;
display: flex; cursor: pointer;
align-items: center; display: flex;
align-items: center;
.text-about {
background-image: linear-gradient(to right, var(--animated-title-color-2), var(--animated-title-color-3), var(--animated-title-color-4), var(--animated-title-color-1)); .text-about {
} background-image: linear-gradient(to right, var(--animated-title-color-2), var(--animated-title-color-3), var(--animated-title-color-4), var(--animated-title-color-1));
}
@media screen and (min-width: 800px) {
width: 50%; @media screen and (min-width: 800px) {
} width: 50%;
}
&:hover, &:focus {
opacity: 0.8; &:hover, &:focus {
} opacity: 0.8;
}
h3 {
flex: 1; h3 {
padding-right: var(--spacing-2); flex: 1;
} padding-right: var(--spacing-2);
} }
}
.accordion-caret {
font-size: 34px; .accordion-caret {
font-family: "icomoon"; font-size: 34px;
margin-left: auto; font-family: "icomoon";
} margin-left: auto;
}
.accordion-content {
display: none; .accordion-content {
display: none;
@media screen and (max-width: 799px) {
> .row { @media screen and (max-width: 799px) {
display: block; > .row {
} display: block;
} }
}
.alert {
@media screen and (min-width: 800px) { .alert {
width: 50%; @media screen and (min-width: 800px) {
} width: 50%;
} }
} }
}
.accordion-checkbox:checked + .accordion-content {
display: block; .accordion-checkbox:checked + .accordion-content {
} display: block;
}
.alert {
padding: var(--spacing) 0; .alert {
} padding: var(--spacing) 0;
}