forkjo/public/less/_home.less
silverwind 28fcbf33dc UI: Make document body a flexbox (#6139)
* UI: Make document body a flexbox

Fixes: https://github.com/go-gitea/gitea/issues/6118

* ie11 fixes

* increase padding to 80px

* add flex-grow
2019-02-24 21:02:45 +00:00

57 lines
779 B
Text

.home {
.logo {
max-width: 220px;
}
.hero {
h1, h2 {
font-family: 'PT Sans Narrow', sans-serif, 'Microsoft YaHei';
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 3.5em;
}
h2 {
font-size: 2em;
}
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 5.5em;
}
h2 {
font-size: 3em;
}
}
.octicon {
color: #5aa509;
font-size: 40px;
width: 50px;
}
&.header {
font-size: 20px;
}
}
p.large {
font-size: 16px
}
.stackable {
padding-top: 30px;
}
a {
color: #5aa509;
}
}
.signup {
padding-top: 15px;
}
footer {
.ui.container .left, .ui.container .right {
@media only screen and (max-width: 880px) {
display: block;
text-align: center;
float: none;
}
}
}