mirror of
https://github.com/flarum/framework.git
synced 2025-02-04 22:40:50 +08:00
1d6616a419
Mobile responsive design with a very native feel, all in pure CSS (no templating differences between versions — even though some things are in very different positions.) I’ve been working on this whole thing in my head for a while now, planning out how certain components will be laid out on the mobile version, and how to reason about them in the templates so that a substantially different layout can still be achieved by only using CSS. Today I finally wrote the CSS and it’s come together pretty damn perfectly. Still to come: - Swiping left or right on discussions to reveal controls - Tablet version
30 lines
451 B
Plaintext
30 lines
451 B
Plaintext
.signup-welcome {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
border-radius: @border-radius-base - 1px;
|
|
padding: 60px;
|
|
text-align: center;
|
|
color: #fff;
|
|
|
|
& .avatar {
|
|
.avatar-size(64px);
|
|
.box-shadow(0 0 0 4px #fff);
|
|
}
|
|
& h3, & p {
|
|
margin-bottom: 20px;
|
|
}
|
|
& .btn-default {
|
|
background: fade(#000, 10%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
@media @phone {
|
|
.signup-welcome {
|
|
padding-top: 56px + 60px;
|
|
}
|
|
}
|