<commit_before># Vertical List Pattern for Scales

A pattern for making a list vertical after it's been made horizontal.

## Requirements

Scales patterns use the [Sass CSS preprocessor](http://sass-lang.com/), you'll need either Ruby Sass or LibSass.

## Installation

* [Bower](http://bower.io/): `bower install --save scales-patterns-vertical-list`

## Usage

Vertical List should be used whenever you need to make an ordered or unordered list vertical instead of horizontal. You can extend it with `--delimited` to semantically mark up a character delimited list for things like tags, etc.

### Default

```
<ul class="vertical-list">
    <li>Sass</li>
    <li>CSS</li>
    <li>HTML</li>
</ul>
```

### Character delimited

```
<ul class="vertical-list vertical-list--delimited">
    <li>Sass</li>
    <li>CSS</li>
    <li>HTML</li>
</ul>
```

### Other uses

Since there are times when you want a list to be vertical at some media queries and horizontal at others, the vertical list pattern is also able to be used as a mixin or extended as a placeholder.

```
@include vertical-list;

@extend %vertical-list;
```

## Available Classes

* `.vertical-list`
* `.vertical-list--delimited`

## Available Variables

* `$vertical-list-delimiter`

### The Scales Namespace Variable

All Scales patterns expose the `$scales-namespace` variable.

`$scales-namespace` accepts a string that will prefix all Scales classes. The default value is `null`.

To give all Scales classes a namespace, you will need to set this variable in a file that is imported before any scales files. For example:

```
@import your-project/settings; // $scales-namespace is set in this file
@import your-project/scales-base; // Imports the Scales library
@import your-project/project // The rest of your project imports
```<commit_msg>update scales file reference in readme<commit_after># Vertical List Pattern for Scales

A pattern for making a list vertical after it's been made horizontal.

## Requirements

Scales patterns use the [Sass CSS preprocessor](http://sass-lang.com/), you'll need either Ruby Sass or LibSass.

## Installation

* [Bower](http://bower.io/): `bower install --save scales-patterns-vertical-list`

## Usage

Vertical List should be used whenever you need to make an ordered or unordered list vertical instead of horizontal. You can extend it with `--delimited` to semantically mark up a character delimited list for things like tags, etc.

### Default

```
<ul class="vertical-list">
    <li>Sass</li>
    <li>CSS</li>
    <li>HTML</li>
</ul>
```

### Character delimited

```
<ul class="vertical-list vertical-list--delimited">
    <li>Sass</li>
    <li>CSS</li>
    <li>HTML</li>
</ul>
```

### Other uses

Since there are times when you want a list to be vertical at some media queries and horizontal at others, the vertical list pattern is also able to be used as a mixin or extended as a placeholder.

```
@include vertical-list;

@extend %vertical-list;
```

## Available Classes

* `.vertical-list`
* `.vertical-list--delimited`

## Available Variables

* `$vertical-list-delimiter`

### The Scales Namespace Variable

All Scales patterns expose the `$scales-namespace` variable.

`$scales-namespace` accepts a string that will prefix all Scales classes. The default value is `null`.

To give all Scales classes a namespace, you will need to set this variable in a file that is imported before any scales files. For example:

```
@import your-project/settings; // $scales-namespace is set in this file
@import your-project/scales; // Imports the Scales library
@import your-project/project // The rest of your project imports
```
{'fraction_non_alphanumeric': 0.11193619361936194, 'fraction_numerical': 0.0, 'mean_word_length': 4.100981767180926, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5888230', 'n_tokens_mistral': 1097, 'n_tokens_neox': 1044, 'n_words': 443}