@mixin scrollbar {
    /* width */
    ::-webkit-scrollbar {
    width: .75em;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
    
}

@mixin bordes {
  border: 1px solid #cdcdcd;
}

@mixin width($i) {
  width: #{$i};
}