<div class="Prose u-layout-prose u-padding-all-xxl">
    <p>
        In sed et molestiae repellat vel nostrum aut. Ullam modi provident modi quae quo fugit. Odit ab iure et totam. Cupiditate et totam dolorum nulla doloribus deleniti minus. Quod id voluptatem reiciendis perspiciatis delectus. Omnis sed ex facere et commodi
        dicta. Eum possimus id et. Quia vel ipsum magnam laboriosam voluptatem ex. Quidem dolor quia quidem quisquam voluptatem in eum inventore est. Veniam libero veritatis exercitationem iste corrupti qui id voluptas. Voluptatem nesciunt veritatis sapiente
        vero.
        <a href="#tooltip" class="Tooltip-toggle u-textClean u-padding-right-xs u-padding-left-xs
        u-background-teal-50 u-color-black" data-menu-trigger="tooltip">nostrum</a>
        <span id="tooltip" data-menu class="Dropdown-menu u-borderShadow-m u-background-teal-70 u-color-white u-layout-prose
        u-padding-r-all u-borderRadius-l">
        <span class="Icon-drop-down Dropdown-arrow u-color-teal-70"></span>
        <span class="u-layout-prose u-text-r-xs">
          Magnam aut deserunt sed commodi. Et delectus praesentium consectetur quasi incidunt. Similique enim quibusdam aut consequatur quia.
 
In reprehenderit harum et sequi et dolor amet rerum. Autem ad aliquam id ipsum rerum. Corporis omnis aliquam nihil deserunt. Autem voluptatem consectetur magnam quo aperiam autem dolores doloremque nihil. Assumenda non sunt quis deserunt molestiae incidunt quia quasi.
 
Soluta minima dolorem eum cupiditate. Officiis perferendis enim voluptatem ea harum vel non. Sapiente rerum vero doloremque omnis. Tempora culpa nostrum rem quas aut quas maxime ullam. Et nobis animi optio et ea dolor ipsam hic.
        </span>
        </span>
        Delectus non est dolore omnis dolorem. Dolor non saepe in minus sit provident cupiditate blanditiis. Libero explicabo magnam sequi molestias quos. Consequatur modi et facere aut repudiandae omnis.
    </p>
</div>
  • Content:
    /** @define Tooltip */
    
    :root {
      --Tooltip-border-color: #b4efef;
    }
    
    .Tooltip-toggle {
      border-bottom: 1px dotted currentColor;
      cursor: help;
    }
    
  • URL: /components/raw/tooltip/index.css
  • Filesystem Path: src/components/tooltip/index.css
  • Size: 148 Bytes

There are no notes for this item.