@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
44 lines (40 loc) • 1.57 kB
HTML
<html>
<head>
<title>Kit Digital - Universidad San Sebastían</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/css/theme.css" rel="stylesheet" type="text/css" />
<link href="/css/main.css" rel="stylesheet" type="text/css" />
</head>
<body style="height: 150vh">
<div class="flex gap-160 mt-160 mx-160">
<span data-uss-tooltip data-uss-content="Default">
<i class="uss-icon ri-question-line"></i>
</span>
<span
data-uss-tooltip
data-uss-content="delayed 500ms to open and 100ms to close"
data-uss-delay="500, 100"
>
<i class="uss-icon ri-question-line"></i>
</span>
<span
data-uss-tooltip
data-uss-placement="top-start"
data-uss-content="<span style='color:tomato; font-weight:700; font-size:24px'>HTML elements</span>"
>
<i class="uss-icon ri-question-line"></i>
</span>
<span data-uss-tooltip data-uss-content-target="1" data-uss-placement="bottom-end">
<i class="uss-icon ri-question-line"></i
></span>
</div>
<div data-uss-tooltip-content-id="1" class="uss-tooltip">
<span class="uss-tooltip__content-title">Title content</span>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.Lorem, ipsum dolor sit amet
consectetur adipisicing elit.Lorem, ipsum dolor sit amet consectetur adipisicing elit.
</div>
<script src="/js/main.js" type="module"></script>
</body>
</html>