docs: Document new hide-scrollbar mixin

MorevM · Dec 18, 2022 · c7facd4 · c7facd4
1 parent cf0a22b
commit c7facd4
Show file tree

Hide file tree

Showing 2 changed files with 98 additions and 0 deletions.
diff --git a/docs/content/en/mixins/hide-scrollbar.md b/docs/content/en/mixins/hide-scrollbar.md
@@ -0,0 +1,49 @@
+---
+title: hide-scrollbar
+description: More Sass - the library of useful SCSS mixins and functions.
+position: 251
+category: Mixins
+fullscreen: true
+---
+
+Visually hides any scrollbar.
+
+## Arguments
+
+—
+
+### Example
+
+<code-group>
+
+  <code-block label="SCSS" active>
+
+  ```scss
+  @use 'more-sass' as more;
+
+  .block {
+  	@include more.hide-scrollbar;
+  }
+  ```
+
+  </code-block>
+
+  <code-block label="Output">
+
+  ```css
+  .block {
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+  }
+
+  .block::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+    appearance: none;
+  }
+  ```
+
+  </code-block>
+
+</code-group>
diff --git a/docs/content/ru/mixins/hide-scrollbar.md b/docs/content/ru/mixins/hide-scrollbar.md
@@ -0,0 +1,49 @@
+---
+title: hide-scrollbar
+description: More Sass - библиотека полезных миксинов и функций для SCSS.
+position: 251
+category: Миксины
+fullscreen: true
+---
+
+Визуально прячет любой скроллбар элемента.
+
+## Параметры
+
+—
+
+### Пример использования
+
+<code-group>
+
+  <code-block label="SCSS" active>
+
+  ```scss
+  @use 'more-sass' as more;
+
+  .block {
+  	@include more.hide-scrollbar;
+  }
+  ```
+
+  </code-block>
+
+  <code-block label="Output">
+
+  ```css
+  .block {
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+  }
+
+  .block::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+    appearance: none;
+  }
+  ```
+
+  </code-block>
+
+</code-group>