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

updates min width for mobile #4

Browse Source
master
Laurent 6 years ago
parent e702c35fb3
commit 997a356e18
2 changed files with 12 additions and 11 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. 22
      news/static/news/css/app.css
  2. 1
      news/templates/base.html

22
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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
header h1 { header h1 {
font-size: 48px; font-size: 48px;
} }
@ -109,7 +109,7 @@ footer {
article { article {
margin-bottom: 20px; margin-bottom: 20px;
} }
@media print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
a h1 { a h1 {
font-size: 28px; font-size: 28px;
} }
@ -128,7 +128,7 @@ a h1 {
.padding { .padding {
padding: 8px; padding: 8px;
} }
@media print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
.padding { .padding {
padding: 12px; padding: 12px;
} }
@ -137,7 +137,7 @@ a h1 {
.post_padding { .post_padding {
padding: 8px; padding: 8px;
} }
@media print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
.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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
.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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
.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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
.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 print, screen and (min-width: 667px) { @media print, screen and (min-width: 668px) {
.info { .info {
width: 600px; width: 600px;
} }
@ -360,7 +360,7 @@ form .secondary_button {
width: 95vw; width: 95vw;
height: 60vw; height: 60vw;
} }
/* @media print, screen and (min-width: 667px) { /* @media print, screen and (min-width: 668px) {
.youtube { .youtube {
width: 90vw; width: 90vw;
height: 60vw; height: 60vw;

1
news/templates/base.html
Unescape View File

@ -4,6 +4,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="{% static 'news/css/app.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'news/css/app.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'news/css/foundation.min.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'news/css/foundation.min.css' %}">
<link rel="shortcut icon" type="image/png" href="{% static 'image/favicon.png' %}"/> <link rel="shortcut icon" type="image/png" href="{% static 'image/favicon.png' %}"/>

Write Preview
Loading…
Cancel
Save