CSS tweaks: word-break, responsive lists

cjaoude · cjaoude · commit c8d7c3f7924e · 2016-03-11T15:01:40.000-05:00
+ fix long strings breaking out of the containers
+ tweak lists to use available space in (xs,sm)… “extra-small and small
devices”
diff --git a/css/codeception.css b/css/codeception.css
@@ -3,6 +3,8 @@
 }
 body {
   background:  #ecf0f1; /** url("/images/bg.png") transparent !important; */
+  word-wrap: break-word; // IE
+  overflow-wrap: break-word; // CSS3
 }
 body .navbar.nav-custom {
   background: #042943;
@@ -283,18 +285,21 @@ ul.navbar-nav {
 	.row.home-btns{
 		margin-bottom:0px;
 	}
+
+	ul {
+	    padding-left: 20px;
+	}
 }
 
 @media screen and (max-width : 767px) {
-	
+
 	.menu li {
 		clear: both;
 	}
 
 	body #home-hero h1{
 		padding-top:0px;
 	}
-
 }
 
 @media screen and (min-width: 1030px) {

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,8 @@`
`3`	`3`	`}`
`4`	`4`	`body {`
`5`	`5`	`background: #ecf0f1; /** url("/images/bg.png") transparent !important; */`
	`6`	`+ word-wrap: break-word; // IE`
	`7`	`+ overflow-wrap: break-word; // CSS3`
`6`	`8`	`}`
`7`	`9`	`body .navbar.nav-custom {`
`8`	`10`	`background: #042943;`
`@@ -283,18 +285,21 @@ ul.navbar-nav {`
`283`	`285`	`.row.home-btns{`
`284`	`286`	`margin-bottom:0px;`
`285`	`287`	`}`
	`288`	`+`
	`289`	`+ ul {`
	`290`	`+ padding-left: 20px;`
	`291`	`+ }`
`286`	`292`	`}`
`287`	`293`
`288`	`294`	`@media screen and (max-width : 767px) {`
`289`		`-`
	`295`	`+`
`290`	`296`	`.menu li {`
`291`	`297`	`clear: both;`
`292`	`298`	`}`
`293`	`299`
`294`	`300`	`body #home-hero h1{`
`295`	`301`	`padding-top:0px;`
`296`	`302`	`}`
`297`		`-`
`298`	`303`	`}`
`299`	`304`
`300`	`305`	`@media screen and (min-width: 1030px) {`