Component Library

B Card 

<div class="b-card ">
    <div class="wrapper d-flex flex-wrap align-items-start p-2">
        <div class="col-2 p-0 text-lg-center">
            <img src="../../../img/icon_svg_sol.svg" alt="" class="img img-auto img-w-1-5">
        </div>
        <div class="col-10 pl-0">
            <p class="text text-color-primary text-size-1-4 m-0 text-uppercase">Titulo</p>
            <p class="text text-color-fiveteen m-0">La isla de Duba posee más de 300 playas distribuidas en sus costas norte y sur, todas ellas de …</p>
        </div>
    </div>
</div>
 
<div class="b-card {{b_card_class}}">
    <div class="wrapper d-flex flex-wrap align-items-start p-2">
        <div class="col-2 p-0 text-lg-center">
            <img src="../../../img/icon_svg_sol.svg" alt="" class="img img-auto img-w-1-5">
        </div>
        <div class="col-10 pl-0">
            <p class="text text-color-primary text-size-1-4 m-0 text-uppercase">Titulo</p>
            <p class="text text-color-fiveteen m-0">La isla de Duba posee más de 300 playas distribuidas en sus costas norte y sur, todas ellas de …</p>
        </div>
    </div>
</div>
 
/* No context defined. */
  • Content: 
    // card board
.b-card {
    .wrapper {
        @include border-radius(1rem);
        background-color: #F1F0F5;
    }
}
  • URL: /components/raw/b-card/b-card.scss
  • Filesystem Path: src/components/boards/b-card/b-card.scss
  • Size: 119 Bytes

No notes defined.