replace pin classes with current inset etc. classes

[evdama]

Hi there,

pin was the past whereas inset and friends are the now...
https://tailwindcss.com/docs/top-right-bottom-left/

pasting what I've put in my project with things switched already... please review, it's untested

.form-switch {
    @apply relative select-none w-12 mr-2 leading-normal;
}

.form-switch-checkbox {
    @apply hidden;
}

.form-switch-label {
    @apply block overflow-hidden cursor-pointer bg-four border rounded-full h-6 shadow-inner;

    transition: background-color 0.2s ease-in;
}

.form-switch-label:before {
    @apply absolute block bg-white inset-y-0 w-6 border rounded-full -ml-1;

    right: 40%;
    content: "";
    transition: all 0.2s ease-in;
}

.form-switch-checkbox:checked+.form-switch-label,
.form-switch-checkbox:checked+.form-switch-label:before {}

.form-switch-checkbox:checked+.form-switch-label {
    @apply bg-three shadow-none;
}

.form-switch-checkbox:checked+.form-switch-label:before {
    @apply inset-y-0 right-0;
}

[CaptainCannabis]

I also had to change the "bg-" classes to the new wording like "bg-gray-500"

[mrjones03650]

Also note you need to change @tailwind preflight; with @tailwind base;