Sha256: 2a16658e67305487d826a2465080f93d4d93628b77cc0c1708fe84aaaed12b7c

Contents?: true

Size: 1.6 KB

Versions: 37

Compression:

Stored size: 1.6 KB

Contents

// Free trial styles for DMS

// Height of banner
$free_trial_banner_height: 7.4rem;

// Styles for container elements when body tag is using .has-free-trial
body.has-free-trial.nfg_ui {
  padding-top: 0;

  // For Top Banner
  @include media-breakpoint-down(lg) {
    .site-nav { padding-top: $free_trial_banner_height; }
    .page-wrap { padding-top: $free_trial_banner_height; }
  }
  @include media-breakpoint-up(xl) {
    .site-nav {
      top: $free_trial_banner_height;
      height: calc(100% - 74px);
    }
    .full_width_layout { padding-top: ($spacer * 3); }
    .container-wrap { padding-top: ($spacer * 2) + $free_trial_banner_height; }
    .site-navbar, .email-navbar { top: $free_trial_banner_height; }

    .page-wrap { padding-top: ($spacer * 2) + ($spacer * .5) + $free_trial_banner_height; }
    .builder-container { padding-top: 110px !important; }
    .sidebar { padding-top: $free_trial_banner_height; }

    .builder-header { top: $free_trial_banner_height; }
    .builder-wrap { padding-top: ($spacer * 2) + $free_trial_banner_height; }
    .builder-options { padding-top: ($spacer * 3) + $spacer + $free_trial_banner_height; }

    // Sticky redactor to render above the free trial banner
    #email-layout .cs-html-editor-overlay,
    .cs-html-editor-overlay { z-index: $zindex-fixed + 2; }
  }
  @include media-breakpoint-up(xl) {
    .sidebar { height: 100%; }
  }

  // Free trial banner specific styles
  .free-trial-alert {
    z-index: $zindex-fixed + 1;
    @include media-breakpoint-up(xl) {
      position: fixed !important;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
    }
  }
}

Version data entries

37 entries across 37 versions & 1 rubygems

Version Path
nfg_ui-6.17.2 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-6.17.1 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-6.17.0 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-6.16.3 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-6.16.2 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-6.16.1 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-6.16.0 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-5.15.7 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-5.15.6 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-5.15.5 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-5.15.4 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-5.15.3 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.15.2 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.15.1 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.15.0 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.14.7 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.14.6.3 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.14.6.2 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.14.6.1 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss
nfg_ui-0.14.6 app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss