diff options
author | Reinier Zwitserloot <reinier@zwitserloot.com> | 2017-07-17 21:50:33 +0200 |
---|---|---|
committer | Reinier Zwitserloot <reinier@zwitserloot.com> | 2017-07-17 21:50:33 +0200 |
commit | 4fde7715e9c5441e7e9c10a46bafad5d1bbd7152 (patch) | |
tree | ac757dfe9e6b7c1444a23ac3a618dbb9d8e0a324 /website | |
parent | c40990f250bd1d69c03ddecf340f11d1b822eeb0 (diff) | |
download | lombok-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.css | 21 | ||||
-rw-r--r-- | website/templates/features/_features.html | 4 |
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> |