WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
WordPress/wp-includes/css/buttons-rtl.css

361 lines
8.9 KiB
CSS
Raw Normal View History

Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
/* ----------------------------------------------------------------------------
wpLink: stop using UI dialog, restyle the modal, add better responsive behaviour. Fix UI dialog styling to match the rest of the admin styling. Props avryl, see #26952 Built from https://develop.svn.wordpress.org/trunk@27494 git-svn-id: http://core.svn.wordpress.org/trunk@27336 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
WordPress-style Buttons
=======================
RTL CSS generation: Switch from CSSJanus to RTLCSS. CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS. RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows. Changes: * devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`. * RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive. * RTLCSS supports the `transform` property, means we can remove some ignore rules. * RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs. Notes for core development: * The file generation task is still `grunt rtl`. * If you have used `grunt cssjanus` before, use `grunt rtlcss` now. * Remember the new directive `/* rtl:ignore */`. fixes #31332. Build: https://build.trac.wordpress.org/changeset/31554 Built from https://develop.svn.wordpress.org/trunk@31573 git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-27 08:41:30 -05:00
Create a button by adding the `.button` class to an element. For backwards
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
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
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
5.0 - Responsive Button Styles
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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;
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
-webkit-border-radius: 3px;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
border-radius: 3px;
white-space: nowrap;
-webkit-box-sizing: border-box;
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
-moz-box-sizing: border-box;
box-sizing: border-box;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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 {
Fix CSS for form elements for Firefox 30+, fixes #28500. Built from https://develop.svn.wordpress.org/trunk@29366 git-svn-id: http://core.svn.wordpress.org/trunk@29142 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-02 20:34:15 -04:00
border-width: 0;
border-style: none;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
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 {
Unify the style of button-small everywhere we use it, and make sure the edit slug input lines up with its button and label. Fixes #26261, props mattheu. Built from https://develop.svn.wordpress.org/trunk@26420 git-svn-id: http://core.svn.wordpress.org/trunk@26320 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 17:10:09 -05:00
height: 24px;
line-height: 22px;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
padding: 0 8px 1px;
Unify the style of button-small everywhere we use it, and make sure the edit slug input lines up with its button and label. Fixes #26261, props mattheu. Built from https://develop.svn.wordpress.org/trunk@26420 git-svn-id: http://core.svn.wordpress.org/trunk@26320 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-26 17:10:09 -05:00
font-size: 11px;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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;
}
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
.wp-core-ui .button:active,
.wp-core-ui .button:focus {
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
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;
Stop using .rtl classes, instead relying on flipping LTR CSS to RTL. props yoavf. fixes #24977. Built from https://develop.svn.wordpress.org/trunk@26243 git-svn-id: http://core.svn.wordpress.org/trunk@26150 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-17 11:18:11 -05:00
padding: 0 2px 1px;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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;
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
vertical-align: top;
}
When a button appears within a paragraph, vertically align it with the text baseline. Built from https://develop.svn.wordpress.org/trunk@26683 git-svn-id: http://core.svn.wordpress.org/trunk@26573 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-05 13:53:10 -05:00
.wp-core-ui p .button {
vertical-align: baseline;
}
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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;
Update more instances of default admin blues and grays. props hugobaeta. fixes #31234. Built from https://develop.svn.wordpress.org/trunk@32051 git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 17:20:27 -04:00
color: #23282d;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:hover,
.wp-core-ui .button:active,
.wp-core-ui .button-secondary:active {
background: #eee;
border-color: #999;
Update more instances of default admin blues and grays. props hugobaeta. fixes #31234. Built from https://develop.svn.wordpress.org/trunk@32051 git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 17:20:27 -04:00
color: #32373c;
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
}
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
.wp-core-ui .button.active:focus {
-webkit-box-shadow:
inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
.wp-core-ui .button[disabled],
.wp-core-ui .button:disabled,
Autosave: - Move the 'Saving post' and 'Draft saved at...' strings from autosaveL10n to postL10n as they are used only there. - Use the custom jQuery events 'before-autosave' and 'after-autosave' to show these messages. - Separate autosave.suspend() for local and server so local autosaves can continue while server autosaves are suspended. - Remove the recently added autosave.server.disable() and use autosave.server.suspend() instead. - Bring back .button.disabled, button-primary.disabled and use .disabled to prevent multiple form submissions. See #25272. Built from https://develop.svn.wordpress.org/trunk@27038 git-svn-id: http://core.svn.wordpress.org/trunk@26914 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-26 19:28:13 -05:00
.wp-core-ui .button.disabled,
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
.wp-core-ui .button-secondary[disabled],
.wp-core-ui .button-secondary:disabled,
Autosave: - Move the 'Saving post' and 'Draft saved at...' strings from autosaveL10n to postL10n as they are used only there. - Use the custom jQuery events 'before-autosave' and 'after-autosave' to show these messages. - Separate autosave.suspend() for local and server so local autosaves can continue while server autosaves are suspended. - Remove the recently added autosave.server.disable() and use autosave.server.suspend() instead. - Bring back .button.disabled, button-primary.disabled and use .disabled to prevent multiple form submissions. See #25272. Built from https://develop.svn.wordpress.org/trunk@27038 git-svn-id: http://core.svn.wordpress.org/trunk@26914 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-26 19:28:13 -05:00
.wp-core-ui .button-secondary.disabled,
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
.wp-core-ui .button-disabled {
Update more instances of default admin blues and grays. props hugobaeta. fixes #31234. Built from https://develop.svn.wordpress.org/trunk@32051 git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 17:20:27 -04:00
color: #a0a5aa !important;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
border-color: #ddd !important;
Ensure disabled secondary buttons do not change background on hover or active. props helen. fixes #26785. Built from https://develop.svn.wordpress.org/trunk@27282 git-svn-id: http://core.svn.wordpress.org/trunk@27138 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-26 03:07:15 -05:00
background: #f7f7f7 !important;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
-webkit-box-shadow: none !important;
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
box-shadow: none !important;
RTL CSS generation: Switch from CSSJanus to RTLCSS. CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS. RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows. Changes: * devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`. * RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive. * RTLCSS supports the `transform` property, means we can remove some ignore rules. * RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs. Notes for core development: * The file generation task is still `grunt rtl`. * If you have used `grunt cssjanus` before, use `grunt rtlcss` now. * Remember the new directive `/* rtl:ignore */`. fixes #31332. Build: https://build.trac.wordpress.org/changeset/31554 Built from https://develop.svn.wordpress.org/trunk@31573 git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-27 08:41:30 -05:00
text-shadow: 0 1px 0 #fff !important;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
cursor: default;
}
/* ----------------------------------------------------------------------------
3.0 - Primary Button Style
---------------------------------------------------------------------------- */
.wp-core-ui .button-primary {
Update more instances of default admin blues and grays. props hugobaeta. fixes #31234. Built from https://develop.svn.wordpress.org/trunk@32051 git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 17:20:27 -04:00
background: #00a0d2;
border-color: #0073aa;
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
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 {
Update more instances of default admin blues and grays. props hugobaeta. fixes #31234. Built from https://develop.svn.wordpress.org/trunk@32051 git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 17:20:27 -04:00
background: #0091cd;
border-color: #0073aa;
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
-webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
color: #fff;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
border-color: #0e3950;
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
-webkit-box-shadow:
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
}
.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 {
Update more instances of default admin blues and grays. props hugobaeta. fixes #31234. Built from https://develop.svn.wordpress.org/trunk@32051 git-svn-id: http://core.svn.wordpress.org/trunk@32030 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-04-05 17:20:27 -04:00
background: #0073aa;
border-color: #005082;
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
color: rgba( 255, 255, 255, 0.95 );
-webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
vertical-align: top;
}
.wp-core-ui .button-primary[disabled],
.wp-core-ui .button-primary:disabled,
Autosave: - Move the 'Saving post' and 'Draft saved at...' strings from autosaveL10n to postL10n as they are used only there. - Use the custom jQuery events 'before-autosave' and 'after-autosave' to show these messages. - Separate autosave.suspend() for local and server so local autosaves can continue while server autosaves are suspended. - Remove the recently added autosave.server.disable() and use autosave.server.suspend() instead. - Bring back .button.disabled, button-primary.disabled and use .disabled to prevent multiple form submissions. See #25272. Built from https://develop.svn.wordpress.org/trunk@27038 git-svn-id: http://core.svn.wordpress.org/trunk@26914 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-26 19:28:13 -05:00
.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled {
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
color: #94cde7 !important;
background: #298cba !important;
border-color: #1b607f !important;
-webkit-box-shadow: none !important;
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
box-shadow: none !important;
RTL CSS generation: Switch from CSSJanus to RTLCSS. CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS. RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows. Changes: * devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`. * RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive. * RTLCSS supports the `transform` property, means we can remove some ignore rules. * RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs. Notes for core development: * The file generation task is still `grunt rtl`. * If you have used `grunt cssjanus` before, use `grunt rtlcss` now. * Remember the new directive `/* rtl:ignore */`. fixes #31332. Build: https://build.trac.wordpress.org/changeset/31554 Built from https://develop.svn.wordpress.org/trunk@31573 git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-02-27 08:41:30 -05:00
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
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;
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
-webkit-border-radius: 0;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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 {
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
-webkit-border-radius: 0 3px 3px 0;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
border-radius: 0 3px 3px 0;
}
.wp-core-ui .button-group > .button:last-child {
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
-webkit-border-radius: 3px 0 0 3px;
Use CSSJanus via a Grunt task to generate right-to-left CSS. RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. Built from https://develop.svn.wordpress.org/trunk@26107 git-svn-id: http://core.svn.wordpress.org/trunk@26022 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-12 16:19:15 -05:00
border-radius: 3px 0 0 3px;
}
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
Better focus styling for buttons and button groups. props mattheu, avryl, celloexpressions. fixes #27826. see #28267. Built from https://develop.svn.wordpress.org/trunk@29466 git-svn-id: http://core.svn.wordpress.org/trunk@29244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-08-11 14:21:16 -04:00
.wp-core-ui .button-group > .button:focus {
position: relative;
z-index: 1;
}
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
/* ----------------------------------------------------------------------------
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */
@media screen and ( max-width: 782px ) {
.wp-core-ui .button,
Add basic responsive styles for button-small and button-large, override responsive button-large styles when used in the .interim-login iframe. Fixes #26363. Built from https://develop.svn.wordpress.org/trunk@26533 git-svn-id: http://core.svn.wordpress.org/trunk@26426 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-02 14:26:09 -05:00
.wp-core-ui .button.button-large,
.wp-core-ui .button.button-small,
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
input#publish,
input#save-post,
a.preview {
Ensure buttons don't get overly tall in responsive views when a browser (oh, Firefox) enforces a line-height on buttons. props azaozz. fixes #27409. Built from https://develop.svn.wordpress.org/trunk@27727 git-svn-id: http://core.svn.wordpress.org/trunk@27564 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-25 17:23:14 -04:00
padding: 6px 14px;
line-height: normal;
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
font-size: 14px;
vertical-align: middle;
height: auto;
margin-bottom: 4px;
}
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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;
}
Add basic responsive styles for button-small and button-large, override responsive button-large styles when used in the .interim-login iframe. Fixes #26363. Built from https://develop.svn.wordpress.org/trunk@26533 git-svn-id: http://core.svn.wordpress.org/trunk@26426 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-02 14:26:09 -05:00
Media Grid: Align "Apply" button on small screens. fixes #28903. Built from https://develop.svn.wordpress.org/trunk@29307 git-svn-id: http://core.svn.wordpress.org/trunk@29089 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-07-27 08:15:16 -04:00
.media-frame.mode-grid .bulk-select .button {
margin-bottom: 0;
}
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
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 */
}
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
Reset responsive button styles in the Customizer, which uses fixed widths and positioning and is otherwise non-responsive. See #21890. Built from https://develop.svn.wordpress.org/trunk@26628 git-svn-id: http://core.svn.wordpress.org/trunk@26518 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-04 14:44:09 -05:00
/* Reset responsive styles in Press This, Customizer */
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
PressThis: fix and update buttons styles. Props Michael-Arestad. Fixes #31498. Built from https://develop.svn.wordpress.org/trunk@31598 git-svn-id: http://core.svn.wordpress.org/trunk@31579 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-03-01 20:18:27 -05:00
.wp-core-ui.wp-customizer .button {
Press This fixes: * Override responsive styles for the Press This window * Remove the old header logo in Press This * Add the new Dashicon WP logo See #25858. Built from https://develop.svn.wordpress.org/trunk@26433 git-svn-id: http://core.svn.wordpress.org/trunk@26331 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-27 14:16:10 -05:00
padding: 0 10px 1px;
font-size: 13px;
line-height: 26px;
height: 28px;
margin: 0;
Reset responsive button styles in the Customizer, which uses fixed widths and positioning and is otherwise non-responsive. See #21890. Built from https://develop.svn.wordpress.org/trunk@26628 git-svn-id: http://core.svn.wordpress.org/trunk@26518 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-04 14:44:09 -05:00
vertical-align: inherit;
Press This fixes: * Override responsive styles for the Press This window * Remove the old header logo in Press This * Add the new Dashicon WP logo See #25858. Built from https://develop.svn.wordpress.org/trunk@26433 git-svn-id: http://core.svn.wordpress.org/trunk@26331 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-27 14:16:10 -05:00
}
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
Add basic responsive styles for button-small and button-large, override responsive button-large styles when used in the .interim-login iframe. Fixes #26363. Built from https://develop.svn.wordpress.org/trunk@26533 git-svn-id: http://core.svn.wordpress.org/trunk@26426 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-02 14:26:09 -05:00
/* Reset responsive styles on Log in button on iframed login form */
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
Add basic responsive styles for button-small and button-large, override responsive button-large styles when used in the .interim-login iframe. Fixes #26363. Built from https://develop.svn.wordpress.org/trunk@26533 git-svn-id: http://core.svn.wordpress.org/trunk@26426 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-02 14:26:09 -05:00
.interim-login .button.button-large {
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
}
Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes. We'll be using it for two distinct tasks: * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build. * Color CSS files will receive prefixes when they are built. This commit: * Adds prefixes we were missing to core CSS. * Removes prefixes that we no longer need from core CSS. * Removes all prefixes from colors CSS. props ocean90. fixes #27078. Built from https://develop.svn.wordpress.org/trunk@27174 git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-02-13 03:30:17 -05:00
Move responsive button styles from wp-admin.css to buttons.css. Fixes #25968, props melchoyce. Built from https://develop.svn.wordpress.org/trunk@26386 git-svn-id: http://core.svn.wordpress.org/trunk@26286 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-11-25 22:36:09 -05:00
}