diff --git a/index.md b/index.md index 84e2d7c..d1e68a0 100644 --- a/index.md +++ b/index.md @@ -15,7 +15,7 @@ Everything on board, ready for action. Written in vanilla JavaScript without hid ### Lightweight -The modular structure provides excellent compression. Oh yes, it weights only **~[[filesize file=node_modules/@glidejs/glide/dist/glide.min.js]]kb (~[[gzipsize file=node_modules/@glidejs/glide/dist/glide.min.js]]kb gzipped)** with every functionality included. +The modular structure provides excellent compression. Oh yes, it weighs only **~[[filesize file=node_modules/@glidejs/glide/dist/glide.min.js]]kb (~[[gzipsize file=node_modules/@glidejs/glide/dist/glide.min.js]]kb gzipped)** with every functionality included. ### Modular diff --git a/options.md b/options.md index 38687e1..6d64e12 100644 --- a/options.md +++ b/options.md @@ -68,7 +68,7 @@ Start at specific slide number defined with zero-based index. ### `perView` -A number of slides visible on the single viewport. +The number of slides visible on the single viewport. default: `1` type: `Number` @@ -90,7 +90,7 @@ Focus currently active slide at a specified position in the track. Available inp ### `gap` -A size of the gap added between slides. +The size of the gap added between slides. default: `10` type: `Number` @@ -142,7 +142,7 @@ Stop running `perView` number of slides from the end. Use this option if you don ### `swipeThreshold` -Minimal swipe distance needed to change the slide. Use `false` for turning off a swiping. +Minimal swipe distance needed to change the slide. Use `false` for turning off swiping. default: `80` type: `Number|Boolean` @@ -172,7 +172,7 @@ A maximum number of slides to which movement will be made on swiping or dragging ### `touchRatio` -Alternate moving distance ratio of the slides on a swiping and dragging. +Alternate moving distance ratio of the slides on swiping and dragging. default: `0.5` type: `Number` @@ -246,7 +246,7 @@ Moving direction mode. Available inputs: ### `peek` -The distance value of the next and previous viewports which have to peek in the current view. Accepts number and pixels as a string. Left and right peeking can be setup separately with a directions object. For example: +The distance value of the next and previous viewports which have to peek in the current view. Accepts number and pixels as a string. Left and right peeking can be set up separately with a directions object. For example: - `100` - peek 100px on the both sides, - `{ before: 100, after: 50 }` - peek 100px on the left side and 50px on the right side. diff --git a/setup.md b/setup.md index 641614d..4a1cc7f 100644 --- a/setup.md +++ b/setup.md @@ -8,11 +8,11 @@ algolia: true ### Installation -There are several ways to pull-in Glide.js into your project. +There are several ways to pull in Glide.js into your project. #### NPM -It is a recommended way. This installation method guarantees a trouble-free use with bundlers like [Webpack](//webpack.js.org/) or [Rollup](//rollupjs.org/). +It is a recommended way. This installation method guarantees trouble-free use with bundlers like [Webpack](//webpack.js.org/) or [Rollup](//rollupjs.org/). ```bash # Install the last stable version @@ -35,8 +35,8 @@ You can also use a reference to some of the popular CDN services: Glide.js is built in a few different variants. They can be found in the `dist/` directory. -- **Complete** - Builds that contains both required and optional modules. -- **Modular** - Builds that contains only required modules. Optional modules are exported for import on demand. +- **Complete** - Builds that contain both required and optional modules. +- **Modular** - Builds that contain only required modules. Optional modules are exported for import on demand. | | UMD | ES Module | |---|---|---| @@ -46,7 +46,7 @@ Glide.js is built in a few different variants. They can be found in the `dist/` ## Configuration -[[lead]]It is required to prepare necessary markup and essential styles[[/lead]] +[[lead]]It is required to prepare the necessary markup and essential styles[[/lead]] ### Styling @@ -54,7 +54,7 @@ Glide.js styles are divided into two separate files: - `glide.core` - Core styles, required for Glide.js to work - `glide.theme` - Visual styles. Optional styling for markup. -This way, the library doesn't force you to overwrite it's visual styles if you want to implement your own look. +This way, the library doesn't force you to overwrite its visual styles if you want to implement your own look. #### Using `` @@ -118,7 +118,7 @@ Schema value of the `data-glide-dir` attribute must be in special format: #### Arrows -Knowing about the controls, preparing the arrows navigation is quite simple. +Knowing about the controls and preparing the arrows navigation is quite simple. ```html