diff --git a/_layouts/post-sensor-watch.html b/_layouts/post-sensor-watch.html index fa9d43f..e430aa5 100644 --- a/_layouts/post-sensor-watch.html +++ b/_layouts/post-sensor-watch.html @@ -46,7 +46,7 @@ position: fixed; } - @media only screen and (max-width: 1200px) { + @media only screen and (max-width: 1500px) { .wrapper { grid-template-columns: 10rem auto; grid-template-rows: auto; @@ -57,14 +57,13 @@ } .article { - padding-left: 1rem; + padding-left: 3rem; padding-right: 1rem; padding-top: 1rem; - font-size: 1rem; } } - @media only screen and (max-width: 600px) { + @media only screen and (max-width: 800px) { .side { display: none; } @@ -75,8 +74,7 @@ } .article { - padding: 10px; - font-size: 0.8rem; + padding: 1rem; } } diff --git a/_sass/main.scss b/_sass/main.scss index 511aade..6e34392 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -4,34 +4,6 @@ $heading-color: rgb(255, 182, 193); $link-color: rgb(252, 169, 184); $inl-code-color: rgb(165, 214, 255); -@font-face { - font-family: TeXGyreCursor; - src: url('../fonts/texgyrecursor-regular.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: TeXGyreCursor; - src: url('../fonts/texgyrecursor-bold.woff') format('woff'); - font-weight: bold; - font-style: normal; -} - -@font-face { - font-family: TeXGyreCursor; - src: url('../fonts/texgyrecursor-italic.woff') format('woff'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: TeXGyreCursor; - src: url('../fonts/texgyrecursor-bolditalic.woff') format('woff'); - font-weight: bold; - font-style: italic; -} - @font-face { font-family: 'Source Code Pro'; font-style: normal; @@ -76,6 +48,10 @@ body { padding-top: 5vh; font-family: 'Source Code Pro'; font-size: 1.5rem; + + @media screen and (max-width: 600px) { + font-size: 1rem; + } } h1 { @@ -95,6 +71,10 @@ a { text-decoration: none; } +li { + line-height: 150%; +} + .article { p, li { a { @@ -102,6 +82,10 @@ a { text-decoration: underline; word-wrap: break-word; } + + code { + color: #a5d6ff; + } } picture img, p img { @@ -114,11 +98,6 @@ a { margin: 0; padding: 0; } - - p code { - font-size: 1.5rem; - color: #a5d6ff; - } .header-link { display: inline-block; diff --git a/assets/css/pygments.css b/assets/css/pygments.css index a881278..edd3089 100644 --- a/assets/css/pygments.css +++ b/assets/css/pygments.css @@ -7,13 +7,16 @@ pre { figure.highlight { margin: 0; margin-left: 1.5rem; -} - -.rouge-table { display: block; overflow-x: auto; } +@media screen and (max-width: 600px) { + pre { + font-size: 0.8rem; + } +} + td.gutter { padding-right: 10px; border-right: 3px solid rgb(252, 169, 184);