Skip to content

Commit

Permalink
Fix funkcss version
Browse files Browse the repository at this point in the history
  • Loading branch information
filipelinhares committed Aug 1, 2024
1 parent 8efde95 commit f55f18a
Showing 1 changed file with 20 additions and 20 deletions.
40 changes: 20 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="https://unpkg.com/ress/dist/ress.min.css" />
<link rel="stylesheet" href="https://unpkg.com/funkcss/dist/funkcss.min.css" />
<link rel="stylesheet" href="https://unpkg.com/funkcss@0.9" />
<link rel="stylesheet" href="https://unpkg.com/typcss/dist/typ.min.css" />
<link rel="stylesheet" href="https://unpkg.com/fooltips/dist/fooltips.min.css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet" />
Expand Down Expand Up @@ -111,21 +111,21 @@ <h2>Installation</h2>
<h2>Customization</h2>
<h4>Defaults:</h4>
<pre>
--multiline-max-width: 250px;
--tooltip-background-color: rgba(0, 0, 0, 0.8);
--tooltip-color: #fff;
--tooltip-padding: 5px 8px;
--tooltip-border-radius: 4px;
--tooltip-font-size: 0.7rem;
--tooltip-zIndex: 9000;
--tooltip-content: aria-label;
--multiline-max-width: 250px;
--tooltip-background-color: rgba(0, 0, 0, 0.8);
--tooltip-color: #fff;
--tooltip-padding: 5px 8px;
--tooltip-border-radius: 4px;
--tooltip-font-size: 0.7rem;
--tooltip-zIndex: 9000;
--tooltip-content: aria-label;
</pre>

<p class="mB-3">
<pre class="m-0">
.tooltip--red {
--tooltip-background-color: red;
}
.tooltip--red {
--tooltip-background-color: red;
}
</pre>
<span class="d-ib tooltip--red cur-h" data-tooltip="right" aria-label="A red tooltip">
<strong>I have a custom tooltip</strong>
Expand All @@ -134,11 +134,11 @@ <h4>Defaults:</h4>

<p class="mB-4">
<pre class="m-0">
.tooltip--big {
--tooltip-background-color: #222;
--tooltip-padding: 8px 12px;
--tooltip-font-size: 1rem;
}
.tooltip--big {
--tooltip-background-color: #222;
--tooltip-padding: 8px 12px;
--tooltip-font-size: 1rem;
}
</pre>
<span class="d-ib tooltip--big cur-h" data-tooltip="right" aria-label="A big tooltip">
<strong>I have a big tooltip</strong>
Expand All @@ -147,9 +147,9 @@ <h4>Defaults:</h4>

<p class="mB-4">
<pre class="m-0">
.tooltip--href {
--tooltip-content: href;
}
.tooltip--href {
--tooltip-content: href;
}
</pre>
<a href="https://github.com/filipelinhares/fooltips" class="d-ib tooltip--href cur-p" data-tooltip="right">
<strong>I have a tooltip with a link</strong>
Expand Down

0 comments on commit f55f18a

Please sign in to comment.