Skip to content

Fix typos #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Fix typos #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
10 changes: 5 additions & 5 deletions options.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

<small>default: `1` type: `Number`</small>

Expand All @@ -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.

<small>default: `10` type: `Number`</small>

Expand Down Expand Up @@ -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.

<small>default: `80` type: `Number|Boolean`</small>

Expand Down Expand Up @@ -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.

<small>default: `0.5` type: `Number`</small>

Expand Down Expand Up @@ -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.

Expand Down
14 changes: 7 additions & 7 deletions setup.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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 |
|---|---|---|
Expand All @@ -46,15 +46,15 @@ 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

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 `<link>`

Expand Down Expand Up @@ -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
<div class="glide">
Expand Down