trying with Neumorphism?
This commit is contained in:
@@ -11,7 +11,7 @@ $telegram-color: #0088cc;
|
||||
$skype-color: #00aff0;
|
||||
|
||||
// other vars
|
||||
$default-border-radius: 8px;
|
||||
$default-border-radius: 20px;
|
||||
|
||||
.m-modal {
|
||||
position: fixed;
|
||||
@@ -49,7 +49,7 @@ $default-border-radius: 8px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(32, 35, 42, 0.75);
|
||||
background-color: rgba(217, 217, 217, 0.75);
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
@@ -63,7 +63,7 @@ $default-border-radius: 8px;
|
||||
background-color: #fff;
|
||||
opacity: 0.97;
|
||||
border-radius: $default-border-radius;
|
||||
box-shadow: 0px 3px 20px rgba(32, 35, 42, 0.5);
|
||||
box-shadow: 30px 30px 60px rgb(217, 217, 217), -30px -30px 60px #ffffff;
|
||||
color: $default-color;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -73,7 +73,7 @@ $default-border-radius: 8px;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
box-shadow: 0px 7px 20px rgba(32, 35, 42, 0.85);
|
||||
box-shadow: 30px 30px 60px #d9d9d9, -30px -30px 60px #ffffff;
|
||||
}
|
||||
|
||||
.m-title {
|
||||
|
||||
Reference in New Issue
Block a user