mirror of
https://github.com/there4/markdown-resume.git
synced 2024-12-03 08:59:35 -05:00
75 lines
883 B
Plaintext
75 lines
883 B
Plaintext
|
||
|
||
/*
|
||
Mobile layout
|
||
240–479 px
|
||
Zoomed out below 320 px
|
||
*/
|
||
|
||
@media screen and (min-width: 15em) {
|
||
.sidebar {
|
||
order: 0;
|
||
}
|
||
}
|
||
|
||
|
||
/*
|
||
Wide mobile layout
|
||
480-767 px
|
||
Zoomed in above 480 px
|
||
*/
|
||
|
||
@media screen and (min-width: 30em) {
|
||
}
|
||
|
||
|
||
/*
|
||
Tablet layout
|
||
600-911 px
|
||
Zoomed in above 600 px
|
||
*/
|
||
|
||
@media screen and (min-width: 37.5em) {
|
||
h1 { /* Open up the top section height so we don't collapse on the blockquote */
|
||
margin-top: .5em;
|
||
}
|
||
ol {
|
||
margin: 0 0 0 1em;
|
||
}
|
||
ol li {
|
||
width: 50%;
|
||
margin: 0;
|
||
}
|
||
ol li:nth-child(1), ol li:nth-child(2) {
|
||
border-top: none;
|
||
}
|
||
}
|
||
|
||
|
||
/*
|
||
Widescreen layout
|
||
912-1887 px
|
||
Zoomed in above 912 px
|
||
*/
|
||
@media screen and (min-width: 57em) {
|
||
.sidebar {
|
||
order: 1;
|
||
// width: 40%;
|
||
}
|
||
|
||
.content {
|
||
// width: 100%;
|
||
}
|
||
}
|
||
|
||
/*
|
||
Huge-screen layout
|
||
1888-2520 px
|
||
Zoomed in above 1920 px
|
||
*/
|
||
|
||
@media screen and (min-width: 118em) {
|
||
|
||
|
||
}
|