Packages

scales_cms

0.2.1
0.2.1 0.2.0 0.1.26 0.1.25 0.1.24 0.1.23 0.1.21 0.1.20 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

A page builder annex CMS made by Fish on Fire

HexDocs

Current section

Files

Jump to
Readme
28 Versions
23 Dependencies
Dependants
Files
Activity
scales_cms priv tailwind components buttons.css
Raw

priv/tailwind/components/buttons.css 

@layer components {

    .btn {

        @apply rounded bg-secondary py-[12px] px-[16px] text-sm text-white transition ease-in-out;

    }



    .btn:disabled,

    .btn:disabled:hover {

        @apply bg-lightGrey text-black;

    }



    .btn-primary {

        @apply bg-primary text-white;

        &:hover {

            @apply bg-primary_dark;

        }

    }



    .btn-secondary {

        @apply bg-secondary text-white;

    }



    .btn-secondary:hover {

        @apply bg-black text-white;

    }



    .chevron-container {

        @apply flex justify-end px-2 pt-2;

    }



    .chevron-wrapper {

        @apply bg-white rounded py-2 pl-2 pr-[10px] border-0;



        &:hover {

            @apply bg-secondary cursor-pointer transition ease-in-out;

        }



        &:focus {

            @apply outline-none ring-2 ring-primary ring-offset-2;

        }



        & svg {

            @apply transition ease-in-out;

        }

    }

}