exercises

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

styles.scss (1225B)

      1 
      2 * {
      3   outline: none;
      4   outline-offset: 0;
      5   box-shadow: none !important;
      6 }
      7 
      8 /*
      9 @supports (position-area: top) {
     10   html:after {
     11     content: "";
     12     position: fixed;
     13     position-anchor: --focus;
     14     inset: anchor(inside, 0);
     15     outline: 1px solid var(--orange-7);    
     16     pointer-events: none;
     17     transition: .4s;    
     18   }
     19 
     20   *:focus-visible {
     21     outline: none;
     22     anchor-name: --focus;
     23   }
     24 }
     25 */
     26 /* Global styles matching original */
     27 body,
     28 .container-fluid {
     29   font-family: "Rethink Sans", sans-serif;
     30   font-optical-sizing: auto;
     31   -webkit-font-smoothing: antialiased;
     32   -moz-osx-font-smoothing: grayscale;
     33   height: 100vh;
     34   width: 100vw;
     35   grid-template-rows: auto 1fr;
     36 }
     37 
     38 router-outlet {
     39   display: none;
     40 }
     41 
     42 .sr-only {
     43   position: absolute;
     44   width: 1px;
     45   height: 1px;
     46   padding: 0;
     47   margin: -1px;
     48   overflow: hidden;
     49   clip: rect(0, 0, 0, 0);
     50   white-space: nowrap;
     51   border: 0;
     52 }
     53 
     54 ng-component:has(.checkout) {
     55   display: block;
     56   width: 100%;
     57   height: 100%;
     58   overflow: hidden;
     59 }
     60 
     61 .cart-morph {
     62   top: 0;
     63   left: 0;
     64   position: absolute;
     65   opacity: 0;
     66   z-index: 1000;
     67   pointer-events: none;
     68   background-color: var(--green-3);
     69   color: var(--gray-12);
     70 
     71   /* Initial position */
     72   transform: translate(0, 0);
     73 }