commit:     7b27c709226a478ce48236e252b731331f7749f3
Author:     Alex Legler <alex <AT> a3li <DOT> li>
AuthorDate: Sat Feb 13 20:43:52 2016 +0000
Commit:     Alex Legler <a3li <AT> gentoo <DOT> org>
CommitDate: Sat Feb 13 20:43:52 2016 +0000
URL:        https://gitweb.gentoo.org/sites/www.git/commit/?id=7b27c709

Extract new downloads panel, cleanup styling

 _sass/downloads.scss     | 14 --------------
 _sass/hero-sections.scss | 10 ++++++++++
 downloads/index.html     |  6 +++---
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/_sass/downloads.scss b/_sass/downloads.scss
index e23f03a..d5fc995 100644
--- a/_sass/downloads.scss
+++ b/_sass/downloads.scss
@@ -14,18 +14,4 @@
   .other-arches .tab-pane {
     margin-left: 1em;
   }
-
-  .downloads-featured {
-    margin-top: 3em;
-    margin-bottom: 2em;
-  }
-}
-
-.downloads-panel {
-  background-color: #eaeaea;
-  background-image: linear-gradient(to bottom, #eaeaea 80%, #e0e0e0 100%);
-
-  p:last-child {
-    margin-bottom: 0;
-  }
 }

diff --git a/_sass/hero-sections.scss b/_sass/hero-sections.scss
index 5b386fd..1ee9dd7 100644
--- a/_sass/hero-sections.scss
+++ b/_sass/hero-sections.scss
@@ -83,3 +83,13 @@
   text-align: right;
   margin-right: 20%;
 }
+
+.featured-panel {
+  margin-top: 2em;
+  margin-bottom: 2em;
+  background-color: #eaeaea;
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}

diff --git a/downloads/index.html b/downloads/index.html
index a5addfd..e18aad2 100644
--- a/downloads/index.html
+++ b/downloads/index.html
@@ -12,9 +12,9 @@ inlinejs: "$(function() { $('#other-arches 
a:first').tab('show'); });"
   You can download Gentoo Linux Live Environments and Stage Archives using the 
links below.
 </p>
 
-<div class="row downloads-featured">
+<div class="row">
   <div class="col-xs-12 col-md-6">
-    <div class="panel panel-default downloads-panel">
+    <div class="panel panel-default featured-panel">
       <div class="panel-body">
         <h2 class="stick-top" id="amd64">amd64 <small>aka x86_64</small></h2>
 
@@ -23,7 +23,7 @@ inlinejs: "$(function() { $('#other-arches 
a:first').tab('show'); });"
     </div>
   </div>
   <div class="col-xs-12 col-md-6">
-    <div class="panel panel-default downloads-panel">
+    <div class="panel panel-default featured-panel">
       <div class="panel-body">
         <h2 class="stick-top" id="x86">x86</h2>
 

Reply via email to