controlgroup.css

/*!
 * jQuery UI Controlgroup 1.14.1
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/controlgroup/#theming
 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

File

View on git.drupalcode.org

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

View source 
  1. /*!

  2.  * jQuery UI Controlgroup 1.14.1

  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/controlgroup/#theming

  10.  */

  11. 

  12. .ui-controlgroup {

  13. 	vertical-align: middle;

  14. 	display: inline-block;

  15. }

  16. .ui-controlgroup > .ui-controlgroup-item {

  17. 	float: left;

  18. 	margin-left: 0;

  19. 	margin-right: 0;

  20. }

  21. .ui-controlgroup > .ui-controlgroup-item:focus,

  22. .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {

  23. 	z-index: 9999;

  24. }

  25. .ui-controlgroup-vertical > .ui-controlgroup-item {

  26. 	display: block;

  27. 	float: none;

  28. 	width: 100%;

  29. 	margin-top: 0;

  30. 	margin-bottom: 0;

  31. 	text-align: left;

  32. }

  33. .ui-controlgroup-vertical .ui-controlgroup-item {

  34. 	box-sizing: border-box;

  35. }

  36. .ui-controlgroup .ui-controlgroup-label {

  37. 	padding: .4em 1em;

  38. }

  39. .ui-controlgroup .ui-controlgroup-label span {

  40. 	font-size: 80%;

  41. }

  42. .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {

  43. 	border-left: none;

  44. }

  45. .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {

  46. 	border-top: none;

  47. }

  48. .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {

  49. 	border-right: none;

  50. }

  51. .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {

  52. 	border-bottom: none;

  53. }

  54. 

  55. /* Spinner specific style fixes */

  56. .ui-controlgroup-vertical .ui-spinner-input {

  57. 	width: calc( 100% - 2.4em );

  58. }

  59. .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {

  60. 	border-top-style: solid;

  61. }

  62.

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