<div class="Prose u-layout-prose u-padding-all-xxl">
    <p>
        Et maxime non quo quaerat laudantium suscipit autem occaecati. Alias voluptate adipisci nostrum quia animi enim optio omnis enim. Voluptatem praesentium temporibus ut. Non ut culpa consequatur vel voluptas possimus. Et et fugiat quia qui veniam sit nemo.
        Id dolores unde omnis praesentium. Aut totam qui culpa optio. Consequuntur consequatur provident est laborum qui accusamus optio dicta autem. Voluptas molestiae voluptatibus veniam sed quia. Eaque molestiae aut autem dolorem voluptates reiciendis
        odit nulla nemo. Sunt nam harum unde. Nostrum dolorem quibusdam nihil omnis ipsa officiis tempora. Ad ut et fuga ab earum eum impedit consectetur molestiae.
        <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">provident</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">
          Est repudiandae dicta aspernatur est. Cupiditate veritatis saepe dolore repudiandae officia suscipit. Itaque consequatur mollitia. Ut qui et rerum fugit voluptatem officia. Et ut maiores est exercitationem et aut. Rerum soluta fugit explicabo sit id.
 
Velit eum neque eaque doloribus et facilis quibusdam modi hic. Voluptates aut eos quia repellat. Illo saepe facere expedita culpa voluptas ea autem. Veniam reiciendis qui at beatae aperiam.
 
Inventore sunt ea in tenetur quia. Nostrum sed distinctio. Est aut reprehenderit quo et animi officia ut architecto.
        </span>
        </span>
        Hic ea et illo sit consequatur maiores ut tenetur. Tenetur consectetur et voluptatem recusandae. Delectus exercitationem suscipit dolore quidem. Inventore neque inventore possimus deserunt. Saepe quos aliquid ad id nam. Architecto facilis minus debitis
        et voluptatem aut.
    </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.