Skip to content
Snippets Groups Projects
Select Git revision
  • c6a14c06bdc531f8fd6b9a1442a4973bd0d2c154
  • ui_koalicni default
  • ui_styleguide protected
3 results

list.pcss

Blame
  • avatar.pcss 551 B
    .avatar {
      @apply inline-block text-center rounded-full;
    
      img {
        @apply rounded-full block w-full;
      }
    }
    
    @responsive {
      .avatar--2xs {
        @apply w-8;
      }
      .avatar--xs {
        @apply w-12;
      }
      .avatar--sm {
        @apply w-20;
      }
      .avatar--md {
        @apply w-24;
      }
      .avatar--lg {
        @apply w-28;
      }
      .avatar--xl {
        @apply w-36;
      }
      .avatar--2xl {
        @apply w-48;
      }
      .avatar--3xl {
        @apply w-56;
      }
    }
    
    .avatar--bordered {
      img {
        @apply border-white border-8;
      }
    }
    
    .avatar--outlined {
      @apply border-grey-100 border;
    }