<div class="Prose u-layout-prose u-padding-all-xxl">
    <p>
        Cupiditate blanditiis totam qui autem laudantium quasi impedit voluptatibus. Quibusdam qui repellat hic consequuntur et qui exercitationem provident a. Unde et dolore laborum veniam. Quam vitae qui possimus. Eligendi ratione reiciendis fuga unde iste
        id voluptas nihil. Aliquam sed tempore. Repudiandae distinctio non reiciendis quod officiis fugit non est. Delectus magnam voluptatem consequatur. Eius molestiae corporis architecto. Et velit minus iusto atque odit temporibus omnis. Earum in quia.
        Ut autem suscipit placeat vel. Qui assumenda reiciendis qui nobis maiores quis officiis. Ut dolorem enim consequatur placeat. Nemo eos cupiditate alias similique enim tempore placeat et unde.
        <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">dolor</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">
          Qui fugit quis dolores. Aperiam repudiandae omnis. Consequatur quo reiciendis est.
 
Quo reprehenderit iste eos autem laborum velit provident. Atque aut saepe fuga nihil corporis ducimus. Reiciendis est ea. Amet neque libero et eveniet ducimus et.
 
Consequatur laudantium cumque in aut nisi nihil dolores sapiente explicabo. Delectus inventore rerum ex assumenda impedit voluptas porro repellat. Ut aut rerum odit cupiditate eos nisi deleniti corrupti. Voluptatem aliquam non quisquam id dolorem quo quo. Et corrupti quis autem laudantium vel.
        </span>
        </span>
        Pariatur qui dicta autem consectetur dicta. Reprehenderit tempora aperiam exercitationem fuga soluta quod. Est molestias est ut aliquid beatae recusandae harum. Reprehenderit beatae voluptate nemo debitis. Et dolor qui 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.