diff --git a/server/documents/collections/grid.html.eco b/server/documents/collections/grid.html.eco index d8909efb5..d53a8003b 100755 --- a/server/documents/collections/grid.html.eco +++ b/server/documents/collections/grid.html.eco @@ -234,21 +234,21 @@ themes : ['Default'] Tablet Above 768px and below 992px - 8% + 4em tablet only, (x) wide tablet $tabletBreakpoint Computer Above 992px - 13% + 3% computer only, (x) wide computer $computerBreakpoint Large Screen Above 1400px - 18% + 15% (x) wide large screen $largeMonitorBreakpoint diff --git a/server/documents/elements/container.html.eco b/server/documents/elements/container.html.eco index 15be34e57..5d41c8a48 100644 --- a/server/documents/elements/container.html.eco +++ b/server/documents/elements/container.html.eco @@ -54,7 +54,7 @@ themes : ['Default'] @@ -90,6 +90,7 @@ themes : ['Default'] @@ -292,12 +293,83 @@ themes : ['Default']
+

Examples

-

Containers with grids

+

Comparing Page Grids to Grid Containers

+

The following shows a side-by-side comparison of using both containers and page grids to achieve a four column layout.

+

These grids use the equal width variation which splits all undeclared column widths evenly in size.

+
+ +
+
+
+ +
+
+

+

+

+
+
+ +
+
+
+
+
+
+ +
+
+

+

+

+
+
+ +
+
+
+
+ +

Container

+
+
+ +
+
+

Dogs Roles with Humans

+

Domestic dogs inherited complex behaviors, such as bite inhibition, from their wolf ancestors, which would have been pack hunters with complex body language. These sophisticated forms of social cognition and communication may account for their trainability, playfulness, and ability to fit into human households and social situations, and these attributes have given dogs a relationship with humans that has enabled them to become one of the most successful species on the planet today.

+

The dogs' value to early human hunter-gatherers led to them quickly becoming ubiquitous across world cultures. Dogs perform many roles for people, such as hunting, herding, pulling loads, protection, assisting police and military, companionship, and, more recently, aiding handicapped individuals. This impact on human society has given them the nickname "man's best friend" in the Western world. In some cultures, however, dogs are also a source of meat.

+
+
+ +
+
+ +

Page Grid

+
+
+ +
+
+

Dogs Roles with Humans

+

Domestic dogs inherited complex behaviors, such as bite inhibition, from their wolf ancestors, which would have been pack hunters with complex body language. These sophisticated forms of social cognition and communication may account for their trainability, playfulness, and ability to fit into human households and social situations, and these attributes have given dogs a relationship with humans that has enabled them to become one of the most successful species on the planet today.

+

The dogs' value to early human hunter-gatherers led to them quickly becoming ubiquitous across world cultures. Dogs perform many roles for people, such as hunting, herding, pulling loads, protection, assisting police and military, companionship, and, more recently, aiding handicapped individuals. This impact on human society has given them the nickname "man's best friend" in the Western world. In some cultures, however, dogs are also a source of meat.

+
+
+ +
+
+ +
+ +
+

Containers Using Grids

A container can be combined with a grid allowing you to use all of the layout and alignment available for grids including responsive patterns.

@@ -321,7 +393,6 @@ themes : ['Default']
-
@@ -355,45 +426,45 @@ themes : ['Default']
-
- -
-

Container Segment

-

A container can be used with a segment

-
- -
-
-

Dogs Roles with Humans

-

-

-
-
-
- -
-

Dogs Roles with Humans

-

Domestic dogs inherited complex behaviors, such as bite inhibition, from their wolf ancestors, which would have been pack hunters with complex body language. These sophisticated forms of social cognition and communication may account for their trainability, playfulness, and ability to fit into human households and social situations, and these attributes have given dogs a relationship with humans that has enabled them to become one of the most successful species on the planet today.

-

The dogs' value to early human hunter-gatherers led to them quickly becoming ubiquitous across world cultures. Dogs perform many roles for people, such as hunting, herding, pulling loads, protection, assisting police and military, companionship, and, more recently, aiding handicapped individuals. This impact on human society has given them the nickname "man's best friend" in the Western world. In some cultures, however, dogs are also a source of meat.

-
-

Centered Menu

-

A container can be used inside of a menu to make sure menu contents appear in line with page contents

+

A container can be used inside of a menu to make sure menu items appear inline with page contents

+
+
+ + Home + + + Browse + + + Messages + +
+ More + +
+ Edit Profile + Choose Language + Account Settings +
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
Home @@ -412,9 +483,36 @@ themes : ['Default'] Account Settings
+
+
+
+
+
+
+ + +
+ +
+

Container Segment

+

A container can be used with a segment

+
+ +
+
+

Dogs Roles with Humans

+

+

+
+
+

Dogs Roles with Humans

+

Domestic dogs inherited complex behaviors, such as bite inhibition, from their wolf ancestors, which would have been pack hunters with complex body language. These sophisticated forms of social cognition and communication may account for their trainability, playfulness, and ability to fit into human households and social situations, and these attributes have given dogs a relationship with humans that has enabled them to become one of the most successful species on the planet today.

+

The dogs' value to early human hunter-gatherers led to them quickly becoming ubiquitous across world cultures. Dogs perform many roles for people, such as hunting, herding, pulling loads, protection, assisting police and military, companionship, and, more recently, aiding handicapped individuals. This impact on human society has given them the nickname "man's best friend" in the Western world. In some cultures, however, dogs are also a source of meat.

+
+
\ No newline at end of file diff --git a/server/documents/index.html.eco b/server/documents/index.html.eco index 830c92d77..0d2fad8ba 100755 --- a/server/documents/index.html.eco +++ b/server/documents/index.html.eco @@ -42,7 +42,7 @@ standalone : true Menu - Learn + diff --git a/server/raw/stylesheets/home.css b/server/raw/stylesheets/home.css index 923bee9cc..b73f6b695 100644 --- a/server/raw/stylesheets/home.css +++ b/server/raw/stylesheets/home.css @@ -414,9 +414,6 @@ #example.index.pushed .following.bar { transition: none; } -#example.index .following.bar .additional.item { - display: none; -} #example.index .following.bar .additional.item[data-site="learn"]:hover { color: #D9499A; }