Another type of BoxShadow

2021-01-18 21:17:14 +01:00
parent ffa284b01f
commit 563232b2a3
1 changed files with 11 additions and 1 deletions
--- a/components/02_Styles/boxShadow/_boxShadow.styl
+++ b/components/02_Styles/boxShadow/_boxShadow.styl
@@ -9,6 +9,13 @@ RV-BoxShadow--simple(color)
 	+RV-Block__Modifier--name('simple')
 		box-shadow 0 0 10px 3px color

+RV-BoxShadow--solid(color)
+	+RV-Block__Modifier--name('solid')
+		border 8px solid color
+		border-radius 14px
+		padding 8px
+		margin -8px
+
 /*
 * Hhuge shadow under the bottom of the
 * box, which creates an levitation effect
@@ -99,4 +106,7 @@ RV-BoxShadow()
 		RV-BoxShadow--stacked(color)
 		
 	+RV-Block__Modifier()
-		RV-BoxShadow--drop(color)
+		RV-BoxShadow--drop(color)
+		
+	+RV-Block__Modifier()
+		RV-BoxShadow--solid(color)