linkactions.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. @import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
  6. @import "@ckeditor/ckeditor5-ui/theme/mixins/_unselectable.css";
  7. @import "../mixins/_focus.css";
  8. @import "../mixins/_shadow.css";
  9. @import "../mixins/_rwd.css";
  10. .ck.ck-link-actions {
  11. padding: var(--ck-spacing-standard);
  12. & .ck-button.ck-link-actions__preview {
  13. padding-left: 0;
  14. padding-right: 0;
  15. &,
  16. &:hover,
  17. &:focus,
  18. &:active {
  19. background: none;
  20. }
  21. &:active {
  22. box-shadow: none;
  23. }
  24. &:focus {
  25. & .ck-button__label {
  26. text-decoration: underline;
  27. }
  28. }
  29. & .ck-button__label {
  30. padding: 0 var(--ck-spacing-medium);
  31. color: var(--ck-color-link-default);
  32. text-overflow: ellipsis;
  33. cursor: pointer;
  34. /* Match the box model of the link editor form's input so the balloon
  35. does not change width when moving between actions and the form. */
  36. max-width: var(--ck-input-text-width);
  37. min-width: 3em;
  38. text-align: center;
  39. &:hover {
  40. text-decoration: underline;
  41. }
  42. }
  43. }
  44. &:focus {
  45. /* https://github.com/ckeditor/ckeditor5-link/issues/90 */
  46. outline: none;
  47. }
  48. & .ck-button:not(.ck-link-actions__preview) {
  49. margin-left: var(--ck-spacing-standard);
  50. }
  51. @mixin ck-media-mobile {
  52. padding: 0;
  53. width: calc(.8 * var(--ck-input-text-width));
  54. & .ck-button.ck-link-actions__preview {
  55. margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  56. & .ck-button__label {
  57. min-width: 0;
  58. max-width: 100%;
  59. }
  60. }
  61. & .ck-button:not(.ck-link-actions__preview) {
  62. margin-top: var(--ck-spacing-standard);
  63. margin-left: 0;
  64. border-radius: 0;
  65. border: 0;
  66. border-top: 1px solid var(--ck-color-base-border);
  67. &:first-of-type {
  68. border-right: 1px solid var(--ck-color-base-border);
  69. }
  70. }
  71. }
  72. }