wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-08-15 12:54:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2 start

Browse Source
This commit is contained in:
Shan Carter
2017-03-10 11:10:04 -08:00
parent 8807bb1778
commit feea10ed4e
26 changed files with 6340 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout.js
+68
View File
@@ -0,0 +1,68 @@
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;
}
}
`;
}