VAADIN.themes.mateu.views.mobile.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of mdd-vaadin Show documentation

security api

There is a newer version: 1.1.60

@mixin mobile {

  .mateu-header-mobile {
    padding: 5px;
    background-color: #664b5f;
    padding-left: 10px;

    * {
      color: white;
    }

    .iconomenu {
      font-size: 18px;
      padding-top: 2px;
    }

    .centro {
      text-align: center;
      margin: 0 auto;
      display: block;
    }

    .iconoarea {
      padding-top: 5px;
      font-size: 15px;
      padding-right: 4px;
    }

    .appname {
      margin-top: 1px;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 1.5em;
    }

    .v-menubar, .v-button {
      margin-top: 3px;
    }
  }

  .mateu-headers.container {
    display: block;
    margin: 0 auto;
  }

  .mateu-headers[width-range~="0-600px"] {
    .mateu-header {
      display: none !important;
    }
    .mateu-header-mobile {
      display: inherit !important;
    }
  }

  .mateu-headers[width-range~="601px-"] {
    .mateu-header {
      display: inherit !important;
    }
    .mateu-header-mobile {
      display: none !important;
    }
  }

  .mateu-footers[width-range~="0-600px"] {
    .mateu-footer {
      display: none !important;
    }
    .mateu-footer-mobile {
      display: inherit !important;
    }
  }

  .mateu-footers[width-range~="601px-"] {
    .mateu-footer {
      display: inherit !important;
    }
    .mateu-footer-mobile {
      display: none !important;
    }
  }


  .contenido[width-range~="0-990px"].container {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 20px;
  }

}