@import 'commons';
@import "../../styles/utils/link";

$m-fr-icon-size: 14px !default;

@mixin m-commons-rte-styles() {
    @include m-titles-styles();
    @include m-text-styles();

    .rte-h1 {
        @include m-font-size('h1');
        @include m-commons-title-styles;
    }

    .rte-h2 {
        @include m-font-size('h2');
        @include m-commons-title-styles;
    }

    .rte-h3 {
        @include m-font-size('h3');
        @include m-commons-title-styles;
    }

    .rte-h4 {
        @include m-font-size('h4');
        @include m-commons-title-styles;
    }

    .rte-h5 {
        @include m-font-size('h5');
        @include m-commons-title-styles;
    }

    .rte-h6 {
        @include m-font-size('h6');
        @include m-commons-title-styles;
    }

    ul,
    ol,
    table {
        margin-top: $m-space-sm;
        margin-bottom: 0;
    }

    ul {
        @include m-bullet-list();
    }

    ol {
        @include m-number-list();
    }

    table {
        @include m-table();
    }

    a {
        @extend .mu-link;

        display: inline;

        &:hover,
        &:focus {
            @extend %mu-link-text--hover-focus;
        }
    }

    .fr-btn > svg,
    .fr-sub-menu > svg {
        width: $m-fr-icon-size;
        height: $m-fr-icon-size;
        margin: $m-space-sm;
    }
}