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/08/06 00:22:37 UTC
[10/11] docs commit: Code blocks and styling for getting started
section
Code blocks and styling for getting started section
Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/01674e4f
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/01674e4f
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/01674e4f
Branch: refs/heads/cordova-website
Commit: 01674e4f8c5272d176270d2b3b73ac73c758c066
Parents: 98b4b21
Author: Brad Gashler <bg...@users.noreply.github.com>
Authored: Wed Aug 5 14:49:12 2015 -0700
Committer: Brad Gashler <bg...@users.noreply.github.com>
Committed: Wed Aug 5 14:49:12 2015 -0700
----------------------------------------------------------------------
www/index.html | 6 +++++-
www/static/css-src/main.scss | 26 +++++++++++++++++++++++---
2 files changed, 28 insertions(+), 4 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/01674e4f/www/index.html
----------------------------------------------------------------------
diff --git a/www/index.html b/www/index.html
index f101e37..30b2c31 100644
--- a/www/index.html
+++ b/www/index.html
@@ -72,7 +72,11 @@ title: Apache Cordova
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
</div>
<div class="col-md-4">
- <div class="well_code">sudo npm install -g cordova</div>
+ <div class="well_code">
+ <div><button type="button" class="btn btn btn-primary pull-right">Copy</button></div>
+ $ sudo npm install -g cordova
+
+ </div>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/01674e4f/www/static/css-src/main.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/main.scss b/www/static/css-src/main.scss
index 2aaf282..df92d6b 100644
--- a/www/static/css-src/main.scss
+++ b/www/static/css-src/main.scss
@@ -3,7 +3,7 @@
/* Customized Variables for Bootstrap */
$gray-base:black;
$gray-transparent:rgba($gray-base,.8);
-$brand-primary: rgb(57, 146, 171);
+$brand-primary-darker: rgb(57, 146, 171);
$brand-success: rgb(41, 177, 106);
$brand-info: rgb(76, 194, 228);
$brand-danger: rgb(241, 83, 68);
@@ -27,8 +27,9 @@ $badge-line-height: 1.25;
$brand-gold: #F1B444;
$brand-gold-darker: #B58733;
$gray-50: lighten($gray-base, 50%);
-$gray-20: lighten($gray-base, 20%);
-$brand-primary-darker: #3992AB;
+$gray-20: lighten($gray-base, 80%);
+$gray-10: lighten($gray-base, 90%);
+$brand-primary: #4CC2E4;
#hero {
@@ -158,6 +159,24 @@ img#logo_top {
.well_code {
@extend .well;
padding-bottom:19px + 50px;
+ position:relative;
+ background-color: $gray-10;
+ margin-top:46px;
+ div {
+ @extend .well_code;
+ position: absolute;
+ top: 100%;
+ transform: translateY(-100%);
+ padding: 0;
+ margin:0;
+ background-color: $gray-20;
+ width: 100%;
+ margin-left:-19px;
+ button {
+ background-color: $brand-primary;
+ margin:5px;
+ }
+ }
}
@@ -168,6 +187,7 @@ button.btn {
border-radius: 0;
background-color:$brand-primary;
color:black;
+ border:0;
}
button.btn:hover {
color:black;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org