Souke/backend/web/sass/document/download.scss

/**
 * Copyright Guillaume Bourgeois (2018)
 *
 * contact@souke.fr
 *
 * Ce logiciel est un programme informatique servant à aider les producteurs
 * à distribuer leur production en circuits courts.
 *
 * Ce logiciel est régi par la licence CeCILL soumise au droit français et
 * respectant les principes de diffusion des logiciels libres. Vous pouvez
 * utiliser, modifier et/ou redistribuer ce programme sous les conditions
 * de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
 * sur le site "http://www.cecill.info".
 *
 * En contrepartie de l'accessibilité au code source et des droits de copie,
 * de modification et de redistribution accordés par cette licence, il n'est
 * offert aux utilisateurs qu'une garantie limitée.  Pour les mêmes raisons,
 * seule une responsabilité restreinte pèse sur l'auteur du programme,  le
 * titulaire des droits patrimoniaux et les concédants successifs.
 *
 * A cet égard  l'attention de l'utilisateur est attirée sur les risques
 * associés au chargement,  à l'utilisation,  à la modification et/ou au
 * développement et à la reproduction du logiciel par l'utilisateur étant
 * donné sa spécificité de logiciel libre, qui peut le rendre complexe à
 * manipuler et qui le réserve donc à des développeurs et des professionnels
 * avertis possédant  des  connaissances  informatiques approfondies.  Les
 * utilisateurs sont donc invités à charger  et  tester  l'adéquation  du
 * logiciel à leurs besoins dans des conditions permettant d'assurer la
 * sécurité de leurs systèmes et ou de leurs données et, plus généralement,
 * à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
 *
 * Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
 * pris connaissance de la licence CeCILL, et que vous en avez accepté les
 * termes.
 */

$font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$border-color: #c0c0c0;

body {
  padding-bottom: 200px;
}

.document-download {
  $margin-bottom-block: 15px;
  $padding-block: 10px;

  font-family: $font-family;

  #block-addresses {
    margin-bottom: 2*$margin-bottom-block;

    .producer {
      margin-bottom: $margin-bottom-block;
      text-align: left;
      line-height: 21px;

      .logo {
        float: left;
        padding-right: 25px;
      }

      .name {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 8px;
      }
    }

    .user {
      text-align: right;
    }
  }

  .block-is-draft {
    padding: $padding-block;
    margin-bottom: $margin-bottom-block;
    text-transform: uppercase;
    border: solid 1px black;
  }

  #block-infos-document {
    padding: $padding-block;
    margin-bottom: $margin-bottom-block;
    font-size: 11px;
    line-height: 18px;
    background-color: #efefef;

    .type {
      text-transform: uppercase;
      padding-bottom: 10px;
    }
  }

  #block-no-product {
    padding: $padding-block;
    margin-bottom: $margin-bottom-block;
    font-weight: bold;
    border: solid 2px black;
    text-transform: uppercase;
  }

  #block-products {
    margin-bottom: $margin-bottom-block;

    table {
      width: 100%;
      padding: 0px;
      margin: 0px;
      border-bottom: solid 1px $border-color;
      border-right: solid 1px $border-color;
      border-collapse: collapse;

      td, th {
        padding: 2px 5px;
        border-top: solid 1px $border-color;
        border-left: solid 1px $border-color;
        font-family: $font-family;
        font-size: 12px;

        &.align-left {
          text-align: left;
        }

        &.align-center {
          text-align: center;
        }

        &.align-right {
          text-align: right;
        }
      }

      td {
        font-size: 11px;

        &.column-product {}

        &.column-unit-price {
          width: 120px;
        }

        &.column-tax-rate,
        &.column-price {
          width: 70px;
        }

        &.column-quantity {
          width: 80px;
        }
      }
    }
  }

  .block-infos {
    margin-bottom: $margin-bottom-block;
    border: solid 1px $border-color;
    padding: $padding-block;
    background-color: transparent;
    font-size: 11px;

    strong {
      font-size: 12px;
    }
  }
}

#footer {
  font-family: $font-family;
  text-align: center;
  padding-top: 10px;
  border-top: solid 1px gray;

  .infos-bottom {
    font-size: 12px;
    line-height: 18px;
  }
}