mirror of
https://github.com/wassname/template.git
synced 2026-06-28 01:01:05 +08:00
68 lines
1.3 KiB
JavaScript
68 lines
1.3 KiB
JavaScript
|
|
export function body(selector) {
|
|
return `${selector} {
|
|
width: auto;
|
|
margin-left: 24px;
|
|
margin-right: 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
@media(min-width: 768px) {
|
|
${selector} {
|
|
margin-left: 72px;
|
|
margin-right: 72px;
|
|
}
|
|
}
|
|
@media(min-width: 1080px) {
|
|
${selector} {
|
|
margin-left: calc(50% - 984px / 2);
|
|
width: 648px;
|
|
}
|
|
}
|
|
`;
|
|
}
|
|
|
|
export function page(selector) {
|
|
return `${selector} {
|
|
width: auto;
|
|
margin-left: 24px;
|
|
margin-right: 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
@media(min-width: 768px) {
|
|
${selector} {
|
|
margin-left: 72px;
|
|
margin-right: 72px;
|
|
}
|
|
}
|
|
@media(min-width: 1080px) {
|
|
${selector} {
|
|
width: 984px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
`;
|
|
}
|
|
|
|
export function screen(selector) {
|
|
return `${selector} {
|
|
width: auto;
|
|
margin-left: 24px;
|
|
margin-right: 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
@media(min-width: 768px) {
|
|
${selector} {
|
|
margin-left: 72px;
|
|
margin-right: 72px;
|
|
}
|
|
}
|
|
@media(min-width: 1080px) {
|
|
${selector} {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: auto;
|
|
}
|
|
}
|
|
`;
|
|
} |