| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- /*
- * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
- @import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_unselectable.css";
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
- @import "../mixins/_focus.css";
- @import "../mixins/_shadow.css";
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
- .ck.ck-link-actions {
- padding: var(--ck-spacing-standard);
- & .ck-button.ck-link-actions__preview {
- padding-left: 0;
- padding-right: 0;
- & .ck-button__label {
- padding: 0 var(--ck-spacing-medium);
- color: var(--ck-color-link-default);
- text-overflow: ellipsis;
- cursor: pointer;
- /* Match the box model of the link editor form's input so the balloon
- does not change width when moving between actions and the form. */
- max-width: var(--ck-input-text-width);
- min-width: 3em;
- text-align: center;
- &:hover {
- text-decoration: underline;
- }
- }
- &,
- &:hover,
- &:focus,
- &:active {
- background: none;
- }
- &:active {
- box-shadow: none;
- }
- &:focus {
- & .ck-button__label {
- text-decoration: underline;
- }
- }
- }
- &:focus {
- /* https://github.com/ckeditor/ckeditor5-link/issues/90 */
- outline: none;
- }
- @mixin ck-dir ltr {
- & .ck-button:not(:first-child) {
- margin-left: var(--ck-spacing-standard);
- }
- }
- @mixin ck-dir rtl {
- & .ck-button:not(:last-child) {
- margin-left: var(--ck-spacing-standard);
- }
- }
- @mixin ck-media-phone {
- padding: 0;
- width: calc(.8 * var(--ck-input-text-width));
- & .ck-button.ck-link-actions__preview {
- margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
- & .ck-button__label {
- min-width: 0;
- max-width: 100%;
- }
- }
- & .ck-button:not(.ck-link-actions__preview) {
- padding: var(--ck-spacing-standard);
- margin-top: var(--ck-spacing-standard);
- border-radius: 0;
- border: 0;
- border-top: 1px solid var(--ck-color-base-border);
- @mixin ck-dir ltr {
- margin-left: 0;
- &:first-of-type {
- border-right: 1px solid var(--ck-color-base-border);
- }
- }
- @mixin ck-dir rtl {
- margin-left: 0;
- &:last-of-type {
- border-right: 1px solid var(--ck-color-base-border);
- }
- }
- }
- }
- }
|