You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/05/25 19:45:25 UTC

[royale-docs] branch master updated: adding highlight as scss

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git


The following commit(s) were added to refs/heads/master by this push:
     new bb1348d  adding highlight as scss
bb1348d is described below

commit bb1348d03f2f760c9a0e938ce65815d541f5e165
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat May 25 21:45:19 2019 +0200

    adding highlight as scss
---
 .../main.scssc                                     | Bin 0 -> 22424 bytes
 _config.yml                                        |   3 +-
 _layouts/docpage.html                              |   3 +-
 _sass/main.scss                                    | 167 +++++++++++++++++++++
 royalesite.css => assets/css/royalesite.css        |  38 ++---
 assets/css/styles.scss                             |   4 +
 component_sets/jewel/jewel_alert.md                |   1 +
 7 files changed, 196 insertions(+), 20 deletions(-)

diff --git a/.sass-cache/0ec7ce6202fc148ec03e3dc543ebee9a80762512/main.scssc b/.sass-cache/0ec7ce6202fc148ec03e3dc543ebee9a80762512/main.scssc
new file mode 100644
index 0000000..021aa10
Binary files /dev/null and b/.sass-cache/0ec7ce6202fc148ec03e3dc543ebee9a80762512/main.scssc differ
diff --git a/_config.yml b/_config.yml
index 65b21bd..919b5db 100644
--- a/_config.yml
+++ b/_config.yml
@@ -14,4 +14,5 @@
 # limitations under the License.
 
 title: Apache Royale Documentation
-baseurl: /royale-docs
\ No newline at end of file
+baseurl: /royale-docs
+highlighter: rouge
\ No newline at end of file
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index 8f3d3a4..fda6f75 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -20,7 +20,8 @@ limitations under the License.
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
-<link rel="stylesheet" href="{{ site.baseurl }}/royalesite.css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/royalesite.css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css" />
 <link rel="shortcut icon" href="">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
