UNPKG

@codegouvfr/react-dsfr

Version:

French State Design System React integration library

522 lines (423 loc) 14.5 kB
/*! * DSFR v1.13.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */ @charset "UTF-8"; /* ¯¯¯¯¯¯¯¯¯ *\ ICON COMMUNICATION \* ˍˍˍˍˍˍˍˍˍ */ .fr-icon-align-center::before, .fr-icon-align-center::after { -webkit-mask-image: url("../../../icons/editor/align-center.svg"); mask-image: url("../../../icons/editor/align-center.svg"); } .fr-icon-align-justify::before, .fr-icon-align-justify::after { -webkit-mask-image: url("../../../icons/editor/align-justify.svg"); mask-image: url("../../../icons/editor/align-justify.svg"); } .fr-icon-align-left::before, .fr-icon-align-left::after { -webkit-mask-image: url("../../../icons/editor/align-left.svg"); mask-image: url("../../../icons/editor/align-left.svg"); } .fr-icon-align-right::before, .fr-icon-align-right::after { -webkit-mask-image: url("../../../icons/editor/align-right.svg"); mask-image: url("../../../icons/editor/align-right.svg"); } .fr-icon-code-block::before, .fr-icon-code-block::after { -webkit-mask-image: url("../../../icons/editor/code-block.svg"); mask-image: url("../../../icons/editor/code-block.svg"); } .fr-icon-code-view::before, .fr-icon-code-view::after { -webkit-mask-image: url("../../../icons/editor/code-view.svg"); mask-image: url("../../../icons/editor/code-view.svg"); } .fr-icon-font-color::before, .fr-icon-font-color::after { -webkit-mask-image: url("../../../icons/editor/font-color.svg"); mask-image: url("../../../icons/editor/font-color.svg"); } .fr-icon-font-size::before, .fr-icon-font-size::after { -webkit-mask-image: url("../../../icons/editor/font-size.svg"); mask-image: url("../../../icons/editor/font-size.svg"); } .fr-icon-format-clear::before, .fr-icon-format-clear::after { -webkit-mask-image: url("../../../icons/editor/format-clear.svg"); mask-image: url("../../../icons/editor/format-clear.svg"); } .fr-icon-bold::before, .fr-icon-bold::after { -webkit-mask-image: url("../../../icons/editor/fr--bold.svg"); mask-image: url("../../../icons/editor/fr--bold.svg"); } .fr-icon-highlight::before, .fr-icon-highlight::after { -webkit-mask-image: url("../../../icons/editor/fr--highlight.svg"); mask-image: url("../../../icons/editor/fr--highlight.svg"); } .fr-icon-quote-fill::before, .fr-icon-quote-fill::after { -webkit-mask-image: url("../../../icons/editor/fr--quote-fill.svg"); mask-image: url("../../../icons/editor/fr--quote-fill.svg"); } .fr-icon-quote-line::before, .fr-icon-quote-line::after { -webkit-mask-image: url("../../../icons/editor/fr--quote-line.svg"); mask-image: url("../../../icons/editor/fr--quote-line.svg"); } .fr-icon-h-1::before, .fr-icon-h-1::after { -webkit-mask-image: url("../../../icons/editor/h-1.svg"); mask-image: url("../../../icons/editor/h-1.svg"); } .fr-icon-h-2::before, .fr-icon-h-2::after { -webkit-mask-image: url("../../../icons/editor/h-2.svg"); mask-image: url("../../../icons/editor/h-2.svg"); } .fr-icon-h-3::before, .fr-icon-h-3::after { -webkit-mask-image: url("../../../icons/editor/h-3.svg"); mask-image: url("../../../icons/editor/h-3.svg"); } .fr-icon-h-4::before, .fr-icon-h-4::after { -webkit-mask-image: url("../../../icons/editor/h-4.svg"); mask-image: url("../../../icons/editor/h-4.svg"); } .fr-icon-h-5::before, .fr-icon-h-5::after { -webkit-mask-image: url("../../../icons/editor/h-5.svg"); mask-image: url("../../../icons/editor/h-5.svg"); } .fr-icon-h-6::before, .fr-icon-h-6::after { -webkit-mask-image: url("../../../icons/editor/h-6.svg"); mask-image: url("../../../icons/editor/h-6.svg"); } .fr-icon-hashtag::before, .fr-icon-hashtag::after { -webkit-mask-image: url("../../../icons/editor/hashtag.svg"); mask-image: url("../../../icons/editor/hashtag.svg"); } .fr-icon-indent-decrease::before, .fr-icon-indent-decrease::after { -webkit-mask-image: url("../../../icons/editor/indent-decrease.svg"); mask-image: url("../../../icons/editor/indent-decrease.svg"); } .fr-icon-indent-increase::before, .fr-icon-indent-increase::after { -webkit-mask-image: url("../../../icons/editor/indent-increase.svg"); mask-image: url("../../../icons/editor/indent-increase.svg"); } .fr-icon-italic::before, .fr-icon-italic::after { -webkit-mask-image: url("../../../icons/editor/italic.svg"); mask-image: url("../../../icons/editor/italic.svg"); } .fr-icon-link-unlink::before, .fr-icon-link-unlink::after { -webkit-mask-image: url("../../../icons/editor/link-unlink.svg"); mask-image: url("../../../icons/editor/link-unlink.svg"); } .fr-icon-link::before, .fr-icon-link::after { -webkit-mask-image: url("../../../icons/editor/link.svg"); mask-image: url("../../../icons/editor/link.svg"); } .fr-icon-list-check::before, .fr-icon-list-check::after { -webkit-mask-image: url("../../../icons/editor/list-check.svg"); mask-image: url("../../../icons/editor/list-check.svg"); } .fr-icon-list-ordered::before, .fr-icon-list-ordered::after { -webkit-mask-image: url("../../../icons/editor/list-ordered.svg"); mask-image: url("../../../icons/editor/list-ordered.svg"); } .fr-icon-list-unordered::before, .fr-icon-list-unordered::after { -webkit-mask-image: url("../../../icons/editor/list-unordered.svg"); mask-image: url("../../../icons/editor/list-unordered.svg"); } .fr-icon-question-mark::before, .fr-icon-question-mark::after { -webkit-mask-image: url("../../../icons/editor/question-mark.svg"); mask-image: url("../../../icons/editor/question-mark.svg"); } .fr-icon-separator::before, .fr-icon-separator::after { -webkit-mask-image: url("../../../icons/editor/separator.svg"); mask-image: url("../../../icons/editor/separator.svg"); } .fr-icon-space::before, .fr-icon-space::after { -webkit-mask-image: url("../../../icons/editor/space.svg"); mask-image: url("../../../icons/editor/space.svg"); } .fr-icon-strikethrough::before, .fr-icon-strikethrough::after { -webkit-mask-image: url("../../../icons/editor/strikethrough.svg"); mask-image: url("../../../icons/editor/strikethrough.svg"); } .fr-icon-subscript::before, .fr-icon-subscript::after { -webkit-mask-image: url("../../../icons/editor/subscript.svg"); mask-image: url("../../../icons/editor/subscript.svg"); } .fr-icon-superscript::before, .fr-icon-superscript::after { -webkit-mask-image: url("../../../icons/editor/superscript.svg"); mask-image: url("../../../icons/editor/superscript.svg"); } .fr-icon-table-2::before, .fr-icon-table-2::after { -webkit-mask-image: url("../../../icons/editor/table-2.svg"); mask-image: url("../../../icons/editor/table-2.svg"); } .fr-icon-text-direction-r::before, .fr-icon-text-direction-r::after { -webkit-mask-image: url("../../../icons/editor/text-direction-r.svg"); mask-image: url("../../../icons/editor/text-direction-r.svg"); } .fr-icon-translate-2::before, .fr-icon-translate-2::after { -webkit-mask-image: url("../../../icons/editor/translate-2.svg"); mask-image: url("../../../icons/editor/translate-2.svg"); } .fr-icon-underline::before, .fr-icon-underline::after { -webkit-mask-image: url("../../../icons/editor/underline.svg"); mask-image: url("../../../icons/editor/underline.svg"); } .fr-fi-font-size::before, .fr-fi-font-size::after { -webkit-mask-image: url("../../../icons/editor/font-size.svg"); mask-image: url("../../../icons/editor/font-size.svg"); } .fr-fi-bold::before, .fr-fi-bold::after { -webkit-mask-image: url("../../../icons/editor/fr--bold.svg"); mask-image: url("../../../icons/editor/fr--bold.svg"); } .fr-fi-highlight::before, .fr-fi-highlight::after { -webkit-mask-image: url("../../../icons/editor/fr--highlight.svg"); mask-image: url("../../../icons/editor/fr--highlight.svg"); } .fr-fi-italic::before, .fr-fi-italic::after { -webkit-mask-image: url("../../../icons/editor/italic.svg"); mask-image: url("../../../icons/editor/italic.svg"); } .fr-fi-link-unlink::before, .fr-fi-link-unlink::after { -webkit-mask-image: url("../../../icons/editor/link-unlink.svg"); mask-image: url("../../../icons/editor/link-unlink.svg"); } .fr-fi-list-ordered::before, .fr-fi-list-ordered::after { -webkit-mask-image: url("../../../icons/editor/list-ordered.svg"); mask-image: url("../../../icons/editor/list-ordered.svg"); } .fr-fi-list-unordered::before, .fr-fi-list-unordered::after { -webkit-mask-image: url("../../../icons/editor/list-unordered.svg"); mask-image: url("../../../icons/editor/list-unordered.svg"); } @media (min-width: 36em) { /*! media sm */ /*! media sm */ } @media (min-width: 48em) { /*! media md */ /*! media md */ } @media (min-width: 62em) { /*! media lg */ /*! media lg */ } @media (min-width: 78em) { /*! media xl */ /*! media xl */ } @media screen and (min-width: 0\0) and (min-resolution: 72dpi) { .fr-icon-align-center::before, .fr-icon-align-center::after { background-image: url("../../../icons/editor/align-center.svg"); } .fr-icon-align-justify::before, .fr-icon-align-justify::after { background-image: url("../../../icons/editor/align-justify.svg"); } .fr-icon-align-left::before, .fr-icon-align-left::after { background-image: url("../../../icons/editor/align-left.svg"); } .fr-icon-align-right::before, .fr-icon-align-right::after { background-image: url("../../../icons/editor/align-right.svg"); } .fr-icon-code-block::before, .fr-icon-code-block::after { background-image: url("../../../icons/editor/code-block.svg"); } .fr-icon-code-view::before, .fr-icon-code-view::after { background-image: url("../../../icons/editor/code-view.svg"); } .fr-icon-font-color::before, .fr-icon-font-color::after { background-image: url("../../../icons/editor/font-color.svg"); } .fr-icon-font-size::before, .fr-icon-font-size::after { background-image: url("../../../icons/editor/font-size.svg"); } .fr-icon-format-clear::before, .fr-icon-format-clear::after { background-image: url("../../../icons/editor/format-clear.svg"); } .fr-icon-bold::before, .fr-icon-bold::after { background-image: url("../../../icons/editor/fr--bold.svg"); } .fr-icon-highlight::before, .fr-icon-highlight::after { background-image: url("../../../icons/editor/fr--highlight.svg"); } .fr-icon-quote-fill::before, .fr-icon-quote-fill::after { background-image: url("../../../icons/editor/fr--quote-fill.svg"); } .fr-icon-quote-line::before, .fr-icon-quote-line::after { background-image: url("../../../icons/editor/fr--quote-line.svg"); } .fr-icon-h-1::before, .fr-icon-h-1::after { background-image: url("../../../icons/editor/h-1.svg"); } .fr-icon-h-2::before, .fr-icon-h-2::after { background-image: url("../../../icons/editor/h-2.svg"); } .fr-icon-h-3::before, .fr-icon-h-3::after { background-image: url("../../../icons/editor/h-3.svg"); } .fr-icon-h-4::before, .fr-icon-h-4::after { background-image: url("../../../icons/editor/h-4.svg"); } .fr-icon-h-5::before, .fr-icon-h-5::after { background-image: url("../../../icons/editor/h-5.svg"); } .fr-icon-h-6::before, .fr-icon-h-6::after { background-image: url("../../../icons/editor/h-6.svg"); } .fr-icon-hashtag::before, .fr-icon-hashtag::after { background-image: url("../../../icons/editor/hashtag.svg"); } .fr-icon-indent-decrease::before, .fr-icon-indent-decrease::after { background-image: url("../../../icons/editor/indent-decrease.svg"); } .fr-icon-indent-increase::before, .fr-icon-indent-increase::after { background-image: url("../../../icons/editor/indent-increase.svg"); } .fr-icon-italic::before, .fr-icon-italic::after { background-image: url("../../../icons/editor/italic.svg"); } .fr-icon-link-unlink::before, .fr-icon-link-unlink::after { background-image: url("../../../icons/editor/link-unlink.svg"); } .fr-icon-link::before, .fr-icon-link::after { background-image: url("../../../icons/editor/link.svg"); } .fr-icon-list-check::before, .fr-icon-list-check::after { background-image: url("../../../icons/editor/list-check.svg"); } .fr-icon-list-ordered::before, .fr-icon-list-ordered::after { background-image: url("../../../icons/editor/list-ordered.svg"); } .fr-icon-list-unordered::before, .fr-icon-list-unordered::after { background-image: url("../../../icons/editor/list-unordered.svg"); } .fr-icon-question-mark::before, .fr-icon-question-mark::after { background-image: url("../../../icons/editor/question-mark.svg"); } .fr-icon-separator::before, .fr-icon-separator::after { background-image: url("../../../icons/editor/separator.svg"); } .fr-icon-space::before, .fr-icon-space::after { background-image: url("../../../icons/editor/space.svg"); } .fr-icon-strikethrough::before, .fr-icon-strikethrough::after { background-image: url("../../../icons/editor/strikethrough.svg"); } .fr-icon-subscript::before, .fr-icon-subscript::after { background-image: url("../../../icons/editor/subscript.svg"); } .fr-icon-superscript::before, .fr-icon-superscript::after { background-image: url("../../../icons/editor/superscript.svg"); } .fr-icon-table-2::before, .fr-icon-table-2::after { background-image: url("../../../icons/editor/table-2.svg"); } .fr-icon-text-direction-r::before, .fr-icon-text-direction-r::after { background-image: url("../../../icons/editor/text-direction-r.svg"); } .fr-icon-translate-2::before, .fr-icon-translate-2::after { background-image: url("../../../icons/editor/translate-2.svg"); } .fr-icon-underline::before, .fr-icon-underline::after { background-image: url("../../../icons/editor/underline.svg"); } .fr-fi-font-size::before { background-image: url("../../../icons/editor/font-size.svg"); } .fr-fi-bold::before { background-image: url("../../../icons/editor/fr--bold.svg"); } .fr-fi-highlight::before { background-image: url("../../../icons/editor/fr--highlight.svg"); } .fr-fi-italic::before { background-image: url("../../../icons/editor/italic.svg"); } .fr-fi-link-unlink::before { background-image: url("../../../icons/editor/link-unlink.svg"); } .fr-fi-list-ordered::before { background-image: url("../../../icons/editor/list-ordered.svg"); } .fr-fi-list-unordered::before { background-image: url("../../../icons/editor/list-unordered.svg"); } }