Remove "screen" from @media rules

This commit is contained in:
Thomas Dehaeze 2020-12-02 19:56:30 +01:00
parent fb97c2d813
commit 8e33fa9e98
4 changed files with 10 additions and 10 deletions

2
dist/style.css vendored

File diff suppressed because one or more lines are too long

View File

@ -1,16 +1,16 @@
@media screen and (max-width: 768px){
@media (max-width: 768px){
.tablet-hide{
display:none;
}
}
@media screen and (max-width: 480px){
@media (max-width: 480px){
.mobile-hide{
display:none;
}
}
@media screen and (max-width: 768px){
@media (max-width: 768px){
#content{
margin-left:0;
}
@ -29,7 +29,7 @@
}
}
@media screen and (min-width: 1400px){
@media (min-width: 1400px){
#content{
background:rgba(0,0,0,0.05);
}
@ -39,7 +39,7 @@
}
}
@media screen and (max-width: 768px){
@media (max-width: 768px){
#copyright{
width:85%;
display:none;
@ -50,7 +50,7 @@
}
}
@media screen and (max-width: 480px){
@media (max-width: 480px){
#content .sidebar{
width:100%;
}

View File

@ -12,7 +12,7 @@
}
// Small screens
@media screen and (max-width: 768px) {
@media (max-width: 768px) {
position: fixed;
padding: 1em;
color: $color-primary-background;

View File

@ -71,7 +71,7 @@
display: none;
}
@media screen and (max-width: 768px) {
@media (max-width: 768px) {
display: none;
width: 60%;
box-shadow: -25px 0px 10px 32px $black;
@ -231,7 +231,7 @@ li ul li a{
}
@media screen and (max-width: 768px) {
@media (max-width: 768px) {
#copyright, #postamble {
display: none;
}