diff --git a/local/tailwind/tailwind.config.js b/local/tailwind/tailwind.config.js index b0227d3..71b17fd 100644 --- a/local/tailwind/tailwind.config.js +++ b/local/tailwind/tailwind.config.js @@ -32,6 +32,20 @@ module.exports = { strong: { fontWeight: theme('fontWeight.medium'), }, + h1: { + borderColor: theme('colors.slate[300]'), + borderBottomWidth: '1px', + borderBottomStyle: 'solid', + paddingBottom: theme('padding[2]'), + }, + h2: { + borderColor: theme('colors.slate[300]'), + borderBottomWidth: '1px', + borderBottomStyle: 'solid', + paddingBottom: theme('padding[2]'), + }, + h3: {}, + h4: {}, h5: { color: theme('colors.primary-dark'), fontWeight: theme('fontWeight.medium'), @@ -65,6 +79,7 @@ module.exports = { }, 'summary > *:only-child,': { display: 'inline-block', + margin: 0, }, summary: { display: 'inline list-item', diff --git a/packages/overlayscrollbars/README.md b/packages/overlayscrollbars/README.md index c28c745..4598918 100644 --- a/packages/overlayscrollbars/README.md +++ b/packages/overlayscrollbars/README.md @@ -47,7 +47,7 @@ I created this plugin because I hate ugly and space consuming scrollbars. Simila ## Getting started -#### npm & Node +### npm & Node OverlayScrollbars can be downloaded from [npm](https://www.npmjs.com/package/overlayscrollbars) or the package manager of your choice: ```sh npm install overlayscrollbars @@ -58,8 +58,14 @@ import 'overlayscrollbars/overlayscrollbars.css'; import { OverlayScrollbars } from 'overlayscrollbars'; ``` -
Manual download & embedding
+### Manual download & embedding +
+ + These instructions are for old stacks. Click here to read them. + +
+ You can use OverlayScrollbars without any bundler or package manager. Simply download it from the [Releases](https://github.com/KingSora/OverlayScrollbars/releases) or use a [CDN](https://cdnjs.com/libraries/overlayscrollbars). @@ -93,8 +99,13 @@ While this period the native scrollbars are still visible and are switched out a To fix this behavior apply the `data-overlayscrollbars=""` attribute to the target element (and `html` element if the target element is `body`). -
Initialization with an Object
- +### Initialization with an Object +
+ + This is a in depth topic. Click here to read it. + +
+ > __Note__: For now please refer to the TypeScript definitions for a more detailed description of all possibilities. The only required field is the `target` field. This is the field to which the plugin is applied to. @@ -161,7 +172,12 @@ OverlayScrollbars(document.querySelector('#myElement'), { }); ``` -
Options in depth
+### Options in depth +
+ + This is a in depth topic. Click here to read it. + +
The default options are: ```js @@ -335,7 +351,13 @@ OverlayScrollbars(document.querySelector('#myElement'), {}, { }); ``` -
Events in depth
+### Events in depth + +
+ + This is a in depth topic. Click here to read it. + +
> __Note__: Every event receives the `instance` from which it was invoked as the first argument. Always. @@ -421,9 +443,9 @@ Everything thats considered not core functionality or old browser compatibility - **SizeObserverPlugin**: Is needed for old browsers which aren't supporting the `ResizeObserver` api. [You can find the list of browsers where you need this plugin here](https://caniuse.com/?search=ResizeObserver) - **ClickScrollPlugin**: If you want to use the option `scrollbars: { clickScroll: true }`. -#### Consuming Plugins +### Consuming Plugins -You can consume plugins like: +Plugins are consumed like: ```ts import { OverlayScrollbars, @@ -439,7 +461,7 @@ OverlayScrollbars.plugin(ScrollbarsHidingPlugin); OverlayScrollbars.plugin([SizeObserverPlugin, ClickScrollPlugin]); ``` -#### Writing Plugins +### Writing Plugins > __Note__: For now please refer to the TypeScript definitions for a more detailed description.