Example CSS

aputinski · aputinski · commit a0f7eab6279e · 2015-03-30T03:18:21.000-04:00
diff --git a/examples/assets/example.css b/examples/assets/example.css
@@ -10,9 +10,9 @@ main {
   margin: 0 auto;
 }
 
-@media (max-width: 520px) {
-  .main {
-    width: 100%
+@media screen and (max-width: 360px) {
+  main {
+    width: auto;
   }
 }
 
@@ -48,6 +48,7 @@ p {
 }
 
 .ReactNavigationControllerViewContent {
+  padding: 1em;
   color: white;
 }
 
@@ -62,7 +63,7 @@ p {
 
 .ReactNavigationControllerViewContent button {
   display: block;
-  padding: 1em 2em;
+  padding: 1em 1.5em;
   margin: 1em auto;
   background-color: transparent;
   border: 2px solid white;

Original file line number	Diff line number	Diff line change
`@@ -10,9 +10,9 @@ main {`
`10`	`10`	`margin: 0 auto;`
`11`	`11`	`}`
`12`	`12`
`13`		`-@media (max-width: 520px) {`
`14`		`- .main {`
`15`		`- width: 100%`
	`13`	`+@media screen and (max-width: 360px) {`
	`14`	`+ main {`
	`15`	`+ width: auto;`
`16`	`16`	`}`
`17`	`17`	`}`
`18`	`18`
`@@ -48,6 +48,7 @@ p {`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`.ReactNavigationControllerViewContent {`
	`51`	`+ padding: 1em;`
`51`	`52`	`color: white;`
`52`	`53`	`}`
`53`	`54`
`@@ -62,7 +63,7 @@ p {`
`62`	`63`
`63`	`64`	`.ReactNavigationControllerViewContent button {`
`64`	`65`	`display: block;`
`65`		`- padding: 1em 2em;`
	`66`	`+ padding: 1em 1.5em;`
`66`	`67`	`margin: 1em auto;`
`67`	`68`	`background-color: transparent;`
`68`	`69`	`border: 2px solid white;`