2015-03-08 04:12:13 +08:00
|
|
|
.home {
|
2017-12-31 08:47:52 +08:00
|
|
|
padding-bottom: @footer-margin * 2;
|
|
|
|
.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;
|
|
|
|
}
|
2015-09-13 21:51:51 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.signup {
|
2017-12-03 03:48:43 +08:00
|
|
|
padding-top: 15px;
|
|
|
|
padding-bottom: @footer-margin * 2;
|
2015-12-08 04:20:54 +08:00
|
|
|
}
|
2018-07-26 23:25:41 +08:00
|
|
|
|
|
|
|
footer {
|
|
|
|
.ui.container .left, .ui.container .right {
|
|
|
|
@media only screen and (max-width: 880px) {
|
2019-01-30 08:45:08 +08:00
|
|
|
display: block;
|
|
|
|
text-align: center;
|
2018-07-26 23:25:41 +08:00
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|