1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-12-04 10:30:19 -05:00
forgejo/web_src/less/_home.less
Norwin 75ebf7c5bd
fix media query edge case (#13546)
* fix media query edge case

was failing for 768px width before

* code review

* define responsive breakpoints as less variables

* add missing variables.less

* rename variables, drop screen constraints

* fix less import

* Apply suggestions from code review

Co-authored-by: silverwind <me@silverwind.io>

* code review

altough it doesnt matter, LESS lazy evals variables

Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
2020-11-17 00:33:19 -05:00

61 lines
758 B
Text

.home {
.logo {
max-width: 220px;
}
.hero {
@media @mediaSm {
h1 {
font-size: 3.5em;
}
h2 {
font-size: 2em;
}
}
@media @mediaMdAndUp {
h1 {
font-size: 5.5em;
}
h2 {
font-size: 3em;
}
}
.svg {
color: var(--color-green);
height: 40px;
width: 50px;
vertical-align: bottom;
}
&.header {
font-size: 20px;
}
}
p.large {
font-size: 16px;
}
.stackable {
padding-top: 30px;
}
a {
color: var(--color-green);
}
}
footer {
.ui.container .left,
.ui.container .right {
@media (max-width: 880px) {
display: block;
text-align: center;
float: none;
}
}
}