Pattern Library

Logo Cloud

No notes defined.

<div class=" logoCloud">
    <div class="logoCloud__grid">
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ipsum.svg" alt="logo ipsum">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-ultra.svg" alt="Ultra Prestigious">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-circles.svg" alt="Circles Corp">
        </div>
        <div class="logoCloud__icon">
            <img class="logoCloud__img" src="/media/logo-worm.svg" alt="Worm Limited">
        </div>
    </div>
</div>
  • Content: 
    @use "/resources/styles/common" as *;
@use "/resources/styles/config";


.logoCloud {
    $b: &;

    @include grid;

    &__grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

    &__img {
        width: 100%;
        height: auto;
    }
}
  • URL: /components/raw/logo-cloud/_index.scss
  • Filesystem Path: resources/styles/organisms/logo-cloud/_index.scss
  • Size: 296 Bytes