From 739c3611a2bbcf50e9a1be1055e09da8adfc13be Mon Sep 17 00:00:00 2001 From: jlukic Date: Tue, 23 Sep 2014 12:30:07 -0400 Subject: [PATCH] Rebuild and update card examples --- build/packaged/definitions/css/semantic.css | 6 +- .../definitions/collections/breadcrumb.css | 6 +- server/documents/views/card.html.eco | 103 ++++++++++++++---- 3 files changed, 87 insertions(+), 28 deletions(-) diff --git a/build/packaged/definitions/css/semantic.css b/build/packaged/definitions/css/semantic.css index 13e621eb4..b69feb800 100644 --- a/build/packaged/definitions/css/semantic.css +++ b/build/packaged/definitions/css/semantic.css @@ -137,9 +137,6 @@ /*--- Standard ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ -/*------------------ - Load Theme --------------------*/ /******************************* Breadcrumb *******************************/ @@ -151,6 +148,9 @@ States --------------------*/ /* Sizes */ +/*------------------ + Load Theme +-------------------*/ /*------------------ Load Site -------------------*/ diff --git a/build/uncompressed/definitions/collections/breadcrumb.css b/build/uncompressed/definitions/collections/breadcrumb.css index 4cad4564f..83df7546c 100644 --- a/build/uncompressed/definitions/collections/breadcrumb.css +++ b/build/uncompressed/definitions/collections/breadcrumb.css @@ -137,9 +137,6 @@ /*--- Standard ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ -/*------------------ - Load Theme --------------------*/ /******************************* Breadcrumb *******************************/ @@ -151,6 +148,9 @@ States --------------------*/ /* Sizes */ +/*------------------ + Load Theme +-------------------*/ /*------------------ Load Site -------------------*/ diff --git a/server/documents/views/card.html.eco b/server/documents/views/card.html.eco index ad0b22cb1..f114c3226 100755 --- a/server/documents/views/card.html.eco +++ b/server/documents/views/card.html.eco @@ -195,6 +195,87 @@ themes : ['Default', 'Basic', 'GitHub']

Content

+
+

Image

+

A card can contain an image

+
Cards can use reveal or dimmers to easily show additional content, or options on hover
+
+
+ + +
+
+ Team Fu & Hess +
+ Create in Sep 2014 +
+
+
+ + + 2 Members + +
+
+
+
+
+ $('.special.cards .image').dimmer({ + on: 'hover' + }); +
+
+
+
+
+
+
+
Add Friend
+
+
+
+ +
+
+ Team Fu +
+ Create in Sep 2014 +
+
+
+ + + 2 Members + +
+
+
+
+
+
+
+
Add Friend
+
+
+
+ +
+
+ Team Hess +
+ Create in Aug 2014 +
+
+
+ + + 2 Members + +
+
+
+
+

Header

A card can contain a header

@@ -380,28 +461,6 @@ themes : ['Default', 'Basic', 'GitHub']
-
-

Image

-

A card can contain an image

-
-
- -
-
-
Cute Dog
-
2 days ago
-
-

Cute dogs come in a variety of shapes and sizes. Some cute dogs are cute for their adorable faces, others for their tiny stature, and even others for their massive size.

-

Many people also have their own barometers for what makes a cute dog.

-
-
-
- - 121 Votes -
-
-
-

Variations