smokephil/water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-12-07 15:25:07 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add summary/details to the demo page, improve styles

Browse source
This commit is contained in:
Felix 2020-05-30 13:58:58 -05:00
parent 476074e62e
commit 1c7806c518
2 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
docs/index.html
View file

@ -283,6 +283,11 @@
</tbody> </tbody>
</table> </table>
<details>
<summary>Some summary/details can't hurt!</summary>
<p>Lorem ipsum dolor sit blah blah.</p>
</details>
<h3 id="typography">Typography</h3> <h3 id="typography">Typography</h3>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis

7
src/parts/_misc.css
View file

@ -88,6 +88,13 @@ summary {
background-color: var(--background); background-color: var(--background);
padding: 10px; padding: 10px;
margin: -10px -10px 0; margin: -10px -10px 0;
cursor: pointer;
outline: none;
}
summary:hover,
summary:focus {
text-decoration: underline;
} }
details > :not(summary) { details > :not(summary) {