odit/mailymaily
4
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

aggiunto mailgo.css (in src), WIP

Browse Source
This commit is contained in:
Matteo Manzinello 2019-05-08 11:15:58 +02:00
parent 1f40ee0779
commit 1248b37584
1 changed files with 89 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
src/mailgo.css Normal file
View File

@ -0,0 +1,89 @@
.mailgo-title {
display: block;
margin-bottom: 5px;
}
.mailgo-details {
margin-bottom: 10px;
}
.mailgo-details p {
font-size: 12px;
margin-top: 3px;
margin-bottom: 3px;
}
.mailgo-modal-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(10, 10, 10, 0.86);
opacity: 0.8;
}
.mailgo-modal {
position: fixed;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
z-index: 100000;
}
.mailgo-modal.is-active {
display: flex;
}
.mailgo-modal-content {
z-index: 1000;
text-align: center;
width: 200px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
display: block;
overflow: auto;
padding: 1.25rem;
}
.mailgo-modal-content a {
display: block;
color: #4a4a4a;
border-radius: 4px;
text-decoration: none;
}
.mailgo-modal-content a {
padding: 10px;
}
.mailgo-modal-content a.mailgo-open:hover,
.mailgo-modal-content a.mailgo-copy:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.mailgo-modal-content a.outlook {
color: #0072c6;
}
.mailgo-modal-content a.gmail {
color: #d44638;
}
.mailgo-modal-content a.outlook:hover {
background-color: rgba(0, 114, 198, 0.08);
}
.mailgo-modal-content a.gmail:hover {
background-color: rgba(212, 70, 56, 0.08);
}
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
}
.mailgo-modal-content a.mailgo-by {
display: block;
font-size: 8px;
margin-top: 1rem;
padding: 0px;
font-style: italic;
}
.mailgo-weight-500 {
font-weight: 500;
}