// FR-primary-color====================== @primaryColor: #f45a40; @primaryActive: #d64d36; @neutralColor: #2a2d34; @secondaryColor: #ebe7df; @scrollbarHover: rgba(244, 91, 64, 0.8); @scrollbarThumb: rgba(244, 91, 64, 0.3); // de-s-primary-color====================== // @primaryColor: rgb(87, 197, 160); // @primaryActive: rgb(71, 165, 134); // @neutralColor: #242424; // @secondaryColor: #ebe7df; // @scrollbarHover: rgba(87, 197, 160, 0.8); // @scrollbarThumb: rgba(87, 197, 160, 0.3); // EE-primary-color====================== // @primaryColor: #f60; // @primaryActive: rgb(207, 83, 0); @media screen and (min-width: 440px) { ::-webkit-scrollbar { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0); } ::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 12px; background-color: #f5f5f5; } :hover::-webkit-scrollbar-thumb { background-color: @scrollbarHover; } ::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: @scrollbarThumb; /*background-color: rgba(0,0,0,0.3);*/ } ::-webkit-scrollbar-thumb:window-inactive { background-color: rgba(17, 149, 219, 0.1); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } } body { margin: 0; padding: 0; } .fr-head { transition: all 0.3s ease-in-out; }