// # encoding: UTF-8
/*
 * Copyright (C) 2011 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@media print {

  html, body {
    font-family: Arial, Helvetica, sans-serif;
    color: black !important;
    font-size: 10pt;
    background: transparent none !important;
  }

  // just add this class to anything you dont want to be printed
  .no-print,
  #header,
  #footer,
  #right-side-wrapper,
  #left-side {
    display: none !important;
  }

  .ic-Layout-columns,
  .ic-Layout-wrapper {
    margin: 0 !important;
    border: 0 none !important;
  }

  .ic-Layout-wrapper,
  .ic-Layout-columns { margin-#{direction(left)}: 0 !important; }

  // this is for firefox, if things dont have overflow:visible then it wont print any more than one page.
  .ic-Layout-wrapper,
  .ic-Layout-contentMain,
  #wiki_show_view_main {
    overflow: visible !important;
  }

  // Override flex layout for FF, or else you hit:
  // https://bugzilla.mozilla.org/show_bug.cgi?id=258397
  .ic-Layout-wrapper,
  .ic-Layout-columns,
  .ic-app-main-content {
    display: block !important;
  }

  .ic-Layout-contentMain {
    width: auto;
    // the padding:0 here is to revert the padding added by .with-scrolling-right-side, &.with-sidebar-pinned-to-bottom
    padding: 0 !important;
    .fill_height_div {
      overflow: visible !important;
    }
  }

  a {
    &:link, &:visited {
      font-weight: bold;
      text-decoration: underline;
    }
    &:link:after, &:visited:after {
      content: " (" attr(href) ") ";
      font-size: 90%;
    }
    &[href^="/"]:after, &[href^="#"]:after {
      content: "";
    }
  }

  #breadcrumbs {
    margin: 0; padding: 0;
    margin-bottom: 10px;
    box-shadow: 0 0 0 white;
    ul {
      margin: 0; padding: 0;
      li {
        margin: 0; padding: 0;
        padding-#{direction(left)}: 10px;
        &:after {
          content: "   #{direction-ltr("→", "←")}   ";
        }
        &:last-child:after {
          content: "";
        }
        &:first-of-type {
          padding-#{direction(left)}: 0;
        }
        &.home {
          display: none;
        }
      }
      a {
        text-decoration: none !important;
        padding-#{direction(right)}: 10px;
      }
    }
  }

}
