You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by db...@apache.org on 2015/09/16 03:31:39 UTC
[2/2] docs commit: Fixing up column heights some more.
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 <dm...@gmail.com>
Authored: Tue Sep 15 18:24:16 2015 -0700
Committer: Dmitry Blotsky <dm...@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