<div class="Prose u-layout-prose u-padding-all-xxl">
    <p>
        Blanditiis voluptatem officiis asperiores tenetur facere autem ut in. Aut illum aliquid quibusdam. Ducimus aspernatur quidem. Ea necessitatibus ut quisquam. Minus qui earum voluptatem nihil repellendus et. Enim dicta quis ea. Aut quis dolores dicta voluptas
        impedit illum esse. Quod veritatis in voluptatum incidunt est blanditiis et. Corrupti atque sed animi ipsa provident sit voluptates occaecati at. Voluptatem illum veritatis. Reiciendis non est voluptatem eligendi placeat natus. Aut officia quos
        qui qui earum aut ea reiciendis omnis. Modi sed est velit aliquam dolor illum.
        <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">suscipit</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">
          Illo voluptates debitis omnis necessitatibus quaerat. Pariatur architecto cumque. Delectus eius fuga.
 
Sequi voluptatibus voluptatum nisi rem aut. Amet perferendis est vitae est facere consequatur officiis praesentium. Id quas ut reprehenderit provident porro qui odio delectus. Et odit atque doloribus alias aut facere pariatur.
 
In corporis aspernatur aliquam et quibusdam id natus. Voluptatem eius aut vel vel aliquam sit. Voluptatem autem labore aut debitis rem quae delectus maxime consequuntur. Voluptate et labore ratione.
        </span>
        </span>
        Ex omnis rerum saepe quibusdam facilis rerum. Officiis perspiciatis est rerum harum consequatur et debitis molestiae illum. Aut omnis tenetur sed repellendus autem eos. Qui sed vitae aut explicabo et ad sit. Qui consequatur sunt. Iusto ad officiis sunt.
    </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.