Sha256: 377a5570d672125a8bb82ea0257fe96f6e7b511d075747d47a24cb41c747764e
Contents?: true
Size: 1.81 KB
Versions: 7
Compression:
Stored size: 1.81 KB
Contents
@import "tom-select/dist/scss/tom-select"; .proposal-list { &__aside { &__button-container { @apply flex flex-col gap-4 md:gap-10 w-full; } } &__map { /* negative main padding values */ @apply md:-ml-16 -mt-6 md:-mt-12 aspect-square md:aspect-[21/9] [&>*]:h-full [&+*]:mt-6 md:[&+*]:mt-12; } } .proposal { &__cost { @apply space-y-3 bg-background rounded p-4 text-black; &-period { @apply text-gray-2 uppercase text-sm; } } &__aside { &-vote { @apply flex flex-row-reverse md:flex-col gap-4 items-center md:items-stretch justify-between first:[&>*]:grow last:[&>*]:w-1/4 md:last:[&>*]:w-auto; } } &__container { [data-decidim-map] { @apply aspect-[5/1]; } } } .proposal-participatory { &__heading { @apply pb-6 border-b-4 border-background font-sans font-semibold text-xl md:text-3xl; } &__section { @apply p-4 rounded hover:bg-background-4 space-y-4 transition; } &__section + &__section { @apply mt-2; } &__title { @apply block font-semibold text-xl text-secondary; } &__text { @apply text-md text-gray-2; } &__button { @apply inline-flex items-center gap-1 px-0 md:px-6 border-gray-3 border-0 md:border-r first:pl-0 last:pr-0 last:border-r-0 text-sm text-secondary; & > span { @apply underline; } & > svg { @apply w-3.5 h-3.5 fill-current text-gray; } } &__section:hover &__title { @apply underline; } &__section:hover .label { @apply text-white bg-secondary; } } /* overwrite tom-select defaults */ .ts { &-control { @apply border-gray text-md min-h-[40px]; input { @apply font-normal text-black text-md; } } &-dropdown { @apply text-md text-gray-2 font-normal; .active { @apply text-white bg-secondary; } } }
Version data entries
7 entries across 7 versions & 1 rubygems