a bit different style

This commit is contained in:
Matteo Manzinello
2019-10-21 09:14:19 +02:00
parent a37500f0e9
commit 3a7a2a6c71
4 changed files with 12 additions and 7 deletions

View File

@@ -1,6 +1,8 @@
$mailgo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
// colors
$default-color: #4a4a4a;
$gmail-color: #d44638;
$outlook-color: #0072c6;
@@ -8,6 +10,9 @@ $wa-color: #00bfa5;
$telegram-color: #0088cc;
$skype-color: #00aff0;
// other vars
$default-border-radius: 8px;
.mailgo-modal {
position: fixed;
top: 0;
@@ -56,8 +61,8 @@ $skype-color: #00aff0;
max-width: 240px;
background-color: #fff;
opacity: 0.97;
border-radius: 5px;
box-shadow: 0px 3px 8px 0px rgba(32, 35, 42, 0.12);
border-radius: $default-border-radius;
box-shadow: 0px 3px 20px rgba(32, 35, 42, 0.5);
color: $default-color;
display: block;
overflow: auto;
@@ -66,12 +71,12 @@ $skype-color: #00aff0;
&:hover {
opacity: 1;
box-shadow: 0px 18px 30px 0px rgba(32, 35, 42, 0.23);
box-shadow: 0px 7px 20px rgba(32, 35, 42, 0.85);
}
.mailgo-title {
display: block;
margin-bottom: 5px;
margin-bottom: $default-border-radius;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;