diff options
Diffstat (limited to 'plugins/jetpack/_inc/build/admin.dops-style.rtl.css')
-rw-r--r-- | plugins/jetpack/_inc/build/admin.dops-style.rtl.css | 257 |
1 files changed, 109 insertions, 148 deletions
diff --git a/plugins/jetpack/_inc/build/admin.dops-style.rtl.css b/plugins/jetpack/_inc/build/admin.dops-style.rtl.css index c1e2b215..50354da2 100644 --- a/plugins/jetpack/_inc/build/admin.dops-style.rtl.css +++ b/plugins/jetpack/_inc/build/admin.dops-style.rtl.css @@ -1178,141 +1178,121 @@ a.dops-card:focus { .dops-notice { display: -ms-flexbox; display: flex; - -ms-flex-direction: column; - flex-direction: column; position: relative; width: 100%; margin-bottom: 24px; - background: #e9eff3; box-sizing: border-box; - animation: appear .3s ease-in-out; } - @media (min-width: 481px) { - .dops-notice { - -ms-flex-direction: row; - flex-direction: row; } } - .dops-notice.is-success { + animation: appear .3s ease-in-out; + background: #2e4453; + color: white; + border-radius: 3px; + line-height: 1.5; } + .dops-notice.is-success .dops-notice__icon-wrapper { background: #4ab866; } - .dops-notice.is-warning { + .dops-notice.is-warning .dops-notice__icon-wrapper { background: #f0b849; } - .dops-notice.is-error { + .dops-notice.is-error .dops-notice__icon-wrapper { background: #d94f4f; } - .dops-notice.is-info { - background: #0087be; } - .dops-notice.is-success, .dops-notice.is-error, .dops-notice.is-warning, .dops-notice.is-info { - color: white; } - .dops-notice.is-success .dops-notice__text a, .dops-notice.is-error .dops-notice__text a, .dops-notice.is-warning .dops-notice__text a, .dops-notice.is-info .dops-notice__text a { - color: white; } - .dops-notice.is-success .dops-notice__dismiss, .dops-notice.is-error .dops-notice__dismiss, .dops-notice.is-warning .dops-notice__dismiss, .dops-notice.is-info .dops-notice__dismiss { - color: white; } - .dops-notice.is-basic { - background: white; - color: #87a6bc; - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; } - .dops-notice.is-basic .dops-notice__dismiss:focus { - box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; } - @media (min-width: 661px) { - .dops-notice.is-basic:before { - display: none; } } + .dops-notice.is-info .dops-notice__icon-wrapper { + background: #00aadc; } + .dops-notice .dops-notice__dismiss { + overflow: hidden; } + .dops-notice.is-success .dops-notice__dismiss, .dops-notice.is-error .dops-notice__dismiss, .dops-notice.is-warning .dops-notice__dismiss, .dops-notice.is-info .dops-notice__dismiss { + overflow: hidden; } -.dops-notice__icon { - position: absolute; - top: 0; - right: 0; +.dops-notice__icon-wrapper { + background: #537994; + color: white; display: -ms-flexbox; display: flex; + -ms-flex-align: baseline; + align-items: baseline; + width: 47px; + -ms-flex-pack: center; + justify-content: center; + border-radius: 0 3px 3px 0; -ms-flex-negative: 0; flex-shrink: 0; - width: 18px; - height: 18px; - padding: 14px 16px; } - @media (min-width: 481px) { - .dops-notice__icon { - position: relative; - padding: 13px 16px 13px 0; - width: 24px; - height: 24px; } } + -ms-flex-item-align: stretch; + align-self: stretch; } + .dops-notice__icon-wrapper .gridicon { + margin-top: 10px; } + @media (min-width: 481px) { + .dops-notice__icon-wrapper .gridicon { + margin-top: 12px; } } .dops-notice__content { - display: -ms-flexbox; - display: flex; + padding: 13px; + font-size: 12px; -ms-flex-positive: 1; - flex-grow: 1; - padding: 14px 48px; - font-size: 12px; } + flex-grow: 1; } @media (min-width: 481px) { .dops-notice__content { - font-size: 14px; - padding: 13px; } } - -.dops-notice__text { - max-width: 680px; } - .dops-notice__text a { - text-decoration: underline; } - .dops-notice__text ul { - margin-bottom: 0; - margin-right: 0; - list-style: disc; } - .dops-notice__text li { - margin-right: 1.2em; - margin-top: 0.5em; } - .dops-notice__text p { - margin-bottom: 0; - margin-top: 0.5em; } - .dops-notice__text p:first-child { - margin-top: 0; } + font-size: 14px; } } + +.dops-notice__text a.dops-notice__text-no-underline { + text-decoration: none; } + +.dops-notice__text a, +.dops-notice__text a:visited { + text-decoration: underline; + color: white; } + .dops-notice__text a:hover, + .dops-notice__text a:visited:hover { + color: white; + text-decoration: none; } + +.dops-notice__text ul { + margin-bottom: 0; + margin-right: 0; } + +.dops-notice__text li { + margin-right: 2em; + margin-top: 0.5em; } + +.dops-notice__text p { + margin-bottom: 0; + margin-top: 0.5em; } + .dops-notice__text p:first-child { + margin-top: 0; } .dops-notice__button { cursor: pointer; margin-right: 0.428em; } .dops-notice__dismiss { - position: absolute; - top: 0; - left: 0; - display: -ms-flexbox; - display: flex; -ms-flex-negative: 0; flex-shrink: 0; - padding: 14px 16px; + padding: 12px; cursor: pointer; - color: #87a6bc; } + padding-bottom: 0; } .dops-notice__dismiss .gridicon { width: 18px; height: 18px; } @media (min-width: 481px) { .dops-notice__dismiss { - position: relative; - padding: 13px 16px; } + padding: 11px; + padding-bottom: 0; } .dops-notice__dismiss .gridicon { width: 24px; height: 24px; } } - .dops-notice__dismiss:hover, .dops-notice__dismiss:focus { - color: #2e4453; } .dops-notice .dops-notice__dismiss { - color: #87a6bc; - opacity: 0.85; } + color: #a8bece; } .dops-notice .dops-notice__dismiss:hover, .dops-notice .dops-notice__dismiss:focus { - opacity: 1; } + color: white; } a.dops-notice__action { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: center; - justify-content: center; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-positive: 1; - flex-grow: 1; - box-sizing: border-box; - margin: 0 8px 8px 8px; - padding: 8px; - border-radius: 3px; cursor: pointer; font-size: 12px; font-weight: 400; text-decoration: none; white-space: nowrap; - background: #e3eaef; } + color: #a8bece; + padding: 13px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; } @media (min-width: 481px) { a.dops-notice__action { -ms-flex-negative: 1; @@ -1328,26 +1308,15 @@ a.dops-notice__action { a.dops-notice__action .gridicon { width: 24px; height: 24px; } } - .is-success a.dops-notice__action, - .is-error a.dops-notice__action, - .is-warning a.dops-notice__action, - .is-info a.dops-notice__action { + a.dops-notice__action:visited { + color: #a8bece; } + a.dops-notice__action:hover { color: white; } - .is-success a.dops-notice__action { - background: #338247; } - .is-error a.dops-notice__action { - background: #b52727; } - .is-warning a.dops-notice__action { - background: #da9712; } - .is-info a.dops-notice__action { - background: #005172; } a.dops-notice__action .gridicon { margin-right: 8px; opacity: 0.7; width: 18px; height: 18px; } - a.dops-notice__action:hover, a.dops-notice__action:focus { - background: rgba(255, 255, 255, 0.2); } .dops-notice.is-compact { display: -ms-inline-flexbox; @@ -1357,50 +1326,49 @@ a.dops-notice__action { -ms-flex-direction: row; flex-direction: row; width: auto; - border-radius: 2px; + border-radius: 3px; min-height: 20px; margin: 0; padding: 0; text-decoration: none; text-transform: none; - vertical-align: middle; } - .dops-notice.is-compact.is-success, .dops-notice.is-compact.is-error, .dops-notice.is-compact.is-warning, .dops-notice.is-compact.is-info { - color: white; } + vertical-align: middle; + line-height: 1.5; } .dops-notice.is-compact .dops-notice__content { font-size: 12px; - padding: 6px 8px; } - .dops-notice.is-compact .dops-notice__text { - line-height: 1; } - .dops-notice.is-compact .dops-notice__icon { + padding: 6px 10px; } + .dops-notice.is-compact .dops-notice__icon-wrapper { + width: 28px; } + .dops-notice.is-compact .dops-notice__icon-wrapper .dops-notice__icon { + width: 18px; + height: 18px; + margin: 0; } + .dops-notice.is-compact .dops-notice__icon-wrapper .gridicon { + margin-top: 6px; } + .dops-notice.is-compact .dops-notice__dismiss { position: relative; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; - -ms-flex-negative: 0; - flex-shrink: 0; - margin: 0 8px 0 0; - padding: 0; - width: 18px; - height: 18px; - vertical-align: middle; } - .dops-notice.is-compact .dops-notice__dismiss { - display: none; } + -ms-flex: none; + flex: none; + margin: 0 0 0 8px; + padding: 0; } + .dops-notice.is-compact .dops-notice__dismiss .gridicon { + width: 18px; + height: 18px; } .dops-notice.is-compact a.dops-notice__action { background: transparent; display: inline-block; margin: 0; font-size: 12px; - font-weight: 600; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-right: 16px; - padding: 0 8px; - text-decoration: underline; - text-transform: uppercase; } + padding: 0 10px; } .dops-notice.is-compact a.dops-notice__action:hover, .dops-notice.is-compact a.dops-notice__action:active, .dops-notice.is-compact a.dops-notice__action:focus { - background: transparent; - text-decoration: none; } + background: transparent; } .dops-notice.is-compact a.dops-notice__action .gridicon { margin-right: 8px; width: 14px; @@ -2653,8 +2621,8 @@ https://github.com/thoughtbot/bourbon opacity: 1; } } .global-notices { - overflow: hidden; text-align: left; + pointer-events: none; z-index: 179; position: fixed; top: auto; @@ -2683,38 +2651,31 @@ https://github.com/thoughtbot/bourbon flex-wrap: nowrap; margin-bottom: 0; text-align: right; - pointer-events: auto; } + pointer-events: auto; + border-radius: 0; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 56px rgba(0, 0, 0, 0.15); } + .global-notices .dops-notice .dops-notice__icon-wrapper { + border-radius: 0; } @media (min-width: 661px) { .global-notices .dops-notice { display: -ms-flexbox; display: flex; - border-radius: 20px; overflow: hidden; - margin-bottom: 24px; } } - -@media (min-width: 661px) { - .global-notices .dops-notice__icon { - padding: 8px 16px 8px 0; } } - -.global-notices .dops-notice__content { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -ms-flex-positive: 1; - flex-grow: 1; } - @media (min-width: 661px) { - .global-notices .dops-notice__content { - padding: 9px 13px; } } + margin-bottom: 24px; + border-radius: 3px; } + .global-notices .dops-notice .dops-notice__icon-wrapper { + border-radius: 0 3px 3px 0; } } @media (min-width: 661px) { .global-notices .dops-notice a.dops-notice__action { font-size: 14px; - padding: 9px 16px; } } + padding: 13px 16px; } } .global-notices .dops-notice__dismiss { -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 661px) { .global-notices .dops-notice__dismiss { - padding: 8px 16px; } } + padding: 13px 16px 0; } } /*# sourceMappingURL=admin.dops-style.rtl.css.map */ |