65 lines
1.3 KiB
SCSS
65 lines
1.3 KiB
SCSS
// button.share {
|
|
// font-size: 13px;
|
|
// transform: translateY(-2px) scale(1.03);
|
|
// margin-right: 4px;
|
|
// margin-left: 2px;
|
|
// border-radius: 4px;
|
|
// i {
|
|
// font-size: 15px;
|
|
// }
|
|
// }
|
|
// .share-msg {
|
|
// background-color: #0088cc;
|
|
// }
|
|
// .share-delete {
|
|
// background-color: #e60023;
|
|
// }
|
|
// .share-cc {
|
|
// background-color: #ff961c;
|
|
// }
|
|
button.share {
|
|
font-size: 13px;
|
|
transform: translateY(-2px) scale(1.03);
|
|
margin-right: 4px;
|
|
margin-left: 2px;
|
|
border-radius: 4px;
|
|
transition: transform 0.2s, background-color 0.2s, opacity 0.2s;
|
|
}
|
|
|
|
button.share i {
|
|
font-size: 15px;
|
|
}
|
|
|
|
button.share-delete {
|
|
background-color: #e60023; /* Rot */
|
|
color: white;
|
|
}
|
|
|
|
button.share-delete:hover:not(:disabled) {
|
|
background-color: #cc001f; /* Dunkleres Rot für Hover */
|
|
}
|
|
|
|
button.share-cc {
|
|
background-color: #4f46e5; /* Beispiel: Indigo für CC Info */
|
|
color: white;
|
|
}
|
|
|
|
button.share-cc:hover:not(:disabled) {
|
|
background-color: #4338ca; /* Dunkleres Indigo für Hover */
|
|
}
|
|
|
|
button.share-msg {
|
|
background-color: #10b981; /* Beispiel: Grün für Messages */
|
|
color: white;
|
|
}
|
|
|
|
button.share-msg:hover:not(:disabled) {
|
|
background-color: #059669; /* Dunkleres Grün für Hover */
|
|
}
|
|
|
|
/* Deaktivierter Zustand */
|
|
button.share:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|