cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dblot...@apache.org
Subject [2/2] docs commit: Fixing up column heights some more.
Date Wed, 16 Sep 2015 01:31:39 GMT
Fixing up column heights some more.


Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/65031b7f
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/65031b7f
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/65031b7f

Branch: refs/heads/cordova-website
Commit: 65031b7f0fb81bd377610078e6ed7ce95cf313f2
Parents: a92aee7
Author: Dmitry Blotsky <dmitry.blotsky@gmail.com>
Authored: Tue Sep 15 18:24:16 2015 -0700
Committer: Dmitry Blotsky <dmitry.blotsky@gmail.com>
Committed: Tue Sep 15 18:24:16 2015 -0700

----------------------------------------------------------------------
 www/_includes/tools_and_showcase.html |  4 +--
 www/static/css-src/_home.scss         | 45 ++++++++++++++----------------
 www/static/css-src/main.scss          |  5 ++--
 3 files changed, 26 insertions(+), 28 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/65031b7f/www/_includes/tools_and_showcase.html
----------------------------------------------------------------------
diff --git a/www/_includes/tools_and_showcase.html b/www/_includes/tools_and_showcase.html
index 3d7c8f0..bc74f46 100644
--- a/www/_includes/tools_and_showcase.html
+++ b/www/_includes/tools_and_showcase.html
@@ -7,7 +7,7 @@
     </div>
     <div class="row card_gallery">
         {% for tool in site.data.tools %}
-        <div class="col-lg-2 col-sm-4 card">
+        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 card">
             <div class="tool card_inner">
                 <img src="{{ site.baseurl }}/static/img/tools/{{ tool.image }}" class="center-block"/>
                 <p class="card_title">
@@ -44,7 +44,7 @@
     </div>
     <div class="row card_gallery">
         {% for app in site.data.showcase-apps %}
-        <div class="col-lg-2 col-sm-4 card">
+        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12 card">
             <div class="showcase_app_thumb">
                 <img src="{{ site.baseurl }}/static/img/showcase-apps/{{ app.image }}"
class="center-block"/>
             </div>

http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/65031b7f/www/static/css-src/_home.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_home.scss b/www/static/css-src/_home.scss
index 8f2b656..6de6a6f 100644
--- a/www/static/css-src/_home.scss
+++ b/www/static/css-src/_home.scss
@@ -249,19 +249,14 @@ img#logo_top {
 					height:50px;
 					padding-bottom:10px;
 				}
-                &.tool {
-                    .text {
-                        height: 250px;
-                    }
+                &.tool .text {
+                    height: 250px;
                 }
-                &.app {
-                    .text {
-                        height: 100px;
-                    }
+                &.app .text {
+                    height: 100px;
                 }
 			}
 			.showcase_app_thumb {
-				background-color: #AD6E6E;
                 width: 100%;
                 height: 100px;
                 img {
@@ -271,21 +266,23 @@ img#logo_top {
 		}
 }
 /* make cards smaller on smaller screens */
-@media (max-width: 767px) {
-    .card_gallery {
-        .card {
-            .card_inner {
-                &.tool {
-                    .text {
-                        height: 100px;
-                    }
-                }
-                &.app {
-                    .text {
-                        height: 50px;
-                    }
-                }
-            }
+@media (max-width: $screen-lg-min) {
+    .card_gallery .card .card_inner {
+        &.tool .text {
+            height: 120px;
+        }
+        &.app .text {
+            height: 70px;
+        }
+    }
+}
+@media (max-width: $screen-md-min) {
+    .card_gallery .card .card_inner {
+        &.tool .text {
+            height: 100px;
+        }
+        &.app .text {
+            height: 50px;
         }
     }
 }

http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/65031b7f/www/static/css-src/main.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/main.scss b/www/static/css-src/main.scss
index 70b691d..34dbf3f 100644
--- a/www/static/css-src/main.scss
+++ b/www/static/css-src/main.scss
@@ -39,8 +39,9 @@ $screen-sm-min: 768px;
 $screen-xs-max: $screen-sm-min - 1;
 $screen-md-min: 992px;
 $screen-sm-max: $screen-md-min - 1;
-$screen-lg: (min-width: 1200px);
-$scree-md-max: $screen-lg - 1;
+$screen-lg-min: 1200px;
+$screen-lg: (min-width: $screen-lg-min);
+$screen-md-max: $screen-lg - 1;
 
 
 /* Mixin that prefixes any CSS rule */


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org


Mime
View raw message