All the boxshadow
This commit is contained in:
		@@ -2,7 +2,8 @@
 | 
			
		||||
 | 
			
		||||
    .LP-PlaceDetail__Image{
 | 
			
		||||
        width: 700px;
 | 
			
		||||
        max-height: 500px;
 | 
			
		||||
		max-height: 500px;
 | 
			
		||||
		@include RV-BoxShadow--simple($-grey);
 | 
			
		||||
        box-shadow: 0 0 10px $-grey;
 | 
			
		||||
        object-fit: cover;
 | 
			
		||||
        object-position: 0 0;
 | 
			
		||||
 
 | 
			
		||||
@@ -178,6 +178,12 @@ $-spacing-large: 35px;
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@mixin RV-FlexRow--multiRow {
 | 
			
		||||
	&__Container {
 | 
			
		||||
		@include RV-FlexRow__Container--multiRow;
 | 
			
		||||
	}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@mixin RV-FlexRow {
 | 
			
		||||
	&__Container {
 | 
			
		||||
		@include RV-FlexRow__Container;
 | 
			
		||||
@@ -367,14 +373,14 @@ $-spacing-large: 35px;
 | 
			
		||||
.RV-FullWidthContent {
 | 
			
		||||
    @include RV-FullWidthContent;
 | 
			
		||||
}
 | 
			
		||||
@mixin RV-BoxShadow($color) {
 | 
			
		||||
@mixin RV-BoxShadow--simple($-color) {
 | 
			
		||||
	box-shadow: 0 0 10px $-color;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@mixin RV-BoxShadow($-color) {
 | 
			
		||||
 | 
			
		||||
    position:relative;
 | 
			
		||||
    float:left;
 | 
			
		||||
    width:40%;
 | 
			
		||||
    margin:2em 10px 4em; 
 | 
			
		||||
    background:#fff;
 | 
			
		||||
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 | 
			
		||||
 | 
			
		||||
    &:before, &:after {
 | 
			
		||||
        content:"";
 | 
			
		||||
@@ -383,7 +389,7 @@ $-spacing-large: 35px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &--simple {
 | 
			
		||||
        box-shadow: 0 0 20px $color;
 | 
			
		||||
        @include RV-BoxShadow--simple($-color);
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &--raised {
 | 
			
		||||
@@ -500,6 +506,10 @@ $-spacing-large: 35px;
 | 
			
		||||
	&__Container {
 | 
			
		||||
		position: relative;
 | 
			
		||||
 | 
			
		||||
		&--small {
 | 
			
		||||
			top: -.25em;
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		&--medium {
 | 
			
		||||
			top: -.5em;
 | 
			
		||||
		}
 | 
			
		||||
@@ -517,12 +527,19 @@ $-spacing-large: 35px;
 | 
			
		||||
		@include RV-Reset;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&__Container--small &__Icon{
 | 
			
		||||
	&__Container--extraSmall &__Icon{
 | 
			
		||||
		width: 1em;
 | 
			
		||||
		height: 1em;
 | 
			
		||||
		position: relative;
 | 
			
		||||
		top: .125em;
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	&__Container--small &__Icon{
 | 
			
		||||
		width: 1.5em;
 | 
			
		||||
		height: 1.5em;
 | 
			
		||||
		position: relative;
 | 
			
		||||
		top: .45em;
 | 
			
		||||
	}
 | 
			
		||||
	
 | 
			
		||||
	&__Container--medium &__Icon{
 | 
			
		||||
		width: 2em;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user