staxriver
/
pokercc
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updates min width for mobile #3

Browse Source
master
Laurent 6 years ago
parent 6b04982e74
commit e702c35fb3
1 changed files with 12 additions and 12 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 24
      news/static/news/css/app.css

24
news/static/news/css/app.css
Unescape View File

@ -48,7 +48,7 @@ header {
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
header { header {
width: 400px; width: 400px;
} }
@ -70,7 +70,7 @@ header h1 {
text-transform: uppercase; text-transform: uppercase;
font-size: 32px; font-size: 32px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
header h1 { header h1 {
font-size: 48px; font-size: 48px;
} }
@ -109,7 +109,7 @@ footer {
article { article {
margin-bottom: 20px; margin-bottom: 20px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
article { article {
padding: 16px; padding: 16px;
} }
@ -119,7 +119,7 @@ a h1 {
font-family: 'LibreBaskervilleBold'; font-family: 'LibreBaskervilleBold';
font-size: 18px; font-size: 18px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
a h1 { a h1 {
font-size: 28px; font-size: 28px;
} }
@ -128,7 +128,7 @@ a h1 {
.padding { .padding {
padding: 8px; padding: 8px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
.padding { .padding {
padding: 12px; padding: 12px;
} }
@ -137,7 +137,7 @@ a h1 {
.post_padding { .post_padding {
padding: 8px; padding: 8px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
.post_padding { .post_padding {
padding: 0px; padding: 0px;
} }
@ -149,7 +149,7 @@ a h1 {
.lat_padding_contextual { .lat_padding_contextual {
padding: 0px 8px; padding: 0px 8px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
.lat_padding_contextual { .lat_padding_contextual {
padding: 0px; padding: 0px;
} }
@ -168,7 +168,7 @@ a h1 {
background-color: #333; background-color: #333;
margin-bottom: 8px; margin-bottom: 8px;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
.quote { .quote {
padding: 25px; padding: 25px;
border-radius: 20px; border-radius: 20px;
@ -189,7 +189,7 @@ a h1 {
/* border-bottom: 0px solid #111; */ /* border-bottom: 0px solid #111; */
/* border-top: 20px solid #111; */ /* border-top: 20px solid #111; */
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
.imgcontainer { .imgcontainer {
/* width: 600px; */ /* width: 600px; */
/* border-bottom: 10px solid #111; */ /* border-bottom: 10px solid #111; */
@ -240,7 +240,7 @@ a h1 {
.info { .info {
width: 100%; width: 100%;
} }
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 667px) {
.info { .info {
width: 600px; width: 600px;
} }
@ -360,13 +360,13 @@ form .secondary_button {
width: 95vw; width: 95vw;
height: 60vw; height: 60vw;
} }
/* @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* @media print, screen and (min-width: 667px) {
.youtube { .youtube {
width: 90vw; width: 90vw;
height: 60vw; height: 60vw;
} }
} */ } */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { @media print, screen and (min-width: 50em) {
.youtube { .youtube {
width: 60vw; width: 60vw;
height: 35vw; height: 35vw;

Write Preview
Loading…
Cancel
Save