You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ah...@apache.org on 2018/03/23 22:53:08 UTC

[royale-asjs] 01/03: move visual css to theme

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

aharui pushed a commit to branch feature/MXRoyale
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git

commit cc6f751b9ae6ffb65ac2f27a667442a936cd0e57
Author: Alex Harui <ah...@apache.org>
AuthorDate: Fri Mar 23 15:52:03 2018 -0700

    move visual css to theme
---
 .../MXRoyale/src/main/resources/defaults.css       | 25 ---------
 frameworks/themes/MXRoyale/pom.xml                 | 55 +++++++++++++++++++
 frameworks/themes/MXRoyale/src/mx.css              | 64 ++++++++++++++++++++++
 3 files changed, 119 insertions(+), 25 deletions(-)

diff --git a/frameworks/projects/MXRoyale/src/main/resources/defaults.css b/frameworks/projects/MXRoyale/src/main/resources/defaults.css
index 6b735f5..cd988e6 100644
--- a/frameworks/projects/MXRoyale/src/main/resources/defaults.css
+++ b/frameworks/projects/MXRoyale/src/main/resources/defaults.css
@@ -28,8 +28,6 @@
 global {
     IStatesImpl:            ClassReference("org.apache.royale.core.StatesWithTransitionsImpl");
 	IEffectTimer: 			ClassReference("org.apache.royale.utils.EffectTimer");
-	font-size: 12px;
-	font-family: Arial;
 }
 
 /* -------------------------------------------------------
@@ -41,19 +39,6 @@ global {
 Button
 {
     IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageAndTextModel");
-	border: 0.5px solid black;
-	background-color: #EEEEEE;
-	padding: 4px 4px;
-	text-align: center;
-	text-decoration: none;
-	display: inline-block;
-}
-Button:hover {
-	background-color: #CCCCCC;
-}
-Button:active {
-	background-color: #999999;
-	color: white;
 }
 
 Container
@@ -62,24 +47,14 @@ Container
 	IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.BasicLayout");
 	IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
 	IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
-	align-items: flex-start;
 }
 
 Image
 {
-	vertical-align: top;
 	IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageModel");
 	IBeadView:  ClassReference("org.apache.royale.html.beads.ImageView");
 }
 
-TextInput
-{
-	border: 1px solid #808080;
-	border-radius: 2px;
-	padding: 4px;
-	margin: 0px;
-}
-
 
 /* -------------------------------------------------------
 * SWF specific styles
diff --git a/frameworks/themes/MXRoyale/pom.xml b/frameworks/themes/MXRoyale/pom.xml
new file mode 100644
index 0000000..aa713ef
--- /dev/null
+++ b/frameworks/themes/MXRoyale/pom.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+
+  <parent>
+    <groupId>org.apache.royale.framework</groupId>
+    <artifactId>themes</artifactId>
+    <version>0.9.3-SNAPSHOT</version>
+  </parent>
+
+  <artifactId>MXTheme</artifactId>
+  <version>0.9.3-SNAPSHOT</version>
+  <packaging>swc</packaging>
+
+  <name>Apache Royale: Framework: Themes: MX</name>
+
+  <build>
+    <sourceDirectory>src</sourceDirectory>
+    <plugins>
+      <plugin>
+        <groupId>org.apache.royale.compiler</groupId>
+        <artifactId>royale-maven-plugin</artifactId>
+        <version>${royale.compiler.version}</version>
+        <extensions>true</extensions>
+        <configuration>
+          <includeFiles>
+            <include-file>
+              <name>mx.css</name>
+              <path>../src/mx.css</path>
+            </include-file>
+          </includeFiles>
+        </configuration>
+      </plugin>
+    </plugins>
+  </build>
+
+</project>
diff --git a/frameworks/themes/MXRoyale/src/mx.css b/frameworks/themes/MXRoyale/src/mx.css
new file mode 100644
index 0000000..21f0ae6
--- /dev/null
+++ b/frameworks/themes/MXRoyale/src/mx.css
@@ -0,0 +1,64 @@
+/*
+ *
+ *  Licensed to the Apache Software Foundation (ASF) under one or more
+ *  contributor license agreements.  See the NOTICE file distributed with
+ *  this work for additional information regarding copyright ownership.
+ *  The ASF licenses this file to You under the Apache License, Version 2.0
+ *  (the "License"); you may not use this file except in compliance with
+ *  the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ *
+ */
+
+@namespace "library://ns.apache.org/royale/mx";
+
+global
+{
+	font-size: 12px;
+	font-family: Arial;
+	border-width: 1px;
+}
+
+Button
+{
+    IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageAndTextModel");
+	border: 0.5px solid black;
+	background-color: #EEEEEE;
+	padding: 4px 4px;
+	text-align: center;
+	text-decoration: none;
+	display: inline-block;
+}
+
+Button:hover {
+	background-color: #CCCCCC;
+}
+Button:active {
+	background-color: #999999;
+	color: white;
+}
+
+Container
+{
+	align-items: flex-start;
+}
+
+Image
+{
+	vertical-align: top;
+}
+
+TextInput
+{
+	border: 1px solid #808080;
+	border-radius: 2px;
+	padding: 4px;
+	margin: 0px;
+}

-- 
To stop receiving notification emails like this one, please contact
aharui@apache.org.