VAADIN.themes.mateu.views.botones.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 botones {

  .actionsbar {
    padding: 0px;
    padding-top: 2px !important;
    width: 100%;
    border-top:1px solid lightgrey;
    border-bottom:1px solid lightgrey;


    div {
      margin-bottom: 2px;
      margin-right: 6px;
    }

  }


  .formactionsbar {
    //margin-left: 32px;
    .v-button.quiet {
      visibility: unset;
      margin-right: 5px;
    }
  }


  .sectionactionbar {
    margin: 5px;
  }

  .v-button {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background-color: white;
    color: #501e96;
    border: 1px solid #501e96;
  }

  .v-button:hover {
    background-color: #501e96;
    color: white;
  }


  .v-button.primary {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background-color: #501e96;
    color: white;
    border: 1px solid #501e96;
  }

  .v-button.primary:hover {
    background-color: white;
    color: #501e96;
  }



  .v-button.quiet {
    border: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    color: #501e96;
    background-color: #d8d8d8;
  }

  .v-button.quiet:hover {
    background-color: #b3b3b3;
  }

  .v-button.quiet:focus:after {
    box-shadow: none;
  }


  .v-button.v-button-link {
    height: unset;
    padding: unset;
  }

  .v-button.v-button-link.v-pressed {
    outline: none;
  }

  .v-button.v-button-link:active {
    outline: none;
  }

  .v-button.v-button-link:focus {
    outline: none;
  }


  .v-button.quiet {
    background-color: #d8d8d8;
  }

  .v-button.quiet:hover {
    background-color: #b3b3b3;
  }











  .v-button.quiet.primary {
    background-color: #501e96;
    color: white;
  }

  .v-button.quiet.primary:hover {
    background-color: white;
    border: 1px solid #501e96;
    color: #501e96;
  }

  .v-button.quiet.danger {
    background-color: hsl(348, 100%, 61%);
    color: white;
  }

  .v-button.quiet.danger:hover {
    background-color: hsl(171, 100%, 51%);
  }



}