Packages

salad_ui

0.14.9
1.0.0-rc.1 1.0.0-beta.3 1.0.0-beta.2 1.0.0-beta.1 retired 0.14.9 0.14.8 0.14.7 0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.13.1 0.13.0 0.12.0 0.11.0 0.10.0 0.9.0 0.8.0 0.7.0 0.6.0 0.5.1 0.5.0 0.4.2 0.4.1 0.4.0 0.3.0

Phoenix UI components library inspired by shadcn ui

HexDocs

Current section

Files

Jump to
Readme
29 Versions
2 Dependencies
Dependants
Files
Activity
salad_ui assets salad_ui.css
Raw

assets/salad_ui.css 

/* Scroll area */



/* firefox */

.salad-scroll-area {

  scrollbar-width: thin;

  scrollbar-color: transparent transparent;

}



.salad-scroll-area:hover {

  scrollbar-color: #c2c2c2 transparent;

}



/* Chrome, Edge, and Safari */

.salad-scroll-area::-webkit-scrollbar {

  width: 6px;

  background-color: transparent;

}



.salad-scroll-area::-webkit-scrollbar-track {

  background: transparent;

  border-radius: 5px;

}



.salad-scroll-area::-webkit-scrollbar-thumb {

  background-color: #c2c2c2;

  border-radius: 14px;

}



/* slider */

input[type="range"] {

  -webkit-appearance: none;

  appearance: none;

  @apply w-full bg-primary bg-no-repeat bg-gradient-to-r from-secondary to-secondary rounded-lg h-2;

}

input[type="range"]::-webkit-slider-thumb,

input[type="range"]::-moz-range-thumb {

  -webkit-appearance: none;

  appearance: none;

  @apply w-5 h-5 bg-background border-2 border-primary rounded-full;

}