refactor: move responsive code to static/responsive.css
Anirudh icyph0x@pm.me
Fri, 22 Jun 2018 12:53:50 +0530
4 files changed,
17 insertions(+),
42 deletions(-)
M
about/index.html
→
about/index.html
@@ -2,25 +2,10 @@ <!DOCTYPE html>
<html> <header> <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css"> + <link rel="stylesheet" href="/static/responsive.css" type="text/css"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="HandheldFriendly" content="true"> -<style> -@media screen and (max-width: 1200px) { - #primary { width:67%; } - #secondary { width:30%; margin-left:3%;} -} -/* Tabled Portrait */ -@media screen and () { - #primary { width:100%; } - #secondary { width:100%; margin:0; border:none; } -} -html { font-size: 100% } -@media (min-width: 640px) { body {font-size:1rem;} } -@media (min-width:960px) { body {font-size:1.2rem;} } -@media (min-width:1100px) { body {font-size:1.5rem;} } -</style> - <a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a> <title> icyphox
M
contact/index.html
→
contact/index.html
@@ -2,6 +2,7 @@ <!DOCTYPE html>
<html> <header> <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css"> + <link rel="stylesheet" href="/static/responsive.css" type="text/css"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="HandheldFriendly" content="true">@@ -9,19 +10,6 @@ <style>
body { margin-top: 10%; } -@media screen and (max-width: 1200px) { - #primary { width:67%; } - #secondary { width:30%; margin-left:3%;} -} -/* Tabled Portrait */ -@media screen and (max-width: 768px) { - #primary { width:100%; } - #secondary { width:100%; margin:0; border:none; } -} -html { font-size: 100% } -@media (min-width: 640px) { body {font-size:1rem;} } -@media (min-width:960px) { body {font-size:1.2rem;} } -@media (min-width:1100px) { body {font-size:1.5rem;} } </style> <a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a> <title>
M
index.html
→
index.html
@@ -2,6 +2,7 @@ <!DOCTYPE html>
<html> <header> <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css"> + <link rel="stylesheet" href="/static/responsive.css" type="text/css"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="HandheldFriendly" content="true">@@ -9,19 +10,6 @@ <style>
body { margin-top: 10%; } -@media screen and (max-width: 1200px) { - #primary { width:67%; } - #secondary { width:30%; margin-left:3%;} -} -/* Tabled Portrait */ -@media screen and (max-width: 768px) { - #primary { width:100%; } - #secondary { width:100%; margin:0; border:none; } -} -html { font-size: 100% } -@media (min-width: 640px) { body {font-size:1rem;} } -@media (min-width:960px) { body {font-size:1.2rem;} } -@media (min-width:1100px) { body {font-size:1.5rem;} } </style> <a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a> <title>
A
static/responsive.css
@@ -0,0 +1,14 @@
+@media screen and (max-width: 1200px) { + #primary { width:67%; } + #secondary { width:30%; margin-left:3%;} +} +/* Tabled Portrait */ +@media screen and (max-width: 768px) { + #primary { width:100%; } + #secondary { width:100%; margin:0; border:none; } +} +html { font-size: 100% } +@media (min-width: 640px) { body {font-size:1rem;} } +@media (min-width:960px) { body {font-size:1.2rem;} } +@media (min-width:1100px) { body {font-size:1.5rem;} } +