mirror of
https://github.com/flarum/framework.git
synced 2024-12-11 13:05:50 +08:00
ef20e29b20
* Start of conversion to CSS variables * Use variable for Badge colors * Use variable for avatar bg * Use variable for user card bg * Use css variables for hero * Use css variables for buttons * Use css variables for sidenav links * Cleaner style attr Co-authored-by: David Wheatley <hi@davwheat.dev>
49 lines
681 B
Plaintext
49 lines
681 B
Plaintext
.Hero {
|
|
margin-top: -1px;
|
|
background: var(--hero-bg);
|
|
text-align: center;
|
|
color: var(--hero-color);
|
|
|
|
h2 {
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 1.5em;
|
|
}
|
|
.container {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
.Hero-close {
|
|
float: right;
|
|
margin-top: -10px;
|
|
color: inherit;
|
|
opacity: 0.5;
|
|
}
|
|
.Hero-subtitle {
|
|
margin: 8px 0 0;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
@media @phone {
|
|
.Hero-close {
|
|
margin-right: -10px;
|
|
}
|
|
}
|
|
|
|
@media @tablet-up {
|
|
.Hero {
|
|
h2 {
|
|
font-size: 22px;
|
|
}
|
|
.container {
|
|
padding-top: 40px;
|
|
padding-bottom: 30px;
|
|
}
|
|
}
|
|
.Hero-subtitle {
|
|
font-size: 15px;
|
|
}
|
|
}
|