Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-11-02 16:59:35 +01:00
Code Issues Projects Releases Wiki Activity
9059dc8e88
WordPress/wp-includes/css/buttons-rtl.css

365 lines
9.0 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 22:19:15 +01: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-11 01:04:14 +01: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 22:19:15 +01: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
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-26 04:36:09 +01: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 22:19:15 +01: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 09:30:17 +01: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 22:19:15 +01: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 09:30:17 +01: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 22:19:15 +01: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-03 02:34:15 +02: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 22:19:15 +01: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 23:10:09 +01: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 22:19:15 +01: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 23:10:09 +01: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 22:19:15 +01: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 20:21:16 +02: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 22:19:15 +01: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 17:18:11 +01: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 22:19:15 +01: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 20:21:16 +02: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 22:19:15 +01: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 19:53:10 +01: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 22:19:15 +01: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 {
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 20:21:16 +02: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 22:19:15 +01: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;
color: #333;
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 09:30:17 +01: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 22:19:15 +01: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 20:21:16 +02: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 22:19:15 +01: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-27 01:28:13 +01: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 22:19:15 +01: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-27 01:28:13 +01: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 22:19:15 +01:00
.wp-core-ui .button-disabled {
color: #aaa !important;
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 09:07:15 +01: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 22:19:15 +01: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 09:30:17 +01:00
box-shadow: none !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 22:19:15 +01:00
text-shadow: 0 1px 0 #fff !important;
cursor: default;
}
/* ----------------------------------------------------------------------------
3.0 - Primary Button Style
---------------------------------------------------------------------------- */
.wp-core-ui .button-primary {
background: #2ea2cc;
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 09:30:17 +01:00
border-color: #0074a2;
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 20:21:16 +02: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 22:19:15 +01: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 {
background: #1e8cbe;
border-color: #0074a2;
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 20:21:16 +02: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 22:19:15 +01: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 20:21:16 +02: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 22:19:15 +01: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 {
Eliminate the 1px padding adjustment on active buttons because it creates an un-clickable dead zone 1px high and spanning the entire width of the button. Modify the background color of active buttons for better contrast to make the active state more obvious. See #26700, props johnbillion. Built from https://develop.svn.wordpress.org/trunk@26993 git-svn-id: http://core.svn.wordpress.org/trunk@26870 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-01-21 22:27:12 +01:00
background: #1b7aa6;
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 22:19:15 +01:00
border-color: #005684;
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 20:21:16 +02: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 22:19:15 +01: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-27 01:28:13 +01: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 22:19:15 +01: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 09:30:17 +01:00
box-shadow: none !important;
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 20:21:16 +02: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 22:19:15 +01: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 09:30:17 +01: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 22:19:15 +01: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 09:30:17 +01: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 22:19:15 +01: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 09:30:17 +01: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 22:19:15 +01: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-26 04:36:09 +01: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 20:21:16 +02: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-26 04:36:09 +01: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 20:26:09 +01: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-26 04:36:09 +01: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 22:23:14 +01: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-26 04:36:09 +01: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 09:30:17 +01: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-26 04:36:09 +01: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 20:26:09 +01: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 14:15:16 +02: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-26 04:36:09 +01: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 09:30:17 +01: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 20:44:09 +01: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-26 04:36:09 +01: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 20:44:09 +01: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 20:16:10 +01: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;
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 20:44:09 +01: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 20:16:10 +01: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 09:30:17 +01: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 20:26:09 +01: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 09:30:17 +01: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 20:26:09 +01: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 09:30:17 +01: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-26 04:36:09 +01:00
}
Reference in New Issue Copy Permalink