diff options
-rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 24 | ||||
-rw-r--r-- | layouts/default.html | 1 |
2 files changed, 24 insertions, 1 deletions
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index de1312caf..0f427063b 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -1,3 +1,5 @@ +$mobile-width: 800px; + *, *::before, *::after { box-sizing: border-box; font-family: 'Source Sans Pro', sans-serif; @@ -28,8 +30,9 @@ a { } table { + width: 100%; border-collapse: collapse; - + td, th { text-align: left; padding: 5px 10px; @@ -37,6 +40,13 @@ table { } } +blockquote { + border-left: 2px solid #e5e5e5; + margin: 0; + padding: 0 0 0 15px; + font-style: italic; +} + .main { margin: auto; padding: 20px; @@ -70,6 +80,14 @@ table { margin-bottom: 0; } } + + img { + max-width: calc(100% - 10px); + max-height: 100vh; + border: 1px solid #f0f0f0; + padding: 5px; + margin: 5px; + } } .header { @@ -93,6 +111,10 @@ table { list-style-type: none; display: inline-block; margin: 10px 0; + + @media all and (max-width: $mobile-width) { + display: none; + } } li { diff --git a/layouts/default.html b/layouts/default.html index 1fb65810b..9fabd61ef 100644 --- a/layouts/default.html +++ b/layouts/default.html @@ -6,6 +6,7 @@ <link rel="stylesheet" href="<%= @items['/assets/stylesheets/stylesheet.*'].path %>"> <link rel="stylesheet" href="<%= @items['/assets/stylesheets/highlight.*'].path %>"> <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic' rel='stylesheet' type='text/css'> + <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <!-- you don't need to keep this, but it's cool for stats! --> <meta name="generator" content="Nanoc <%= Nanoc::VERSION %>"> |