1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- .android {
- #header {
- background-color: $blue;
- color: white;
- transition: background-color 0.5s;
- &.inactive {
- background-color: $grey_l;
- color: $grey_d;
- }
- }
- .contact-details .name {
- font-weight: 400;
- }
- .conversation.placeholder .conversation-header {
- display: none;
- }
- .conversation-header, .bubble {
- @include avatar-colors;
- }
- .bottom-bar {
- min-height: 10px;
- }
- .bubble {
- padding: 9px 12px;
- border-radius: $border-radius;
- box-shadow: 0 3px 3px -4px black;
- }
- .outgoing .bubble {
- background-color: $grey_l;
- }
- .outgoing .hourglass {
- @include hourglass(#999);
- }
- .incoming .hourglass {
- @include hourglass(#fff);
- }
- .incoming .bubble {
- .sender, .content, .body, .meta, a {
- @include invert-text-color;
- }
- .attachments, .content {
- a {
- color: $grey_l;
- }
- }
- }
- button.clock {
- @include header-icon-white('/images/clock.svg');
- }
- .inactive button.clock {
- @include header-icon-black('/images/clock.svg');
- }
- button.hamburger {
- @include header-icon-white('/images/menu.svg');
- }
- .inactive button.hamburger {
- @include header-icon-black('/images/menu.svg');
- }
- button.back {
- @include header-icon-white('/images/back.svg');
- }
- .inactive button.back {
- @include header-icon-black('/images/back.svg');
- }
- }
|