Pages
This commit is contained in:
@ -97,74 +97,5 @@ export default Vue.extend({
|
||||
&.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
> header {
|
||||
> .title {
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
padding: 16px 32px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: var(--text);
|
||||
box-shadow: 0 var(--lineWidth) rgba(#000, 0.07);
|
||||
|
||||
@media (max-width: 600px) {
|
||||
padding: 16px 32px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> div {
|
||||
color: var(--text);
|
||||
padding: 24px 32px;
|
||||
font-size: 16px;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
padding: 24px 32px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
padding: 20px 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
> footer {
|
||||
color: var(--text);
|
||||
padding: 0 32px 28px 32px;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
padding: 0 32px 28px 32px;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
padding: 0 20px 20px 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
> small {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
> a {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
> a + a {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
> .like {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user