Media in theme

src/stylesheets/theme/theme.layout.styl

@@ -19,7 +19,6 @@ body > section
     // box-shadow 0 2px 0 rgba(0,0,0,0.15), inset 0 1px 0 lighten(C, 20%), inset 0 -1px 0 darken(C, 20%)
     box-shadow 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px lighten(C, 25%), inset 0 -1px 0 darken(C, 20%)
     color: #fff
-    border-radius (BORDER_radius * 2.5) (BORDER_radius * 2.5) 0 0
 
   & > footer, & nav[data-control=groupbar]
     background-color: COLOR

src/stylesheets/theme/theme.media.styl

@@ -0,0 +1,16 @@
+@import "__init.styl"
+
+
+/* ==== Any tablet ==== */
+@media only screen and (min-width: 768px)
+  body
+    & > section[data-children]
+      margin-right: 0.5em
+
+
+/* ==== Any phone ==== */
+@media only screen and (max-width: 767px)
+  body
+    & > section
+      & > header
+        border-radius (BORDER_radius * 2.5) (BORDER_radius * 2.5) 0 0