diff --git a/src/component/card/style/_legacy.scss b/src/component/card/style/_legacy.scss index 809904471..736b36030 100644 --- a/src/component/card/style/_legacy.scss +++ b/src/component/card/style/_legacy.scss @@ -7,10 +7,8 @@ @include legacy.is(ie11) { #{ns(card)} { - @include icon-legacy(arrow-right-line, md, before); - &--no-icon { - @include before(none); + @include after(none); } &__title, @@ -19,8 +17,14 @@ } &__title { + a { + @include icon-legacy(arrow-right-line, sm, after) { + background-color: transparent; + } + } + @include target-blank { - @include icon-size-legacy(md, after); + @include icon-legacy(external-link-line, sm, after); } } @@ -28,8 +32,64 @@ @include icon-size-legacy(sm, before); } - &--horizontal &__body { - flex-basis: 100%; + &--download { + #{ns(tile__title a)} { + @include icon-legacy(download-line, null, after); + } + } + + &#{ns(enlarge-link)} { + #{ns(card)}__title { + a { + text-decoration: none; + @include icon-size-legacy(md, after) { + background-color: transparent; + } + } + } + } + + @include respond-from(md) { + &--download, + &--horizontal, + &--horizontal-half, + &--horizontal-tier { + #{ns(card__body)} { + flex-basis: 100%; + } + } + } + } + + #{ns(card--sm)} { + &#{ns(enlarge-link)} { + #{ns(card)}__title { + a { + @include icon-size-legacy(sm, after); + } + } + } + + #{ns(card)}__title { + a { + @include icon-size-legacy(sm, after); + } + } + } + + #{ns(card--lg)} { + &#{ns(enlarge-link)} { + #{ns(card)}__title { + a { + @include icon-size-legacy(lg, after); + } + } + } + + #{ns(card)}__title { + a { + @include icon-size-legacy(md, after); + } } } } diff --git a/src/component/tile/style/_legacy.scss b/src/component/tile/style/_legacy.scss index cd2e17df5..1739c29e2 100644 --- a/src/component/tile/style/_legacy.scss +++ b/src/component/tile/style/_legacy.scss @@ -4,23 +4,87 @@ //// @use 'module/legacy'; +@use 'module/media-query'; @include legacy.is(ie11) { /** * Correctif de la largeur du texte dans la tuile */ #{ns(tile)} { - &__body, - &__body > * { + &--download, &--horizontal { + #{ns(tile)}__body { + flex-basis: 100%; + } + + &#{ns(tile--vertical\@md)} { + @include media-query.respond-from(md) { + #{ns(tile)}__body { + flex-basis: auto; + } + } + } + + &#{ns(tile--vertical\@lg)} { + @include media-query.respond-from(lg) { + #{ns(tile)}__body { + flex-basis: auto; + } + } + } + } + + &__body, &__body > * { max-width: 100%; } &__title { @include margin(0 0 2v); + max-width: 100%; + + a { + @include icon-legacy(arrow-right-line, sm, after); + } + + @include target-blank { + @include icon-legacy(external-link-line, sm, after); + } } &__desc { @include margin(0); + max-width: 100%; + } + + &__start, &__detail { + max-width: 100%; + } + + &--download { + #{ns(tile__title a)} { + @include icon-legacy(download-line, null, after); + } + } + + &#{ns(enlarge-link)} { + #{ns(tile)}__title { + a { + text-decoration: none; + + @include icon-size-legacy(md, after) { + background-color: transparent; + } + } + } + } + } + + #{ns(tile--sm)} { + #{ns(tile)} { + &__title { + a { + @include icon-size-legacy(sm, after); + } + } } } } diff --git a/src/component/tile/style/module/_default.scss b/src/component/tile/style/module/_default.scss index 526cf87dd..c7d66b301 100644 --- a/src/component/tile/style/module/_default.scss +++ b/src/component/tile/style/module/_default.scss @@ -53,11 +53,17 @@ &#{ns(enlarge-link)} { #{ns(tile)}__title { a { - @include icon-size(md, after) { + @include icon(arrow-right-line, md, after) { @include absolute(null, 8v, 9v); } } } + + &#{ns(tile--no-icon)} { + #{ns(tile__title a)} { + @include after(none); + } + } } @include title { @@ -75,8 +81,6 @@ } a { - @include icon(arrow-right-line, sm, after); - @include before { background-position: 0 100%; background-size: 100% spacing.space(1v); @@ -89,15 +93,6 @@ } } - &--no-icon, - &:not(#{ns(enlarge-link)}):not(#{ns(tile--download)}) { - #{ns(tile__title a)} { - &:not([target="_blank"]) { - @include after(none); - } - } - } - &__desc { @include text-style(md); flex: 1 1 auto; diff --git a/src/component/tile/style/module/_download.scss b/src/component/tile/style/module/_download.scss index 2a8475411..0afac3a41 100644 --- a/src/component/tile/style/module/_download.scss +++ b/src/component/tile/style/module/_download.scss @@ -3,7 +3,7 @@ /// @group tile //// -#{ns(tile--download)} { +#{ns(tile)}#{ns(tile--download)} { #{ns(tile__title a)} { @include icon(download-line, null, after); }