All the boxshadow

This commit is contained in:
2020-08-27 15:47:03 +02:00
parent 6a1e281b3e
commit 607de24c14
3 changed files with 38 additions and 15 deletions

View File

@@ -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;

View File

@@ -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;