58 lines
860 B
SCSS
58 lines
860 B
SCSS
|
@media screen and (max-width: 768px){
|
||
|
|
.tablet-hide{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 480px){
|
||
|
|
.mobile-hide{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 768px){
|
||
|
|
#content{
|
||
|
|
margin-left:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content #content{
|
||
|
|
padding:1.618em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content.shift{
|
||
|
|
position:fixed;
|
||
|
|
min-width:100%;
|
||
|
|
left:85%;
|
||
|
|
top:0;
|
||
|
|
height:100%;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (min-width: 1400px){
|
||
|
|
#content{
|
||
|
|
background:rgba(0,0,0,0.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
#content{
|
||
|
|
background:#fcfcfc;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 768px){
|
||
|
|
#copyright{
|
||
|
|
width:85%;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#copyright.shift{
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 480px){
|
||
|
|
#content .sidebar{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
}
|