diff options
Diffstat (limited to 'plugins/jetpack/_inc/build/admin.dops-style.css')
-rw-r--r-- | plugins/jetpack/_inc/build/admin.dops-style.css | 276 |
1 files changed, 80 insertions, 196 deletions
diff --git a/plugins/jetpack/_inc/build/admin.dops-style.css b/plugins/jetpack/_inc/build/admin.dops-style.css index 64c50ce3..c400242e 100644 --- a/plugins/jetpack/_inc/build/admin.dops-style.css +++ b/plugins/jetpack/_inc/build/admin.dops-style.css @@ -20,8 +20,7 @@ border-radius: 4px; padding: 7px 14px 9px; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } + appearance: none; } .dops-button:hover { border-color: #a8bece; color: #2e4453; } @@ -329,12 +328,9 @@ white-space: nowrap; text-overflow: ellipsis; color: inherit; - display: -ms-flexbox; display: flex; - -ms-flex-flow: row wrap; - flex-flow: row wrap; - -ms-flex-pack: justify; - justify-content: space-between; } + flex-flow: row wrap; + justify-content: space-between; } .dops-select-dropdown__item-text .dops-count { color: inherit; border-color: inherit; } @@ -460,32 +456,25 @@ * @component Search */ .dops-search { - display: -ms-flexbox; display: flex; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; margin-bottom: 24px; width: 60px; height: 51px; position: relative; - -ms-flex-align: center; - align-items: center; + align-items: center; z-index: 22; transition: all 0.15s ease-in-out; } .dops-search .dops-search__icon-navigation { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: -ms-flexbox; + flex: 0 0 auto; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: white; border-radius: inherit; height: 100%; } .dops-search .dops-search__open-icon, .dops-search .dops-search__close-icon { - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; width: 50px; z-index: 20; color: #0087be; @@ -505,7 +494,6 @@ .dops-search.is-expanded-to-container { margin-bottom: 0; position: absolute; - display: -ms-flexbox; display: flex; height: 100%; width: 50px; @@ -513,21 +501,16 @@ right: 0; } .dops-search.is-expanded-to-container .dops-search__input-fade { position: relative; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - display: -ms-flexbox; + flex: 1 1 auto; display: flex; } .dops-search.is-expanded-to-container .dops-search__input[type="search"] { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - display: -ms-flexbox; + flex: 1 1 auto; display: flex; margin: 0; box-shadow: none; } .dops-search__input[type="search"] { - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; display: none; z-index: 10; top: 0; @@ -535,8 +518,7 @@ border-radius: inherit; height: 100%; background: white; - -moz-appearance: none; - appearance: none; + appearance: none; box-sizing: border-box; padding: 0px; -webkit-appearance: none; } @@ -558,8 +540,7 @@ .dops-search.is-open .dops-search__input { display: block; } .dops-search.is-open .dops-search__input-fade { - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; height: 100%; position: relative; font-size: 16px; @@ -570,6 +551,7 @@ position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; + -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; @@ -591,6 +573,7 @@ position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; + -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; @@ -610,12 +593,9 @@ position: absolute; pointer-events: none; white-space: nowrap; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + align-items: center; + flex: 1 1 auto; overflow: hidden; font: inherit; width: 100%; @@ -631,12 +611,9 @@ display: none; } .dops-search.is-searching .dops-spinner { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: -ms-flexbox; + flex: 0 0 auto; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; height: 100%; z-index: 20; } .dops-search.is-searching .dops-spinner .dops-spinner__image { @@ -671,7 +648,6 @@ margin-bottom: 9px; } } .dops-section-nav__mobile-header { - display: -ms-flexbox; display: flex; padding: 15px; font-size: 14px; @@ -705,8 +681,7 @@ .dops-section-nav__mobile-header-text { width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @@ -718,8 +693,7 @@ text-transform: uppercase; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header-text { width: auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; } + flex: 0 1 auto; } .dops-section-nav__panel { box-sizing: border-box; @@ -731,14 +705,11 @@ background: linear-gradient(to bottom, #f3f6f8 0%, white 4px); } } @media (min-width: 481px) { .dops-section-nav__panel { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; } + align-items: center; } .dops-section-nav__panel:first-child { width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; } } + flex: 1 0 auto; } } .dops-section-nav-group { position: relative; @@ -759,11 +730,9 @@ padding-top: 0; border-top: none; } .dops-section-nav-group:first-child { - display: -ms-flexbox; display: flex; width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; } } + flex: 1 0 auto; } } .dops-section-nav__button { width: 100%; @@ -796,13 +765,11 @@ @media (min-width: 481px) { .dops-section-nav-tabs { width: 0; - -ms-flex: 1 0 auto; - flex: 1 0 auto; } + flex: 1 0 auto; } .dops-section-nav-tabs.is-dropdown { position: relative; width: auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + flex: 0 1 auto; margin: 8px; } } .dops-section-nav-tabs__list { @@ -810,7 +777,6 @@ list-style: none; } @media (min-width: 481px) { .dops-section-nav-tabs__list { - display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; } @@ -822,8 +788,7 @@ @media (min-width: 481px) { .dops-section-nav-tab { width: auto; - -ms-flex: none; - flex: none; + flex: none; border-bottom: 2px solid transparent; border-top: none; text-align: center; } @@ -837,10 +802,8 @@ text-overflow: ellipsis; } .dops-section-nav-tab__link { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; box-sizing: border-box; padding: 15px; width: 100%; @@ -889,15 +852,13 @@ .dops-section-nav-tab__text { display: block; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; width: 0; color: inherit; } @media (min-width: 481px) { .dops-section-nav-tab__text { display: inline; - -ms-flex: none; - flex: none; + flex: none; width: auto; } } .dops-section-nav-tabs__dropdown { @@ -930,8 +891,6 @@ background-color: white; transition: all .15s ease-in-out; box-shadow: none; } - .dops-text-input.dops-text-input:-ms-input-placeholder { - color: #87a6bc; } .dops-text-input.dops-text-input::placeholder { color: #87a6bc; } .dops-text-input.dops-text-input:hover { @@ -949,8 +908,6 @@ -webkit-text-fill-color: #a8bece; } .dops-text-input.dops-text-input:disabled:hover { cursor: default; } - .dops-text-input.dops-text-input:disabled:-ms-input-placeholder { - color: #a8bece; } .dops-text-input.dops-text-input:disabled::placeholder { color: #a8bece; } @@ -1121,10 +1078,8 @@ /* Above .dialog */ } .dops-popover__menu { - display: -ms-flexbox; display: flex; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; min-width: 200px; } .dops-popover__menu-item { @@ -1171,8 +1126,7 @@ display: none; } .form-toggle__switch { - -ms-flex: none; - flex: none; + flex: none; position: relative; display: inline-block; border-radius: 12px; @@ -1201,14 +1155,12 @@ box-shadow: 0 0 0 2px #00aadc; } .form-toggle__label { - display: -ms-flexbox; display: flex; cursor: pointer; } .is-disabled .form-toggle__label { cursor: default; } .form-toggle__label .form-toggle__label-content { - -ms-flex: 0 1 100%; - flex: 0 1 100%; + flex: 0 1 100%; margin-left: 12px; } .dops-accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch { @@ -1298,10 +1250,8 @@ a.dops-card:focus { a.dops-card:focus .dops-card__link-indicator { color: tint(#00aadc, 20%); } .dops-section-header.dops-card { - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; max-width: 100%; padding-top: 0.6875rem; padding-bottom: 0.6875rem; @@ -1310,12 +1260,9 @@ a.dops-card:focus { content: ''; } .dops-section-header__label { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex-positive: 1; - flex-grow: 1; + align-items: center; + flex-grow: 1; min-width: 0; line-height: 1.75rem; position: relative; @@ -1338,6 +1285,7 @@ a.dops-card:focus { position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; + -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; @@ -1353,8 +1301,7 @@ a.dops-card:focus { width: auto; } .dops-section-header__actions { - -ms-flex-positive: 0; - flex-grow: 0; + flex-grow: 0; position: relative; } .dops-section-header__actions:after { content: "."; @@ -1378,7 +1325,6 @@ a.dops-card:focus { opacity: 1; } } .dops-notice { - display: -ms-flexbox; display: flex; position: relative; width: 100%; @@ -1405,18 +1351,13 @@ a.dops-card:focus { .dops-notice__icon-wrapper { background: #537994; color: white; - display: -ms-flexbox; display: flex; - -ms-flex-align: baseline; - align-items: baseline; + align-items: baseline; width: 47px; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; border-radius: 3px 0 0 3px; - -ms-flex-negative: 0; - flex-shrink: 0; - -ms-flex-item-align: stretch; - align-self: stretch; } + flex-shrink: 0; + align-self: stretch; } .dops-notice__icon-wrapper .gridicon { margin-top: 10px; } @media (min-width: 481px) { @@ -1426,8 +1367,7 @@ a.dops-card:focus { .dops-notice__content { padding: 13px; font-size: 12px; - -ms-flex-positive: 1; - flex-grow: 1; } + flex-grow: 1; } @media (min-width: 481px) { .dops-notice__content { font-size: 14px; } } @@ -1463,8 +1403,7 @@ a.dops-card:focus { margin-left: 0.428em; } .dops-notice__dismiss { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; padding: 12px; cursor: pointer; padding-bottom: 0; } @@ -1491,18 +1430,13 @@ a.dops-notice__action { white-space: nowrap; color: #a8bece; padding: 13px; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; } + align-items: center; } @media (min-width: 481px) { a.dops-notice__action { - -ms-flex-negative: 1; - flex-shrink: 1; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-align: center; - align-items: center; + flex-shrink: 1; + flex-grow: 0; + align-items: center; border-radius: 0; font-size: 14px; margin: 0 0 0 auto; @@ -1521,12 +1455,9 @@ a.dops-notice__action { height: 18px; } .dops-notice.is-compact { - display: -ms-inline-flexbox; display: inline-flex; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -ms-flex-direction: row; - flex-direction: row; + flex-wrap: nowrap; + flex-direction: row; width: auto; border-radius: 3px; min-height: 20px; @@ -1549,11 +1480,8 @@ a.dops-notice__action { 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: none; - flex: none; + align-self: center; + flex: none; margin: 0 8px 0 0; padding: 0; } .dops-notice.is-compact .dops-notice__dismiss .gridicon { @@ -1564,9 +1492,7 @@ a.dops-notice__action { display: inline-block; margin: 0; font-size: 12px; - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; + align-self: center; margin-left: 16px; 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 { @@ -1655,7 +1581,6 @@ a.dops-notice__action { .dops-banner.dops-card { border-left: 3px solid; - display: -ms-flexbox; display: flex; padding: 12px 6px 12px 12px; position: relative; @@ -1688,10 +1613,8 @@ a.dops-notice__action { .dops-banner.dops-card.is-upgrade-business .dops-banner__icon-circle { background-color: #855DA6; } .dops-banner.dops-card .dops-card__link-indicator { - -ms-flex-align: center; - align-items: center; + align-items: center; color: #0087be; - display: -ms-flexbox; display: flex; } .dops-banner.dops-card:hover { transition: all 100ms ease-in-out; } @@ -1706,13 +1629,11 @@ a.dops-notice__action { padding-right: 16px; } } .dops-banner__icons { - display: -ms-flexbox; display: flex; } .dops-banner__icons .dops-banner__icon, .dops-banner__icons .dops-banner__icon-circle { border-radius: 50%; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; height: 24px; margin-right: 16px; margin-top: -2px; @@ -1720,9 +1641,7 @@ a.dops-notice__action { top: 4px; width: 24px; } .dops-banner__icons .dops-banner__icon { - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; + align-self: center; color: white; display: block; } .dops-banner__icons .dops-banner__icon-circle { @@ -1733,15 +1652,13 @@ a.dops-notice__action { margin-bottom: -7px; } @media (min-width: 481px) { .dops-banner__icons { - -ms-flex-align: center; - align-items: center; } + align-items: center; } .dops-banner__icons .dops-banner__icon { display: none; } .dops-banner__icons .dops-banner__icon-circle { display: block; } } .dops-banner__icon-plan { - display: -ms-flexbox; display: flex; margin-right: 16px; } .dops-banner__icon-plan .dops-plan-icon { @@ -1749,26 +1666,19 @@ a.dops-notice__action { width: 32px; } @media (min-width: 481px) { .dops-banner__icon-plan { - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } .dops-banner__content { - -ms-flex-align: center; - align-items: center; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } + flex-grow: 1; + flex-wrap: wrap; } @media (min-width: 481px) { .dops-banner__content { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } } + flex-wrap: nowrap; } } .dops-banner__info { - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; line-height: 1.4; width: 100%; } .dops-banner__info .dops-banner__title, @@ -1799,18 +1709,14 @@ a.dops-notice__action { vertical-align: bottom; } } .dops-banner__action { - -ms-flex-item-align: center; - -ms-grid-row-align: center; - align-self: center; + align-self: center; font-size: 12px; margin: 8px 0 0 0; text-align: left; width: 100%; } .dops-banner__action .dops-banner__prices { - display: -ms-flexbox; display: flex; - -ms-flex-pack: start; - justify-content: flex-start; } + justify-content: flex-start; } .dops-banner__action .dops-banner__prices .dops-plan-price { margin-bottom: 0; } .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted, @@ -1826,8 +1732,7 @@ a.dops-notice__action { .is-dismissible .dops-banner__action { margin-top: 40px; } .dops-banner__action .dops-banner__prices { - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; text-align: right; } } .module-overridden-banner.dops-banner.is-compact { margin-bottom: 0; } @@ -1914,12 +1819,9 @@ a.dops-notice__action { width: 100%; padding: 16px; box-sizing: border-box; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: center; + justify-content: space-between; position: relative; } .dops-foldable-card__header.has-border .dops-foldable-card__summary, .dops-foldable-card__header.has-border .dops-foldable-card__summary_expanded { @@ -1959,33 +1861,25 @@ button.dops-foldable-card__action { .dops-foldable-card__main { max-width: calc( 100% - 36px); display: block; - -ms-flex-align: center; - align-items: center; + align-items: center; width: 100%; margin-right: 5px; } @media (max-width: 480px) { .dops-foldable-card__main { - -ms-flex: 1 1; - flex: 1 1; } } + flex: 1 1; } } .dops-foldable-card__secondary { - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex: 1 1; - flex: 1 1; - -ms-flex-pack: end; - justify-content: flex-end; } + align-items: center; + flex: 1 1; + justify-content: flex-end; } .dops-foldable-card__expand { width: 48px; } .dops-foldable-card__expand .gridicon { fill: #87a6bc; - display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; + align-items: center; width: 100%; vertical-align: middle; transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in; } @@ -2029,8 +1923,7 @@ button.dops-foldable-card__action { .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary, .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary_expanded { transition: none; - -ms-flex: 2; - flex: 2; + flex: 2; text-align: right; } @media (max-width: 480px) { .dops-foldable-card__summary, @@ -2080,8 +1973,6 @@ button.dops-foldable-card__action { background-color: white; transition: all .15s ease-in-out; box-shadow: none; } - .dops-textarea:-ms-input-placeholder { - color: #87a6bc; } .dops-textarea::placeholder { color: #87a6bc; } .dops-textarea:hover { @@ -2099,8 +1990,6 @@ button.dops-foldable-card__action { -webkit-text-fill-color: #a8bece; } .dops-textarea:disabled:hover { cursor: default; } - .dops-textarea:disabled:-ms-input-placeholder { - color: #a8bece; } .dops-textarea:disabled::placeholder { color: #a8bece; } .dops-clipboard-button-input { @@ -2118,6 +2007,7 @@ button.dops-foldable-card__action { position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; + -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; @@ -2390,7 +2280,6 @@ https://github.com/thoughtbot/bourbon text-align: center; overflow: hidden; display: -ms-flex; - display: -ms-flexbox; display: flex; } .dops-chart__bar { @@ -2399,11 +2288,9 @@ https://github.com/thoughtbot/bourbon position: relative; height: 200px; -ms-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; -ms-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } + flex-shrink: 1; } .dops-chart__bar.is-weekend { background-color: rgba(233, 239, 243, 0.5); } .dops-chart__bar:hover { @@ -2693,8 +2580,7 @@ https://github.com/thoughtbot/bourbon max-width: calc( 100% - 64px); } } .global-notices .dops-notice { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; margin-bottom: 0; text-align: left; pointer-events: auto; @@ -2704,7 +2590,6 @@ https://github.com/thoughtbot/bourbon border-radius: 0; } @media (min-width: 661px) { .global-notices .dops-notice { - display: -ms-flexbox; display: flex; overflow: hidden; margin-bottom: 24px; @@ -2718,8 +2603,7 @@ https://github.com/thoughtbot/bourbon padding: 13px 16px; } } .global-notices .dops-notice__dismiss { - -ms-flex-negative: 0; - flex-shrink: 0; } + flex-shrink: 0; } @media (min-width: 661px) { .global-notices .dops-notice__dismiss { padding: 13px 16px 0; } } |