diff --git a/assets/css/brand.css b/assets/css/brand.css index 686d442c8a769e26f3900a6a77a5ea638e2d252d..4572d7a400d744123ed93ee2cac1fcf8ed125f88 100644 --- a/assets/css/brand.css +++ b/assets/css/brand.css @@ -3,6 +3,7 @@ --secondary-color: #1f80aa; --accent-color: #ffc142; --accent-color--text: #343434; + --link-color: #33b5e5; } [type="radio"]:checked + label:before { @@ -227,30 +228,6 @@ fieldset[disabled] .btn-accent.focus { border-color: #1f80aa; } -.field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-featured-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-accord-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-accord-item-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-phase-description *:not(.badge):not(.section__title) > a:not(.btn), -.quiz-form__text *:not(.badge):not(.section__title) > a:not(.btn), -.scorm-form--body *:not(.badge):not(.section__title) > a:not(.btn), -.body-text *:not(.badge):not(.section__title) > a:not(.btn), -.paragraph--type--image-text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn), -.paragraph--type--text-image .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn), -.paragraph--type--text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn), -.course-full .card__body *:not(.badge):not(.section__title) > a:not(.btn), -.teaser--course *:not(.badge):not(.section__title) > a:not(.btn), -.block--intro-text .block--intro-text__content *:not(.badge):not(.section__title) > a:not(.btn), -.block-inline-blockkpi-analytics .field--name-body *:not(.badge):not(.section__title) > a:not(.btn), -.basic-block .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn), -.hero--dashboard .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn), -.certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn), -.certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn) { - -webkit-text-decoration-color: #29abe2; - text-decoration-color: #29abe2; -} - .field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn):hover, .field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn):focus, .field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn):hover, .field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn):focus, @@ -290,7 +267,8 @@ fieldset[disabled] .btn-accent.focus { .certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn):focus, .certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn):hover, .certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn):focus { - color: #29abe2; + -webkit-text-decoration-color: #33b5e5; + text-decoration-color: #33b5e5; } .comment__text p a:not(.btn) { @@ -847,12 +825,12 @@ body.media-directory .dz-preview .dz-progress .dz-upload { .ck.ck-content a:not(.btn) { font-weight: 400; text-decoration: underline; - -webkit-text-decoration-color: #29abe2; - text-decoration-color: #29abe2; } .ck.ck-content a:not(.btn):hover, .ck.ck-content a:not(.btn):focus { - color: #29abe2; + cursor: pointer; + -webkit-text-decoration-color: #33b5e5; + text-decoration-color: #33b5e5; } .ck.ck-content blockquote { diff --git a/assets/css/ckeditor.css b/assets/css/ckeditor.css index 5a3b7ad10388ff26c09c816c50439ab190849419..97101ab227b4fca56bc6b4d42f25cc7fedab25a3 100644 --- a/assets/css/ckeditor.css +++ b/assets/css/ckeditor.css @@ -324,12 +324,15 @@ body { } a:not(.btn) { + font-weight: 400; text-decoration: underline; - color: #33b5e5; + color: #343434; } -a:not(.btn):hover { - color: #178ab4; +a:not(.btn):hover, a:not(.btn):focus { + cursor: pointer; + -webkit-text-decoration-color: var(--link-color); + text-decoration-color: var(--link-color); } :lang(ar) { diff --git a/assets/css/preview.css b/assets/css/preview.css index 6d206e61a25aab8a2f9fc84603f9403bd5629f0f..3c5b735f111980d050823320fa2ef1af5204e0d8 100644 --- a/assets/css/preview.css +++ b/assets/css/preview.css @@ -2191,6 +2191,7 @@ fieldset strong { --secondary-color: #1f80aa; --accent-color: #ffc142; --accent-color--text: #343434; + --link-color: #33b5e5; } [type="radio"]:checked + label:before { @@ -2225,6 +2226,7 @@ fieldset strong { } .cover, +.cover.search-grid--hero, .read-indicator, .select2-container--social .select2-results__option--highlighted[aria-selected], .select2-container--social .select2-results__option[aria-selected=true], @@ -2414,30 +2416,6 @@ fieldset[disabled] .btn-accent.focus { border-color: #1f80aa; } -.field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-featured-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-accord-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-accord-item-description *:not(.badge):not(.section__title) > a:not(.btn), -.field--name-field-phase-description *:not(.badge):not(.section__title) > a:not(.btn), -.quiz-form__text *:not(.badge):not(.section__title) > a:not(.btn), -.scorm-form--body *:not(.badge):not(.section__title) > a:not(.btn), -.body-text *:not(.badge):not(.section__title) > a:not(.btn), -.paragraph--type--image-text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn), -.paragraph--type--text-image .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn), -.paragraph--type--text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn), -.course-full .card__body *:not(.badge):not(.section__title) > a:not(.btn), -.teaser--course *:not(.badge):not(.section__title) > a:not(.btn), -.block--intro-text .block--intro-text__content *:not(.badge):not(.section__title) > a:not(.btn), -.block-inline-blockkpi-analytics .field--name-body *:not(.badge):not(.section__title) > a:not(.btn), -.basic-block .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn), -.hero--dashboard .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn), -.certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn), -.certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn) { - -webkit-text-decoration-color: #29abe2; - text-decoration-color: #29abe2; -} - .field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn):hover, .field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn):focus, .field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn):hover, .field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn):focus, @@ -2477,7 +2455,8 @@ fieldset[disabled] .btn-accent.focus { .certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn):focus, .certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn):hover, .certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn):focus { - color: #29abe2; + -webkit-text-decoration-color: #33b5e5; + text-decoration-color: #33b5e5; } .comment__text p a:not(.btn) { @@ -3034,12 +3013,12 @@ body.media-directory .dz-preview .dz-progress .dz-upload { .ck.ck-content a:not(.btn) { font-weight: 400; text-decoration: underline; - -webkit-text-decoration-color: #29abe2; - text-decoration-color: #29abe2; } .ck.ck-content a:not(.btn):hover, .ck.ck-content a:not(.btn):focus { - color: #29abe2; + cursor: pointer; + -webkit-text-decoration-color: #33b5e5; + text-decoration-color: #33b5e5; } .ck.ck-content blockquote { diff --git a/components/03-molecules/wysiwyg/ckeditor.scss b/components/03-molecules/wysiwyg/ckeditor.scss index 43541411cd5c86822a7c909b81e4598fae48fe50..bdde6ba70b309b6757306d88f3354893a225f883 100644 --- a/components/03-molecules/wysiwyg/ckeditor.scss +++ b/components/03-molecules/wysiwyg/ckeditor.scss @@ -10,11 +10,14 @@ body { } a:not(.btn) { + font-weight: 400; text-decoration: underline; - color: $link-color; + color: #343434; - &:hover { - color: $link-hover-color; + &:hover, + &:focus { + cursor: pointer; + text-decoration-color: var(--link-color); } } diff --git a/components/brand.scss b/components/brand.scss index d2be5899543df21e445fcd7a4a0fb4f331b3682b..d435686a73e7ee0cefcad6117f77a5bdbb54defe 100644 --- a/components/brand.scss +++ b/components/brand.scss @@ -8,7 +8,7 @@ --accent-color: #{$brand-accent}; --accent-color--text: #{$brand-accent-text}; - //--link-color: #{$brand-link}; + --link-color: #{$brand-link}; //--navbar-default-link-color: #{$navbar-default-link-color}; //--navbar-default-link-active-color: #{$navbar-default-link-active-color}; //--navbar-default-link-active-bg: #{$navbar-default-link-active-bg}; @@ -269,11 +269,9 @@ .certificate-footer .bottom, .certificate-header .description { *:not(.badge):not(.section__title) > a:not(.btn) { - text-decoration-color: $brand-primary; - &:hover, &:focus { - color: $brand-primary; + text-decoration-color: $brand-link; } } } @@ -987,11 +985,11 @@ body.media-directory { a:not(.btn) { font-weight: 400; text-decoration: underline; - text-decoration-color: $brand-primary; &:hover, &:focus { - color: $brand-primary; + cursor: pointer; + text-decoration-color: $brand-link; } } diff --git a/socialblue.info.yml b/socialblue.info.yml index 04f7ab8caf0787173cd84be2f881cfa97fc12db6..6b7d2d3640de133d616887a1260ab3e4d7fe3bd5 100644 --- a/socialblue.info.yml +++ b/socialblue.info.yml @@ -83,6 +83,7 @@ libraries-extend: ckeditor_stylesheets: - assets/css/ckeditor.css + - assets/css/brand.css # Special stylesheets for CKEditor5 to use while editing. ckeditor5-stylesheets: false