diff options
Diffstat (limited to 'plugins/jetpack/css/jetpack-banners.css')
| -rw-r--r-- | plugins/jetpack/css/jetpack-banners.css | 204 |
1 files changed, 200 insertions, 4 deletions
diff --git a/plugins/jetpack/css/jetpack-banners.css b/plugins/jetpack/css/jetpack-banners.css index 1247fc97..6acf0ca9 100644 --- a/plugins/jetpack/css/jetpack-banners.css +++ b/plugins/jetpack/css/jetpack-banners.css @@ -1,19 +1,40 @@ /*! * Do not modify this file directly. It is compiled SASS code. */ +@charset "UTF-8"; +/* +The MIT License (MIT) + +Copyright © 2011–2015 thoughtbot, inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated +documentation files (the “Software”), to deal in the Software without restriction, including without limitation the +rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit +persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial +portions of the Software. + +THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE +WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR +OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + +https://github.com/thoughtbot/bourbon +*/ .updated.jp-banner { position: relative; padding: 0; } .updated .jp-banner__header { - font-size: 18px; + font-size: 1.125rem; font-weight: 400; margin-top: 0; } .updated .jp-banner__button-container { - padding: 12px 0 0; + padding: 0.75rem 0 0; } .jp-banner .notice-dismiss { @@ -21,11 +42,186 @@ } .jp-banner__description { - font-size: 14px; + font-size: 0.875rem; } .jp-banner__description-container { - padding: 16px; + padding: 1rem; +} + +.updated.jp-wpcom-connect__container { + border-left: none; + padding: 0; + box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; +} + +@media screen and (max-width: 782px) { + .updated.jp-wpcom-connect__container { + padding: 0 !important; + } +} + +.updated.jp-wpcom-connect__container .dops-button { + padding: 7px 14px 9px; +} + +.updated .notice-dismiss { + text-decoration: none; +} + +.jp-wpcom-connect__container { + display: block; + position: relative; + box-sizing: border-box; +} + +.jp-wpcom-connect__inner-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: left; + -ms-flex-pack: left; + justify-content: left; +} + +.jp-wpcom-connect__content-container { + max-width: 75rem; + position: relative; + padding: 2rem; +} + +@media (min-width: 782px) { + .jp-wpcom-connect__content-container { + padding: 2rem 2rem 6rem 2rem; + } +} + +.jp-wpcom-connect__content-container p { + color: #4f748e; + font-size: 0.875rem; +} + +.jp-wpcom-connect__content-container h2 { + margin-top: 0; + color: #4F748E; + line-height: 1.6; +} + +.jp-wpcom-connect__content-icon { + float: right; + margin: 0 0 2.25rem 2.25rem; +} + +.jp-wpcom-connect__slide { + display: none; +} + +.jp-wpcom-connect__slide.jp__slide-is-active { + display: block; +} + +@media (min-width: 782px) { + .jp-wpcom-connect__content-container .jp-banner__button-container { + position: absolute; + bottom: 1rem; + } +} + +.jp-banner__button-container .dops-button { + margin: 0.3125rem 0; +} + +.jp-wpcom-connect__vertical-nav { + background-color: #F3F6F8; +} + +@media (min-width: 600px) { + .jp-wpcom-connect__vertical-nav { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + } +} + +@media (max-width: 600px) { + .jp-wpcom-connect__vertical-nav { + display: none; + } +} + +.jp-wpcom-connect__vertical-nav-container { + width: 15rem; +} + +.vertical-menu__feature-item-label { + display: none; +} + +@media (min-width: 600px) { + .vertical-menu__feature-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: none; + padding: 0.5rem; + border-bottom: 1px solid #c8d7e1; + border-right: 1px solid #c8d7e1; + border-left: 3px solid #F3F6F8; + background-color: #F3F6F8; + color: #87a6bc; + cursor: pointer; + } + .vertical-menu__feature-item:last-of-type { + position: relative; + top: 1px; + } + .vertical-menu__feature-item-is-selected { + border-left: 3px solid #0087be; + border-right: 1px solid #fff; + background-color: #fff; + color: #2e4453; + } + .vertical-menu__feature-item-is-selected.jp-feature-intro { + border-left: 3px solid #8CC258; + } + .vertical-menu__feature-item-icon { + width: 1.25rem; + height: 1.25rem; + padding: 0.25rem; + } + .vertical-menu__feature-item svg { + fill: #86A6BD; + } + .vertical-menu__feature-item-is-selected svg { + fill: #3D596D; + } + .vertical-menu__feature-item-is-selected.jp-feature-intro svg { + fill: #8CC258; + } + .vertical-menu__feature-item-is-selected.wp-app-logo svg path { + fill: #3D596D; + } + .vertical-menu__feature-item-label { + display: block; + padding: 0.5rem; + } } /*# sourceMappingURL=jetpack-banners.css.map */ |