Author: rgardler
Date: Wed Nov 16 11:13:41 2011
New Revision: 1202637
URL: http://svn.apache.org/viewvc?rev=1202637&view=rev
Log:
use media properties for media queries
Modified:
incubator/wookie/trunk/widgets/templates/browse/style/media.css
Modified: incubator/wookie/trunk/widgets/templates/browse/style/media.css
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/templates/browse/style/media.css?rev=1202637&r1=1202636&r2=1202637&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/templates/browse/style/media.css (original)
+++ incubator/wookie/trunk/widgets/templates/browse/style/media.css Wed Nov 16
11:13:41 2011
@@ -15,6 +15,19 @@
* limitations under the License.
*/
+/* TODO use templates as above */
+@media ${widget.media.screen.narrow},
+ ${widget.media.screen.moderateWidth},
+ ${widget.media.screen.wide},
+ ${widget.media.screen.veryWide} {
+ .ui-grid-a .ui-block-a,
+ .ui-grid-a .ui-block-b {
+ float: none;
+ width: 100%;
+ }
+}
+
+
@media ${widget.media.screen.veryNarrow}, ${widget.media.screen.narrow} {
.content-secondary {
text-align: left;
@@ -66,13 +79,4 @@
.content-primary {
width: 75%;
}
-}
-
-/* TODO use templates as above */
-@media only screen and (min-width : 321px) {
- .ui-grid-a .ui-block-a,
- .ui-grid-a .ui-block-b {
- float: none;
- width: 100%;
- }
-}
+}
\ No newline at end of file
