button.css

Same filename in this branch
  1. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/button.css
  2. 11.x core/misc/dialog/off-canvas/css/button.css
  3. 11.x core/themes/olivero/css/components/button.css
  4. 11.x core/themes/claro/css/components/button.css
  5. 11.x core/themes/starterkit_theme/css/components/button.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/button.css
  2. 9 core/themes/olivero/css/components/button.css
  3. 9 core/themes/seven/css/classy/components/button.css
  4. 9 core/themes/claro/css/components/button.css
  5. 9 core/themes/bartik/css/classy/components/button.css
  6. 9 core/themes/starterkit_theme/css/components/button.css
  7. 9 core/themes/classy/css/components/button.css
  8. 9 core/assets/vendor/jquery.ui/themes/base/button.css
  9. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/button.css
  10. 8.9.x core/themes/seven/css/classy/components/button.css
  11. 8.9.x core/themes/claro/css/components/button.css
  12. 8.9.x core/themes/bartik/css/classy/components/button.css
  13. 8.9.x core/themes/classy/css/components/button.css
  14. 8.9.x core/assets/vendor/jquery.ui/themes/base/button.css
  15. 10 core/profiles/demo_umami/themes/umami/css/classy/components/button.css
  16. 10 core/misc/dialog/off-canvas/css/button.css
  17. 10 core/themes/olivero/css/components/button.css
  18. 10 core/themes/claro/css/components/button.css
  19. 10 core/themes/starterkit_theme/css/components/button.css
  20. 10 core/assets/vendor/jquery.ui/themes/base/button.css
/*!
 * jQuery UI Button 1.14.0
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/button/#theming
 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

File

core/assets/vendor/jquery.ui/themes/base/button.css

View source
  1. /*!
  2. * jQuery UI Button 1.14.0
  3. * https://jqueryui.com
  4. *
  5. * Copyright OpenJS Foundation and other contributors
  6. * Released under the MIT license.
  7. * https://jquery.org/license
  8. *
  9. * https://api.jqueryui.com/button/#theming
  10. */
  11. .ui-button {
  12. padding: .4em 1em;
  13. display: inline-block;
  14. position: relative;
  15. line-height: normal;
  16. margin-right: .1em;
  17. cursor: pointer;
  18. vertical-align: middle;
  19. text-align: center;
  20. -webkit-user-select: none;
  21. user-select: none;
  22. }
  23. .ui-button,
  24. .ui-button:link,
  25. .ui-button:visited,
  26. .ui-button:hover,
  27. .ui-button:active {
  28. text-decoration: none;
  29. }
  30. /* to make room for the icon, a width needs to be set here */
  31. .ui-button-icon-only {
  32. width: 2em;
  33. box-sizing: border-box;
  34. text-indent: -9999px;
  35. white-space: nowrap;
  36. }
  37. /* no icon support for input elements */
  38. input.ui-button.ui-button-icon-only {
  39. text-indent: 0;
  40. }
  41. /* button icon element(s) */
  42. .ui-button-icon-only .ui-icon {
  43. position: absolute;
  44. top: 50%;
  45. left: 50%;
  46. margin-top: -8px;
  47. margin-left: -8px;
  48. }
  49. .ui-button.ui-icon-notext .ui-icon {
  50. padding: 0;
  51. width: 2.1em;
  52. height: 2.1em;
  53. text-indent: -9999px;
  54. white-space: nowrap;
  55. }
  56. input.ui-button.ui-icon-notext .ui-icon {
  57. width: auto;
  58. height: auto;
  59. text-indent: 0;
  60. white-space: normal;
  61. padding: .4em 1em;
  62. }
  63. /* workarounds */
  64. /* Support: Firefox 5 - 125+ */
  65. input.ui-button::-moz-focus-inner,
  66. button.ui-button::-moz-focus-inner {
  67. border: 0;
  68. padding: 0;
  69. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.