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

@@ -225,17 +225,13 @@
.RV-BoxShadow {
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; }
float: left; }
.RV-BoxShadow:before, .RV-BoxShadow:after {
content: "";
position: absolute;
z-index: -2; }
.RV-BoxShadow--simple {
box-shadow: 0 0 20px #6b5690; }
box-shadow: 0 0 10px #6b5690; }
.RV-BoxShadow--raised:after {
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.RV-BoxShadow--liftedCorners:before, .RV-BoxShadow--liftedCorners:after {
@@ -296,6 +292,8 @@
.RV-Iconized__Container {
position: relative; }
.RV-Iconized__Container--small {
top: -.25em; }
.RV-Iconized__Container--medium {
top: -.5em; }
.RV-Iconized__Container--large {
@@ -312,12 +310,18 @@
right: 0;
border: none; }
.RV-Iconized__Container--small .RV-Iconized__Icon {
.RV-Iconized__Container--extraSmall .RV-Iconized__Icon {
width: 1em;
height: 1em;
position: relative;
top: .125em; }
.RV-Iconized__Container--small .RV-Iconized__Icon {
width: 1.5em;
height: 1.5em;
position: relative;
top: .45em; }
.RV-Iconized__Container--medium .RV-Iconized__Icon {
width: 2em;
height: 2em;
@@ -1388,6 +1392,7 @@ body {
width: 700px;
max-height: 500px;
box-shadow: 0 0 10px #565656;
box-shadow: 0 0 10px #565656;
object-fit: cover;
object-position: 0 0;
margin: 0;