aboutsummaryrefslogtreecommitdiff
path: root/website
diff options
context:
space:
mode:
authorReinier Zwitserloot <reinier@zwitserloot.com>2017-07-17 21:50:33 +0200
committerReinier Zwitserloot <reinier@zwitserloot.com>2017-07-17 21:50:33 +0200
commit4fde7715e9c5441e7e9c10a46bafad5d1bbd7152 (patch)
treeac757dfe9e6b7c1444a23ac3a618dbb9d8e0a324 /website
parentc40990f250bd1d69c03ddecf340f11d1b822eeb0 (diff)
downloadlombok-4fde7715e9c5441e7e9c10a46bafad5d1bbd7152.tar.gz
lombok-4fde7715e9c5441e7e9c10a46bafad5d1bbd7152.tar.bz2
lombok-4fde7715e9c5441e7e9c10a46bafad5d1bbd7152.zip
Updated website to render snippets more intelligently on reasonably sized browser windows.
Diffstat (limited to 'website')
-rw-r--r--website/resources/css/custom.css21
-rw-r--r--website/templates/features/_features.html4
2 files changed, 23 insertions, 2 deletions
diff --git a/website/resources/css/custom.css b/website/resources/css/custom.css
index ba4f56e8..ff31de04 100644
--- a/website/resources/css/custom.css
+++ b/website/resources/css/custom.css
@@ -133,6 +133,27 @@ h1, h2, h3 {
margin: 8px 16px 8px 16px;
}
+.snippet-col {
+ position: relative;
+ min-height: 1px;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+@media (min-width: 769px) {
+ .snippet-col {
+ margin-left: -60px;
+ margin-right: -60px;
+ }
+}
+
+@media (min-width: 1000px) {
+ .snippet-col {
+ margin-left: -120px;
+ margin-right: -120px;
+ }
+}
+
a {
cursor: pointer;
}
diff --git a/website/templates/features/_features.html b/website/templates/features/_features.html
index c0c63a76..2e338834 100644
--- a/website/templates/features/_features.html
+++ b/website/templates/features/_features.html
@@ -30,13 +30,13 @@
<#macro snippets name>
<div class="row container-fluid">
- <div class="col-lg-6">
+ <div class="snippet-col first-snippet">
<h3>With Lombok</h3>
<div class="snippet">${usages.pre(name)?no_esc}</div>
</div>
<div class="sep"></div>
- <div class="col-lg-6">
+ <div class="snippet-col second-snippet">
<h3>Vanilla Java</h3>
<div class="snippet">${usages.post(name)?no_esc}</div>