Adapting Styles to new BEMGenerator
This commit is contained in:
		@@ -6,11 +6,11 @@
 | 
			
		||||
 * Just a simple box shadow, surrounding the box
 | 
			
		||||
 */
 | 
			
		||||
RV-BoxShadow--simple(color)
 | 
			
		||||
	+RV-Block__Modifier--name('simple')
 | 
			
		||||
	+RV-Block--modifier()
 | 
			
		||||
		box-shadow 0 0 10px 3px color
 | 
			
		||||
 | 
			
		||||
RV-BoxShadow--solid(color)
 | 
			
		||||
	+RV-Block__Modifier--name('solid')
 | 
			
		||||
	+RV-Block--modifier()
 | 
			
		||||
		border 8px solid color
 | 
			
		||||
		border-radius 14px
 | 
			
		||||
		padding 8px
 | 
			
		||||
@@ -21,7 +21,7 @@ RV-BoxShadow--solid(color)
 | 
			
		||||
 * box, which creates an levitation effect
 | 
			
		||||
 */
 | 
			
		||||
RV-BoxShadow--levitating(color)
 | 
			
		||||
	+RV-Block__Modifier--name('levitating')
 | 
			
		||||
	+RV-Block--modifier()
 | 
			
		||||
		box-shadow: color 0px 1px 1px 0px inset, color 0px 40px 80px -15px, color 0px 30px 60px -30px;
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
@@ -34,7 +34,7 @@ RV-BoxShadow--levitating(color)
 | 
			
		||||
 * if used in the same selector / var scope
 | 
			
		||||
 */
 | 
			
		||||
RV-BoxShadow--stacked(color)
 | 
			
		||||
	+RV-Block__Modifier--name('stacked')		
 | 
			
		||||
	+RV-Block--modifier()	
 | 
			
		||||
		--color red(@--color), green(@--color), blue(@--color)
 | 
			
		||||
		box-shadow: 'rgba(%s, 0.4) 0px 5px, rgba(%s, 0.3) 0px 10px, rgba(%s, 0.2) 0px 15px, rgba(%s, 0.1) 0px 20px, rgba(%s, 0.05) 0px 25px' % (color color color color color)
 | 
			
		||||
 | 
			
		||||
@@ -44,7 +44,7 @@ RV-BoxShadow--stacked(color)
 | 
			
		||||
 * a piece of paper
 | 
			
		||||
 */
 | 
			
		||||
RV-BoxShadow--liftedCorners(color)
 | 
			
		||||
	+RV-Block__Modifier--name('liftedCorners')
 | 
			
		||||
	+RV-Block--modifier()
 | 
			
		||||
		&:before, &:after
 | 
			
		||||
			bottom 15px
 | 
			
		||||
			left 10px
 | 
			
		||||
@@ -62,7 +62,7 @@ RV-BoxShadow--liftedCorners(color)
 | 
			
		||||
 * A suttle drop shadow in the middle of the element
 | 
			
		||||
 */
 | 
			
		||||
RV-BoxShadow--drop(color)
 | 
			
		||||
	+RV-Block__Modifier--name('drop')
 | 
			
		||||
	+RV-Block--modifier()
 | 
			
		||||
		position relative
 | 
			
		||||
		box-shadow 0 1px 4px color
 | 
			
		||||
		
 | 
			
		||||
@@ -92,20 +92,9 @@ RV-BoxShadow()
 | 
			
		||||
	
 | 
			
		||||
	RV-BoxShadow()
 | 
			
		||||
	
 | 
			
		||||
	+RV-Block__Modifier()
 | 
			
		||||
		RV-BoxShadow--simple(--color)
 | 
			
		||||
		
 | 
			
		||||
	+RV-Block__Modifier()
 | 
			
		||||
		RV-BoxShadow--liftedCorners(--color)
 | 
			
		||||
	
 | 
			
		||||
	+RV-Block__Modifier()
 | 
			
		||||
		RV-BoxShadow--levitating(--color)
 | 
			
		||||
		
 | 
			
		||||
	+RV-Block__Modifier()
 | 
			
		||||
		RV-BoxShadow--stacked(--color)
 | 
			
		||||
		
 | 
			
		||||
	+RV-Block__Modifier()
 | 
			
		||||
		RV-BoxShadow--drop(--color)
 | 
			
		||||
		
 | 
			
		||||
	+RV-Block__Modifier()
 | 
			
		||||
		RV-BoxShadow--solid(--color)
 | 
			
		||||
	RV-BoxShadow--simple(--color)
 | 
			
		||||
	RV-BoxShadow--liftedCorners(--color)
 | 
			
		||||
	RV-BoxShadow--levitating(--color)
 | 
			
		||||
	RV-BoxShadow--stacked(--color)
 | 
			
		||||
	RV-BoxShadow--drop(--color)
 | 
			
		||||
	RV-BoxShadow--solid(--color)
 | 
			
		||||
		Reference in New Issue
	
	Block a user