Marcelo Puebla / autoservicio-axion

Browse Code »

Commit e79f4dfa99159d841cda0ca217349bcce0b184ba

Authored by Benjamin Rodriguez 2020-01-14 13:21:01 -0300

1 parent fd5ec05a78

Exists in develop

cambio el borde redondeo y color

Showing 1 changed file with 2 additions and 1 deletions Show diff stats

src/app/modules/comanda/comanda.component.scss

Diff comments View file @ e79f4df

 @media (min-width: 1200px) {
   .col-1-5 {
     flex: 0 0 12.5%;
     max-width: 12.5%;
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 @media (min-width: 1200px) {
   .card-columns {
     column-count: 5 !important;
     column-gap: 0.5rem !important;
   }
 }
 @media (max-width: 1200px) {
   .card-columns {
     column-count: 4 !important;
     column-gap: 0.5rem !important;
   }
 }
 @media (max-width: 768px) {
   .card-columns {
     column-count: 3 !important;
     column-gap: 0.5rem !important;
   }
 }
 .bg-danger {
   transition: 0.2s;
   background-color: #aa006b !important;
   p {
     color: #fff;
   }
 }
 .bg-success {
   transition: 0.2s;
   background-color: #EEEEF0 !important;
   p {
     color: black;
   }
 }
 .bg-light {
   transition: 0.2s;
   background-color: white !important;
   p {
     color: #212529;
   }
 }
 .bg-dark-red {
   background-color: #670006 !important;
   p {
     color: white;
   }
 }
 .btn-elaborar {
   border-radius: 2rem;
   .p {
     color: #fff;
   }
 }
 .btn-deshacer {
   background-color: #fff;
   border-radius: 2rem;
 }
 .btn-terminar {
   background-color: rgba(228, 253, 251, 0.842);
   border-radius: 2rem;
   p {
     color: #212529;
   }
 }
 .rounded-xs {
-  border-radius: 1.5rem;
+  border-radius: 1rem;
+  border-color: #aa006b ;
 }
 .card-comanda {
   min-height: 250px;
 }
 .swing-out-top-bck {
   -webkit-animation: swing-out-top-bck 0.45s
     cubic-bezier(0.6, -0.28, 0.735, 0.045) 10s both;
   animation: swing-out-top-bck 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) 10s
     both;
 }
 @-webkit-keyframes swing-out-top-bck {
   0% {
     -webkit-transform: rotateX(0deg);
     transform: rotateX(0deg);
     -webkit-transform-origin: top;
     transform-origin: top;
     opacity: 1;
   }
   75% {
     -webkit-transform: rotateX(-100deg);
     transform: rotateX(-100deg);
     -webkit-transform-origin: top;
     transform-origin: top;
   }
   100% {
     -webkit-transform: rotateX(-100deg);
     transform: rotateX(-100deg);
     -webkit-transform-origin: top;
     transform-origin: top;
     opacity: 0;
     display: none;
     position: absolute;
   }
 }
 @keyframes swing-out-top-bck {
   0% {
     -webkit-transform: rotateX(0deg);
     transform: rotateX(0deg);
     -webkit-transform-origin: top;
     transform-origin: top;
     opacity: 1;
   }
   75% {
     -webkit-transform: rotateX(-100deg);
     transform: rotateX(-100deg);
     -webkit-transform-origin: top;
     transform-origin: top;
   }
   100% {
     -webkit-transform: rotateX(-100deg);
     transform: rotateX(-100deg);
     -webkit-transform-origin: top;
     transform-origin: top;
     opacity: 0;
     display: none;
     position: absolute;
   }
 }
 blockquote p::before,
 blockquote p::after {
   content: "“";
   font-family: Georgia;
   font-size: 40px;
   margin: -10px 0 0 -20px !important;
   position: absolute;
   opacity: 0.5;
 }
 blockquote p::after {
   content: "”";
   margin: -5px 0 0 4px !important;
 }