media/css/firefox/new/basic/thanks.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/notification-bar';

// Hide the /thanks download button as selection is made via JS automatically.
#thanks-download-button {
    display: none;
}

main {
    @include at2x('/media/img/firefox/new/basic/thanks-bg.png', 492px, 433px);
    @include bidi(((background-position, top left -400px, top right -400px),));
    background-repeat: no-repeat;
    min-height: 50vh;

    @media #{$mq-md} {
        @include bidi(((background-position, top left -300px, top right -300px),));
    }

    @media #{$mq-lg} {
        @include bidi(((background-position, top left -200px, top right -200px),));
    }

    @media #{$mq-xl} {
        @include bidi(((background-position, top left, top right),));
    }

    html[dir='rtl'] & {
        @include at2x('/media/img/firefox/new/basic/thanks-bg-rtl.png', 492px, 433px);
    }
}

.mzp-c-callout {
    background: transparent;

    .mzp-c-callout-title {
        @include text-title-xl;
        max-width: 610px;
        margin: 0 auto;
    }
}

// --------------------------------------------------------------------------
// windows disclaimer

.c-windows-disclaimer {
    margin: $layout-md auto $layout-sm;
    max-width: $content-sm;
    text-align: center;

    .c-windows-disclaimer-logo {
        margin-bottom: $layout-xs;
    }

    p:last-child {
        margin-bottom: 0;
    }
}

.c-support-install {
    font-weight: bold;
    margin: 0 auto;
    max-width: 30em;
    padding: $spacing-xl $spacing-lg $spacing-lg;
    text-align: center;
}

.download-another-language-link {
    @include text-body-sm;
    padding: $layout-sm 0;
    text-align: center;
}