summaryrefslogtreecommitdiff
path: root/website/static
diff options
context:
space:
mode:
authorsirgazil <felipe.lopez@openmailbox.org>2016-11-27 15:49:24 -0500
committersirgazil <felipe.lopez@openmailbox.org>2016-11-27 15:49:24 -0500
commit29c1e08a31f2570c88995c556e7248a26582b6c6 (patch)
tree2576f9267dda1505c2b11aa153203a81c58a68f3 /website/static
parentfd1bd6c4aa4c90488c7bad6155258f1db590b18c (diff)
downloadguix-artwork-29c1e08a31f2570c88995c556e7248a26582b6c6.tar
guix-artwork-29c1e08a31f2570c88995c556e7248a26582b6c6.tar.gz
website: home: Make screenshots responsive.
* website/static/base/css/base.css (.img-responsive): New class. * website/static/base/css/index.css (#screens-box a) (.screenshot-thumb): Adapt to small screens. * website/www.scm (screenshot): Apply new class.
Diffstat (limited to 'website/static')
-rw-r--r--website/static/base/css/base.css6
-rw-r--r--website/static/base/css/index.css11
2 files changed, 13 insertions, 4 deletions
diff --git a/website/static/base/css/base.css b/website/static/base/css/base.css
index df35c15..c24737a 100644
--- a/website/static/base/css/base.css
+++ b/website/static/base/css/base.css
@@ -137,6 +137,12 @@ a.hlink-yellow-boxed:hover {
width: 100%;
}
+.img-responsive {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
pre {
background-color: #F2EFE4;
border-style: solid;
diff --git a/website/static/base/css/index.css b/website/static/base/css/index.css
index ed8ff29..d3d4f7d 100644
--- a/website/static/base/css/index.css
+++ b/website/static/base/css/index.css
@@ -122,7 +122,8 @@ h3 {
#screens-box a {
border-style: none;
color: white;
- display: inline-block;
+ display: block;
+ margin: 10px;
}
.screenshot-thumb {
@@ -131,9 +132,7 @@ h3 {
border-style: solid;
border-width: thin;
box-shadow: 0 0 4px gray;
- display: inline-block;
- margin: 10px;
- width: 300px;
+ margin: auto;
}
.screenshot-thumb:hover {
@@ -192,6 +191,10 @@ h3 {
display: inline-block;
width: 196px;
}
+
+ #screens-box a {
+ display: inline-block;
+ }
}