You are here

resizable.css in Drupal 10

/*!
 * jQuery UI Resizable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

File

core/assets/vendor/jquery.ui/themes/base/resizable.css
View source
  1. /*!
  2. * jQuery UI Resizable 1.13.2
  3. * http://jqueryui.com
  4. *
  5. * Copyright jQuery Foundation and other contributors
  6. * Released under the MIT license.
  7. * http://jquery.org/license
  8. */
  9. .ui-resizable {
  10. position: relative;
  11. }
  12. .ui-resizable-handle {
  13. position: absolute;
  14. font-size: 0.1px;
  15. display: block;
  16. -ms-touch-action: none;
  17. touch-action: none;
  18. }
  19. .ui-resizable-disabled .ui-resizable-handle,
  20. .ui-resizable-autohide .ui-resizable-handle {
  21. display: none;
  22. }
  23. .ui-resizable-n {
  24. cursor: n-resize;
  25. height: 7px;
  26. width: 100%;
  27. top: -5px;
  28. left: 0;
  29. }
  30. .ui-resizable-s {
  31. cursor: s-resize;
  32. height: 7px;
  33. width: 100%;
  34. bottom: -5px;
  35. left: 0;
  36. }
  37. .ui-resizable-e {
  38. cursor: e-resize;
  39. width: 7px;
  40. right: -5px;
  41. top: 0;
  42. height: 100%;
  43. }
  44. .ui-resizable-w {
  45. cursor: w-resize;
  46. width: 7px;
  47. left: -5px;
  48. top: 0;
  49. height: 100%;
  50. }
  51. .ui-resizable-se {
  52. cursor: se-resize;
  53. width: 12px;
  54. height: 12px;
  55. right: 1px;
  56. bottom: 1px;
  57. }
  58. .ui-resizable-sw {
  59. cursor: sw-resize;
  60. width: 9px;
  61. height: 9px;
  62. left: -5px;
  63. bottom: -5px;
  64. }
  65. .ui-resizable-nw {
  66. cursor: nw-resize;
  67. width: 9px;
  68. height: 9px;
  69. left: -5px;
  70. top: -5px;
  71. }
  72. .ui-resizable-ne {
  73. cursor: ne-resize;
  74. width: 9px;
  75. height: 9px;
  76. right: -5px;
  77. top: -5px;
  78. }