8
0

form.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. .ck.ck-form {
  6. padding: 0 0 var(--ck-spacing-large);
  7. &:focus {
  8. /* https://github.com/ckeditor/ckeditor5-link/issues/90 */
  9. outline: none;
  10. }
  11. & .ck.ck-form__header {
  12. font-weight: bold;
  13. padding: 0 var(--ck-spacing-large);
  14. height: 38px;
  15. line-height: 38px;
  16. border-bottom: 1px solid var(--ck-color-base-border);
  17. }
  18. & .ck.ck-input-text {
  19. min-width: 100%;
  20. width: 0;
  21. }
  22. & .ck.ck-dropdown {
  23. min-width: 100%;
  24. & .ck-dropdown__button {
  25. &:not(:focus) {
  26. border: 1px solid var(--ck-color-base-border);
  27. }
  28. & .ck-button__label {
  29. width: 100%;
  30. }
  31. }
  32. }
  33. & .ck-form__row {
  34. display: flex;
  35. flex-direction: row;
  36. flex-wrap: nowrap;
  37. justify-content: space-between;
  38. padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
  39. /* Ignore labels that work as fieldset legends */
  40. & > *:not(.ck-label) {
  41. flex-grow: 1;
  42. & + * {
  43. padding-left: var(--ck-spacing-large);
  44. }
  45. }
  46. &.ck-table-form__action-row {
  47. margin-top: var(--ck-spacing-large);
  48. & .ck-button-save,
  49. & .ck-button-cancel {
  50. justify-content: center;
  51. }
  52. & .ck-button .ck-button__label {
  53. color: var(--ck-color-text);
  54. }
  55. }
  56. }
  57. }