| <?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. |
| |
| --> |
| <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" |
| xmlns:s="library://ns.adobe.com/flex/spark" |
| xmlns:mx="library://ns.adobe.com/flex/mx" |
| width="400" |
| height="400"> |
| <fx:Style> |
| @namespace s "library://ns.adobe.com/flex/spark"; |
| @namespace mx "library://ns.adobe.com/flex/mx"; |
| |
| s|Button |
| { |
| chromeColor: #999999; |
| } |
| |
| .buttonStyle |
| { |
| chromeColor: #AAAAAA; |
| } |
| |
| @media screen and (os-platform: "Windows") |
| { |
| s|Button |
| { |
| chromeColor: #990000; |
| } |
| .buttonStyle |
| { |
| chromeColor: #999900; |
| } |
| } |
| |
| @media all and (os-platform: "Macintosh") |
| { |
| s|Button |
| { |
| chromeColor: #009900; |
| } |
| .buttonStyle |
| { |
| chromeColor: #009999; |
| } |
| } |
| |
| @media (os-platform: "Linux") |
| { |
| s|Button |
| { |
| chromeColor: #000099; |
| } |
| .buttonStyle |
| { |
| chromeColor: #993300; |
| } |
| } |
| </fx:Style> |
| |
| <s:VGroup left="10" right="10" bottom="10" top="10"> |
| <s:Button id="typeSelectorButton" width="100" height="40" /> |
| <s:Label fontWeight="bold" text="Type Selector Expected Output:" fontSize="20" color="#666666" /> |
| <s:Label text="Windows: red chrome" fontSize="16" color="#666666" /> |
| <s:Label text="Macintosh: green chrome" fontSize="16" color="#666666" /> |
| <s:Label text="Linux: blue chrome" fontSize="16" color="#666666" /> |
| <s:Label text="Others: gray chrome" fontSize="16" color="#666666" /> |
| <s:Spacer height="20" /> |
| <s:Button id="classSelectorButton" width="100" height="40" styleName="buttonStyle" /> |
| <s:Label fontWeight="bold" text="Class Selector Expected Output:" fontSize="20" color="#666666" /> |
| <s:Label text="Windows: yellow chrome" fontSize="16" color="#666666" /> |
| <s:Label text="Macintosh: teal chrome" fontSize="16" color="#666666" /> |
| <s:Label text="Linux: orange chrome" fontSize="16" color="#666666" /> |
| <s:Label text="Others: black text, gray chrome" fontSize="16" color="#666666" /> |
| </s:VGroup> |
| </s:Application> |