diff --git a/_sass/main.scss b/_sass/main.scss
new file mode 100644
index 0000000..6a374f7
--- /dev/null
+++ b/_sass/main.scss
@@ -0,0 +1,167 @@
+/* Dracula Theme v1.2.5
+ *
+ * https://github.com/zenorocha/dracula-theme
+ *
+ * Copyright 2016, All rights reserved
+ *
+ * Code licensed under the MIT license
+ * http://zenorocha.mit-license.org
+ *
+ * @author Rob G <wo...@gmail.com>
+ * @author Chris Bracco <ch...@cbracco.me>
+ * @author Zeno Rocha <hi...@zenorocha.com>
+ * @author Piruin Panichphol <pi...@gmail.com>
+ */
+
+/*
+ * Variables
+ */
+
+ $dt-gray-dark: #282a36;  // Background
+ $dt-gray: #44475a;       // Current Line & Selection
+ $dt-gray-light: #f8f8f2; // Foreground
+ $dt-blue: #6272a4;       // Comment
+ $dt-cyan: #8be9fd;
+ $dt-green: #50fa7b;
+ $dt-orange: #ffb86c;
+ $dt-pink: #ff79c6;
+ $dt-purple: #bd93f9;
+ $dt-red: #ff5555;
+ $dt-yellow: #f1fa8c;
+ 
+ /*
+  * Styles
+  */
+ 
+ .highlight {
+   background: $dt-gray-dark;
+   color: $dt-gray-light;
+ 
+   .hll,
+   .s,
+   .sa,
+   .sb,
+   .sc,
+   .dl,
+   .sd,
+   .s2,
+   .se,
+   .sh,
+   .si,
+   .sx,
+   .sr,
+   .s1,
+   .ss {
+     color: $dt-yellow;
+   }
+ 
+   .go {
+     color: $dt-gray;
+   }
+ 
+   .err,
+   .g,
+   .l,
+   .n,
+   .x,
+   .p,
+   .ge,
+   .gr,
+   .gh,
+   .gi,
+   .gp,
+   .gs,
+   .gu,
+   .gt,
+   .ld,
+   .no,
+   .nd,
+   .ni,
+   .ne,
+   .nn,
+   .nx,
+   .py,
+   .w,
+   .bp {
+     color: $dt-gray-light;
+   }
+ 
+   .gh,
+   .gi,
+   .gu {
+     font-weight: bold;
+   }
+ 
+   .ge {
+     text-decoration: underline;
+   }
+ 
+   .bp {
+     font-style: italic;
+   }
+ 
+   .c,
+   .ch,
+   .cm,
+   .cpf,
+   .c1,
+   .cs {
+     color: $dt-blue;
+   }
+ 
+   .kd,
+   .kt,
+   .nb,
+   .nl,
+   .nv,
+   .vc,
+   .vg,
+   .vi,
+   .vm {
+     color: $dt-cyan;
+   }
+ 
+   .kd,
+   .nb,
+   .nl,
+   .nv,
+   .vc,
+   .vg,
+   .vi,
+   .vm {
+     font-style: italic;
+   }
+ 
+   .na,
+   .nc,
+   .nf,
+   .fm {
+     color: $dt-green;
+   }
+ 
+   .k,
+   .o,
+   .cp,
+   .kc,
+   .kn,
+   .kp,
+   .kr,
+   .nt,
+   .ow {
+     color: $dt-pink;
+   }
+ 
+   .m,
+   .mb,
+   .mf,
+   .mh,
+   .mi,
+   .mo,
+   .il {
+     color: $dt-purple;
+   }
+ 
+   .gd {
+     color: $dt-red;
+   }
+ }
\ No newline at end of file
diff --git a/royalesite.css b/assets/css/royalesite.css
similarity index 99%
rename from royalesite.css
rename to assets/css/royalesite.css
index 05a9e39..9d4e16d 100644
--- a/royalesite.css
+++ b/assets/css/royalesite.css
@@ -316,24 +316,6 @@ a {
 	-webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
-/* .highlight
-{
-	color: #c3d4d6;
-	background-color: #002b36;
-	border-radius: 10px;
-	font-size: 14px;
-	padding: 10px 10px 10px 30px;
-	margin-left: -30px;
-} */
-
-.highlighter-rouge {
-	background-color: rgba(27,31,35,.05);
-	border-radius: 3px;
-	font-size: 85%;
-	margin: 0;
-	padding: .2em .4em;
-}
-
 pre {
 	overflow-x: auto;
 }
@@ -863,3 +845,23 @@ table tr:nth-child(2n) {
 	background-color: #f6f8fa
 }
 
+
+.highlight
+{
+	color: #c3d4d6;
+	background-color: #002b36;
+	border-radius: 10px;
+	font-size: 14px;
+	padding: 10px 10px 10px 30px;
+	margin-left: -30px;
+}
+
+.highlighter-rouge {
+	background-color: rgba(27,31,35,.05);
+	border-radius: 3px;
+	font-size: 85%;
+	margin: 0;
+	padding: .2em .4em;
+}
+
+
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
new file mode 100644
index 0000000..164e6e8
--- /dev/null
+++ b/assets/css/styles.scss
@@ -0,0 +1,4 @@
+---
+---
+@import "main";
+
diff --git a/component_sets/jewel/jewel_alert.md b/component_sets/jewel/jewel_alert.md
index 0e7754c..d417460 100644
--- a/component_sets/jewel/jewel_alert.md
+++ b/component_sets/jewel/jewel_alert.md
@@ -53,6 +53,7 @@ src="assets/BE0002_Using_Jewel_Alert_Control/index.html"></iframe>
 {% endraw %}
 
 You can attach listeners to the `CloseEvent.CLOSE` as follows:
+
 ```as3
 var alert:Alert = Alert.show("Do you want to <b>save</b> your changes?", "Save Changes", 3);
 alert.addEventListener(CloseEvent.CLOSE, alertClickHandler);