From ab0083f3414c93d1eaffb0b4ee0d121f992d10ba Mon Sep 17 00:00:00 2001 From: lilia Date: Sat, 3 Sep 2016 14:38:08 -0700 Subject: [PATCH] Simplify invert-text-color mixin // FREEBIE --- stylesheets/_themes.scss | 33 +++++++++++++-------------------- stylesheets/manifest.css | 26 +++++++++----------------- 2 files changed, 22 insertions(+), 37 deletions(-) diff --git a/stylesheets/_themes.scss b/stylesheets/_themes.scss index febf16fa..0ea2a221 100644 --- a/stylesheets/_themes.scss +++ b/stylesheets/_themes.scss @@ -1,23 +1,9 @@ @mixin invert-text-color { - &, .meta { - color: white; - } + color: white; - &, .content { - &::selection, a::selection { - background: white; - color: $grey_d; - } - &::-moz-selection, a::-moz-selection { - background: white; - color: $grey_d; - } - } - - &, .attachments, .content { - a { - color: $grey_l; - } + &::selection { + background: white; + color: $grey_d; } } @@ -164,7 +150,7 @@ $ios-border-color: rgba(0,0,0,0.1); .outgoing { .content { background-color: $blue; - .body { + &, .body, a { @include invert-text-color; } float: right; @@ -218,7 +204,14 @@ $ios-border-color: rgba(0,0,0,0.1); } .incoming .bubble { - @include invert-text-color; + .content, .body, .meta, a { + @include invert-text-color; + } + .attachments, .content { + a { + color: $grey_l; + } + } } } diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index ad1b52ff..4973a5b1 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -1464,16 +1464,11 @@ li.entry .error-icon-container { .ios .outgoing .content { background-color: #2090ea; float: right; } - .ios .outgoing .content .body, .ios .outgoing .content .body .meta { + .ios .outgoing .content, .ios .outgoing .content .body, .ios .outgoing .content a { color: white; } - .ios .outgoing .content .body::selection, .ios .outgoing .content .body a::selection, .ios .outgoing .content .body .content::selection, .ios .outgoing .content .body .content a::selection { - background: white; - color: #454545; } - .ios .outgoing .content .body::-moz-selection, .ios .outgoing .content .body a::-moz-selection, .ios .outgoing .content .body .content::-moz-selection, .ios .outgoing .content .body .content a::-moz-selection { - background: white; - color: #454545; } - .ios .outgoing .content .body a, .ios .outgoing .content .body .attachments a, .ios .outgoing .content .body .content a { - color: #f3f3f3; } + .ios .outgoing .content::selection, .ios .outgoing .content .body::selection, .ios .outgoing .content a::selection { + background: white; + color: #454545; } .ios .outgoing .timestamp { float: none; } .ios .outgoing .status { @@ -1536,15 +1531,12 @@ li.entry .error-icon-container { box-shadow: 0 3px 3px -4px black; } .android .outgoing .bubble { background-color: #f3f3f3; } -.android .incoming .bubble, .android .incoming .bubble .meta { +.android .incoming .bubble .content, .android .incoming .bubble .body, .android .incoming .bubble .meta, .android .incoming .bubble a { color: white; } -.android .incoming .bubble::selection, .android .incoming .bubble a::selection, .android .incoming .bubble .content::selection, .android .incoming .bubble .content a::selection { - background: white; - color: #454545; } -.android .incoming .bubble::-moz-selection, .android .incoming .bubble a::-moz-selection, .android .incoming .bubble .content::-moz-selection, .android .incoming .bubble .content a::-moz-selection { - background: white; - color: #454545; } -.android .incoming .bubble a, .android .incoming .bubble .attachments a, .android .incoming .bubble .content a { + .android .incoming .bubble .content::selection, .android .incoming .bubble .body::selection, .android .incoming .bubble .meta::selection, .android .incoming .bubble a::selection { + background: white; + color: #454545; } +.android .incoming .bubble .attachments a, .android .incoming .bubble .content a { color: #f3f3f3; } /*# sourceMappingURL=manifest.css.map */