tdehaeze/org-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Remove "screen" from @media rules

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/style.css vendored
View File

File diff suppressed because one or more lines are too long

12
scss/partials/_media.scss
View File

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

2
scss/partials/_nagivation.scss
View File

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

4
scss/partials/_toc.scss
View File

@ -71,7 +71,7 @@
display: none; display: none;
} }
@media screen and (max-width: 768px) { @media (max-width: 768px) {
display: none; display: none;
width: 60%; width: 60%;
box-shadow: -25px 0px 10px 32px $black; 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 { #copyright, #postamble {
display: none; display: none;
} }