From e69ca820952ca9d5be6d3a6b001468108c6e428c Mon Sep 17 00:00:00 2001 From: Ukee Date: Fri, 5 Jun 2020 03:17:22 +0800 Subject: [PATCH] [Enhancement] Box Shadows (#2529) * added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * Revert "added examples for box shadows" This reverts commit 3aa62588db981d5bd97f55a93a1e54ee84b0d70d. * Added examples for box shadows Add some examples for shadows on certain elements/widgets like the cards or tables; mainly to help with color contrasting since the body background has a similar color / tone with the element/widget's background * remove simple table custom shadow variations * update widget custom shadow variations * replace tab indent with spaces Co-authored-by: REJack --- pages/widgets.html | 664 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 664 insertions(+) diff --git a/pages/widgets.html b/pages/widgets.html index 21edcb637..6ddcdbd1b 100644 --- a/pages/widgets.html +++ b/pages/widgets.html @@ -777,6 +777,64 @@ + + +
Info Box With Custom Shadows Using Bootstrap's Shadow Utility
+
+
+
+ + +
+ Custom Shadows - None + +
+ +
+ +
+ +
+
+ + +
+ Custom Shadows - Small + +
+ +
+ +
+ +
+
+ + +
+ Custom Shadows - Regular + +
+ +
+ +
+ +
+
+ + +
+ Custom Shadows - Large + +
+ +
+ +
+ +
+
Info Box With bg-*
@@ -1245,6 +1303,92 @@ + + +
Custom Shadows Variations Using Bootstrap's Shadow Utility
+
+
+
+
+

Shadow - None

+ +
+ +
+ +
+ +
+ The body of the card +
+ +
+ +
+ +
+
+
+

Shadow - Small

+ +
+ +
+ +
+ +
+ The body of the card +
+ +
+ +
+ +
+
+
+

Shadow - Regular

+ +
+ +
+ +
+ +
+ The body of the card +
+ +
+ +
+ +
+
+
+

Shadow - Large

+ +
+ +
+ +
+ +
+ The body of the card +
+ +
+ +
+ +
+ @@ -1944,6 +2088,391 @@ + + +
Custom Shadows Variations Using Bootstrap's Shadow Utility
+
+
+ +
+
+

Shadow - None

+ +
+ 3 + + + +
+
+ +
+ +
+ +
+
+ Alexander Pierce + 23 Jan 2:00 pm +
+ + Message User Image + +
+ Is this template really for free? That's unbelievable! +
+ +
+ + + +
+
+ Sarah Bullock + 23 Jan 2:05 pm +
+ + Message User Image + +
+ You better believe it! +
+ +
+ +
+ + + +
+ + +
+ +
+ +
+
+
+ + + + +
+
+
+ +
+ +
+ + +
+ +
+
+

Shadow - Small

+ +
+ 3 + + + +
+
+ +
+ +
+ +
+
+ Alexander Pierce + 23 Jan 2:00 pm +
+ + Message User Image + +
+ Is this template really for free? That's unbelievable! +
+ +
+ + + +
+
+ Sarah Bullock + 23 Jan 2:05 pm +
+ + Message User Image + +
+ You better believe it! +
+ +
+ +
+ + + +
+ + +
+ +
+ +
+
+
+ + + + +
+
+
+ +
+ +
+ + +
+ +
+
+

Shadow - Regular

+ +
+ 3 + + + +
+
+ +
+ +
+ +
+
+ Alexander Pierce + 23 Jan 2:00 pm +
+ + Message User Image + +
+ Is this template really for free? That's unbelievable! +
+ +
+ + + +
+
+ Sarah Bullock + 23 Jan 2:05 pm +
+ + Message User Image + +
+ You better believe it! +
+ +
+ +
+ + + +
+ + +
+ +
+ +
+
+
+ + + + +
+
+
+ +
+ +
+ + +
+ +
+
+

Shadow - Large

+ +
+ 3 + + + +
+
+ +
+ +
+ +
+
+ Alexander Pierce + 23 Jan 2:00 pm +
+ + Message User Image + +
+ Is this template really for free? That's unbelievable! +
+ +
+ + + +
+
+ Sarah Bullock + 23 Jan 2:05 pm +
+ + Message User Image + +
+ You better believe it! +
+ +
+ +
+ + + +
+ + +
+ +
+ +
+
+
+ + + + +
+
+
+ +
+ +
+ +
+

Social Widgets

@@ -2264,6 +2793,141 @@ + + +
Custom Shadows Variations Using Bootstrap's Shadow Utility
+
+
+ +
+ +
+
+ User Avatar +
+ +

Nadia Carmichael

+
Lead Developer
+
+
+ +
+
+ +
+ +
+ +
+ +
+

Alexander Pierce

+
Founder & CEO
+
+
+ User Avatar +
+
+
+
+
+
3,200
+ SALES +
+ +
+ +
+
+
13,000
+ FOLLOWERS +
+ +
+ +
+
+
35
+ PRODUCTS +
+ +
+ +
+ +
+
+ +
+ +
+ +
+ +
+

Elizabeth Pierce

+
Web Designer
+
+
+ User Avatar +
+
+
+
+
+
3,200
+ SALES +
+ +
+ +
+
+
13,000
+ FOLLOWERS +
+ +
+ +
+
+
35
+ PRODUCTS +
+ +
+ +
+ +
+
+ +
+ +
+