exercises

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

product.component.scss (748B)

      1 .card-header,
      2 .card-footer {
      3     background-color: inherit;
      4 }
      5 
      6 .brand {
      7     background-color: var(--violet-0);
      8     border-color: var(--violet-8);
      9     color: var(--violet-11);
     10 }
     11 
     12 .discount {
     13     background-color: var(--pink-0);
     14     border-color: var(--pink-8);
     15     color: var(--pink-11);
     16 }
     17 
     18 .card {
     19     transition: all 0.3s ease;
     20 
     21     &:hover {
     22         border-color: var(--blue-7);
     23     }
     24 
     25     &[disabled="true"] {
     26         opacity: 0.8;
     27         pointer-events: none;
     28     }
     29 }
     30 
     31 .card-title {
     32     color: var(--gray-8);
     33 }
     34 
     35 .btn-add-cart {
     36     border: 1px solid var(--gray-8);
     37     transition: all 0.3s ease;
     38     color: var(--gray-8);
     39 
     40     &:hover,
     41     &:focus,
     42     &:active {
     43         background-color: var(--gray-10);
     44         color: var(--gray-1);
     45     }
     46 }