2013-11-12 16:19:15 -05:00
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
|
2014-03-10 20:04:14 -04:00
|
|
|
NOTE: If you edit this file, you should make sure that the CSS rules for
|
|
|
|
buttons in the following files are updated.
|
|
|
|
|
|
|
|
* jquery-ui-dialog.css
|
|
|
|
* editor.css
|
2013-11-12 16:19:15 -05:00
|
|
|
|
|
|
|
WordPress-style Buttons
|
|
|
|
=======================
|
|
|
|
Create a button by adding the %60.button` class to an element. For backwards
|
|
|
|
compatibility, we support several other classes (such as `.button-secondary`),
|
|
|
|
but these will *not* work with the stackable classes described below.
|
|
|
|
|
|
|
|
Button Styles
|
|
|
|
-------------
|
|
|
|
To display a primary button style, add the `.button-primary` class to a button.
|
|
|
|
|
|
|
|
Button Sizes
|
|
|
|
------------
|
|
|
|
Adjust a button's size by adding the `.button-large` or `.button-small` class.
|
|
|
|
|
|
|
|
Button States
|
|
|
|
-------------
|
|
|
|
Lock the state of a button by adding the name of the pseudoclass as
|
|
|
|
an actual class (e.g. `.hover` for `:hover`).
|
|
|
|
|
|
|
|
|
|
|
|
TABLE OF CONTENTS:
|
|
|
|
------------------
|
|
|
|
1.0 - Button Layouts
|
|
|
|
2.0 - Default Button Style
|
|
|
|
3.0 - Primary Button Style
|
|
|
|
4.0 - Button Groups
|
2013-11-25 22:36:09 -05:00
|
|
|
5.0 - Responsive Button Styles
|
2013-11-12 16:19:15 -05:00
|
|
|
|
|
|
|
---------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
1.0 - Button Layouts
|
|
|
|
---------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
.wp-core-ui .button,
|
|
|
|
.wp-core-ui .button-primary,
|
|
|
|
.wp-core-ui .button-secondary {
|
|
|
|
display: inline-block;
|
|
|
|
text-decoration: none;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 26px;
|
|
|
|
height: 28px;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0 10px 1px;
|
|
|
|
cursor: pointer;
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
-webkit-appearance: none;
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-border-radius: 3px;
|
2013-11-12 16:19:15 -05:00
|
|
|
border-radius: 3px;
|
|
|
|
white-space: nowrap;
|
|
|
|
-webkit-box-sizing: border-box;
|
2014-02-13 03:30:17 -05:00
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
2013-11-12 16:19:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Remove the dotted border on :focus and the extra padding in Firefox */
|
|
|
|
.wp-core-ui button::-moz-focus-inner,
|
|
|
|
.wp-core-ui input[type="reset"]::-moz-focus-inner,
|
|
|
|
.wp-core-ui input[type="button"]::-moz-focus-inner,
|
|
|
|
.wp-core-ui input[type="submit"]::-moz-focus-inner {
|
|
|
|
border-width: 1px 0;
|
|
|
|
border-style: solid none;
|
|
|
|
border-color: transparent;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button.button-large,
|
|
|
|
.wp-core-ui .button-group.button-large .button {
|
|
|
|
height: 30px;
|
|
|
|
line-height: 28px;
|
|
|
|
padding: 0 12px 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button.button-small,
|
|
|
|
.wp-core-ui .button-group.button-small .button {
|
2013-11-26 17:10:09 -05:00
|
|
|
height: 24px;
|
|
|
|
line-height: 22px;
|
2013-11-12 16:19:15 -05:00
|
|
|
padding: 0 8px 1px;
|
2013-11-26 17:10:09 -05:00
|
|
|
font-size: 11px;
|
2013-11-12 16:19:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button.button-hero,
|
|
|
|
.wp-core-ui .button-group.button-hero .button {
|
|
|
|
font-size: 14px;
|
|
|
|
height: 46px;
|
|
|
|
line-height: 44px;
|
|
|
|
padding: 0 36px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button:active {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button.hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Style Reset buttons as simple text links */
|
|
|
|
|
|
|
|
.wp-core-ui input[type="reset"],
|
|
|
|
.wp-core-ui input[type="reset"]:hover,
|
|
|
|
.wp-core-ui input[type="reset"]:active,
|
|
|
|
.wp-core-ui input[type="reset"]:focus {
|
|
|
|
background: none;
|
|
|
|
border: none;
|
|
|
|
-webkit-box-shadow: none;
|
|
|
|
box-shadow: none;
|
2013-11-17 11:18:11 -05:00
|
|
|
padding: 0 2px 1px;
|
2013-11-12 16:19:15 -05:00
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
2.0 - Default Button Style
|
|
|
|
---------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
.wp-core-ui .button,
|
|
|
|
.wp-core-ui .button-secondary {
|
|
|
|
color: #555;
|
|
|
|
border-color: #cccccc;
|
|
|
|
background: #f7f7f7;
|
|
|
|
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
|
|
|
|
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
2013-12-05 13:53:10 -05:00
|
|
|
.wp-core-ui p .button {
|
|
|
|
vertical-align: baseline;
|
|
|
|
}
|
|
|
|
|
2013-11-12 16:19:15 -05:00
|
|
|
.wp-core-ui .button.hover,
|
|
|
|
.wp-core-ui .button:hover,
|
|
|
|
.wp-core-ui .button-secondary:hover,
|
|
|
|
.wp-core-ui .button.focus,
|
|
|
|
.wp-core-ui .button:focus,
|
|
|
|
.wp-core-ui .button-secondary:focus {
|
|
|
|
background: #fafafa;
|
|
|
|
border-color: #999;
|
|
|
|
color: #222;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button.focus,
|
|
|
|
.wp-core-ui .button:focus,
|
|
|
|
.wp-core-ui .button-secondary:focus {
|
Build/Test Tools: Support NodeJS 14.x in the 3.9 branch.
This updates the 3.9 branch to support the latest LTS version of NodeJS (currently 14.x), allowing the same version to be used across all WordPress branches that receive security updates as a courtesy.
Because older branches use (really) old versions of NodeJS, the local Docker environment cannot be backported since the needed dependencies will not run on these older versions (see #48301). This also blocks the ability to move automated testing over to GitHub Actions (see #50401).
This change also introduces a `packager-lock.json` file to the branch.
In addition to backporting the package updates that happened after branching 3.9, dependencies that were removed in future releases have also been updated to their latest versions.
Props desrosj, dd32, netweb, jorbin.
Merges [28695,28796,28821,29270,29505,29858-30059,30061-30063,30066-30067,31425,31504,31557,31648-31650,32356-32357,32988,33726,35363,35513,35521,35538-35541,35859,36861-36865,37017,37019,37020,37212,37612,38111,39110,39113,39115-39117,39478,41835,42460-42461,42463,42887,43320,43323,43977,44219,44233,45321,45765,46404,46408-46409,47404,47867,47872-47873,48705,49636,49933,49937,49939,50126,50176,50185] to the 3.9 branch.
See #52341.
Built from https://develop.svn.wordpress.org/branches/3.9@50220
git-svn-id: http://core.svn.wordpress.org/branches/3.9@49886 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-02-04 23:40:29 -05:00
|
|
|
-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
|
|
|
|
box-shadow: -1px 1px 1px rgba(0,0,0,.2);
|
2013-11-12 16:19:15 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button.active,
|
|
|
|
.wp-core-ui .button.active:hover,
|
|
|
|
.wp-core-ui .button.active:focus,
|
|
|
|
.wp-core-ui .button:active,
|
|
|
|
.wp-core-ui .button-secondary:active {
|
|
|
|
background: #eee;
|
|
|
|
border-color: #999;
|
|
|
|
color: #333;
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
2013-11-12 16:19:15 -05:00
|
|
|
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button[disabled],
|
|
|
|
.wp-core-ui .button:disabled,
|
2014-01-26 19:28:13 -05:00
|
|
|
.wp-core-ui .button.disabled,
|
2013-11-12 16:19:15 -05:00
|
|
|
.wp-core-ui .button-secondary[disabled],
|
|
|
|
.wp-core-ui .button-secondary:disabled,
|
2014-01-26 19:28:13 -05:00
|
|
|
.wp-core-ui .button-secondary.disabled,
|
2013-11-12 16:19:15 -05:00
|
|
|
.wp-core-ui .button-disabled {
|
|
|
|
color: #aaa !important;
|
|
|
|
border-color: #ddd !important;
|
2014-02-26 03:07:15 -05:00
|
|
|
background: #f7f7f7 !important;
|
2013-11-12 16:19:15 -05:00
|
|
|
-webkit-box-shadow: none !important;
|
2014-02-13 03:30:17 -05:00
|
|
|
box-shadow: none !important;
|
2013-11-12 16:19:15 -05:00
|
|
|
text-shadow: 0 1px 0 #fff !important;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
3.0 - Primary Button Style
|
|
|
|
---------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
.wp-core-ui .button-primary {
|
|
|
|
background: #2ea2cc;
|
2014-02-13 03:30:17 -05:00
|
|
|
border-color: #0074a2;
|
|
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
|
2013-11-12 16:19:15 -05:00
|
|
|
box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
|
|
|
|
color: #fff;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-primary.hover,
|
|
|
|
.wp-core-ui .button-primary:hover,
|
|
|
|
.wp-core-ui .button-primary.focus,
|
|
|
|
.wp-core-ui .button-primary:focus {
|
|
|
|
background: #1e8cbe;
|
|
|
|
border-color: #0074a2;
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
|
2013-11-12 16:19:15 -05:00
|
|
|
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-primary.focus,
|
|
|
|
.wp-core-ui .button-primary:focus {
|
|
|
|
border-color: #0e3950;
|
|
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
|
|
|
|
box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-primary.active,
|
|
|
|
.wp-core-ui .button-primary.active:hover,
|
|
|
|
.wp-core-ui .button-primary.active:focus,
|
|
|
|
.wp-core-ui .button-primary:active {
|
2014-01-21 16:27:12 -05:00
|
|
|
background: #1b7aa6;
|
2013-11-12 16:19:15 -05:00
|
|
|
border-color: #005684;
|
|
|
|
color: rgba(255,255,255,0.95);
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
|
2013-11-12 16:19:15 -05:00
|
|
|
box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-primary[disabled],
|
|
|
|
.wp-core-ui .button-primary:disabled,
|
2014-01-26 19:28:13 -05:00
|
|
|
.wp-core-ui .button-primary-disabled,
|
|
|
|
.wp-core-ui .button-primary.disabled {
|
2013-11-12 16:19:15 -05:00
|
|
|
color: #94cde7 !important;
|
|
|
|
background: #298cba !important;
|
|
|
|
border-color: #1b607f !important;
|
|
|
|
-webkit-box-shadow: none !important;
|
2014-02-13 03:30:17 -05:00
|
|
|
box-shadow: none !important;
|
2013-11-12 16:19:15 -05:00
|
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
4.0 - Button Groups
|
|
|
|
---------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
.wp-core-ui .button-group {
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
white-space: nowrap;
|
|
|
|
font-size: 0;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-group > .button {
|
|
|
|
display: inline-block;
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-border-radius: 0;
|
2013-11-12 16:19:15 -05:00
|
|
|
border-radius: 0;
|
|
|
|
margin-left: -1px;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-group > .button-primary {
|
|
|
|
z-index: 100;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-group > .button:hover {
|
|
|
|
z-index: 20;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-group > .button:first-child {
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-border-radius: 0 3px 3px 0;
|
2013-11-12 16:19:15 -05:00
|
|
|
border-radius: 0 3px 3px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-core-ui .button-group > .button:last-child {
|
2014-02-13 03:30:17 -05:00
|
|
|
-webkit-border-radius: 3px 0 0 3px;
|
2013-11-12 16:19:15 -05:00
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
|
}
|
2013-11-25 22:36:09 -05:00
|
|
|
|
|
|
|
/* ----------------------------------------------------------------------------
|
|
|
|
5.0 - Responsive Button Styles
|
|
|
|
---------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
|
|
|
|
|
|
.wp-core-ui .button,
|
2013-12-02 14:26:09 -05:00
|
|
|
.wp-core-ui .button.button-large,
|
|
|
|
.wp-core-ui .button.button-small,
|
2013-11-25 22:36:09 -05:00
|
|
|
input#publish,
|
|
|
|
input#save-post,
|
|
|
|
a.preview {
|
2014-03-25 17:23:14 -04:00
|
|
|
padding: 6px 14px;
|
|
|
|
line-height: normal;
|
2013-11-25 22:36:09 -05:00
|
|
|
font-size: 14px;
|
|
|
|
vertical-align: middle;
|
|
|
|
height: auto;
|
|
|
|
margin-bottom: 4px;
|
|
|
|
}
|
2014-02-13 03:30:17 -05:00
|
|
|
|
2013-11-25 22:36:09 -05:00
|
|
|
#media-upload.wp-core-ui .button {
|
|
|
|
padding: 0 10px 1px;
|
|
|
|
height: 24px;
|
|
|
|
line-height: 22px;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
2013-12-02 14:26:09 -05:00
|
|
|
|
2013-11-25 22:36:09 -05:00
|
|
|
/* Publish Metabox Options */
|
|
|
|
.wp-core-ui .save-post-status.button {
|
|
|
|
position: relative;
|
|
|
|
margin: 0 10px 0 14px; /* 14px right margin to match all other buttons */
|
|
|
|
}
|
2014-02-13 03:30:17 -05:00
|
|
|
|
2013-12-04 14:44:09 -05:00
|
|
|
/* Reset responsive styles in Press This, Customizer */
|
2013-11-25 22:36:09 -05:00
|
|
|
|
2013-12-04 14:44:09 -05:00
|
|
|
.wp-core-ui.wp-customizer .button,
|
2013-11-27 14:16:10 -05:00
|
|
|
.press-this.wp-core-ui .button,
|
|
|
|
.press-this input#publish,
|
|
|
|
.press-this input#save-post,
|
|
|
|
.press-this a.preview {
|
|
|
|
padding: 0 10px 1px;
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 26px;
|
|
|
|
height: 28px;
|
|
|
|
margin: 0;
|
2013-12-04 14:44:09 -05:00
|
|
|
vertical-align: inherit;
|
2013-11-27 14:16:10 -05:00
|
|
|
}
|
2014-02-13 03:30:17 -05:00
|
|
|
|
2013-12-02 14:26:09 -05:00
|
|
|
/* Reset responsive styles on Log in button on iframed login form */
|
2014-02-13 03:30:17 -05:00
|
|
|
|
2013-12-02 14:26:09 -05:00
|
|
|
.interim-login .button.button-large {
|
|
|
|
height: 30px;
|
|
|
|
line-height: 28px;
|
|
|
|
padding: 0 12px 2px;
|
|
|
|
}
|
2014-02-13 03:30:17 -05:00
|
|
|
|
2013-11-25 22:36:09 -05:00
|
|
|
}
|