8
0

linkactions.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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. @import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
  6. @import "@ckeditor/ckeditor5-ui/theme/mixins/_unselectable.css";
  7. @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
  8. @import "../mixins/_focus.css";
  9. @import "../mixins/_shadow.css";
  10. @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
  11. .ck.ck-link-actions {
  12. & .ck-button.ck-link-actions__preview {
  13. padding-left: 0;
  14. padding-right: 0;
  15. & .ck-button__label {
  16. padding: 0 var(--ck-spacing-medium);
  17. color: var(--ck-color-link-default);
  18. text-overflow: ellipsis;
  19. cursor: pointer;
  20. /* Match the box model of the link editor form's input so the balloon
  21. does not change width when moving between actions and the form. */
  22. max-width: var(--ck-input-text-width);
  23. min-width: 3em;
  24. text-align: center;
  25. &:hover {
  26. text-decoration: underline;
  27. }
  28. }
  29. &,
  30. &:hover,
  31. &:focus,
  32. &:active {
  33. background: none;
  34. }
  35. &:active {
  36. box-shadow: none;
  37. }
  38. &:focus {
  39. & .ck-button__label {
  40. text-decoration: underline;
  41. }
  42. }
  43. }
  44. @mixin ck-dir ltr {
  45. & .ck-button:not(:first-child) {
  46. margin-left: var(--ck-spacing-standard);
  47. }
  48. }
  49. @mixin ck-dir rtl {
  50. & .ck-button:not(:last-child) {
  51. margin-left: var(--ck-spacing-standard);
  52. }
  53. }
  54. @mixin ck-media-phone {
  55. & .ck-button.ck-link-actions__preview {
  56. margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  57. & .ck-button__label {
  58. min-width: 0;
  59. max-width: 100%;
  60. }
  61. }
  62. & .ck-button:not(.ck-link-actions__preview) {
  63. @mixin ck-dir ltr {
  64. margin-left: 0;
  65. }
  66. @mixin ck-dir rtl {
  67. margin-left: 0;
  68. }
  69. }
  70. }
  71. }