LESS, SASS, SCSS tests should expect newlines

This commit is contained in:
Alex Bell 2016-07-30 13:45:17 -07:00
parent 7cd21c770d
commit b8ea505e18
10 changed files with 91 additions and 31 deletions

View File

@ -1417,6 +1417,7 @@ Path to uncrustify config file. i.e. uncrustify.cfg (Supported by Uncrustify)
| `align_assignments` | :x: | :x: | :white_check_mark: | | `align_assignments` | :x: | :x: | :white_check_mark: |
| `configPath` | :white_check_mark: | :x: | :x: | | `configPath` | :white_check_mark: | :x: | :x: |
| `convert_quotes` | :x: | :x: | :white_check_mark: | | `convert_quotes` | :x: | :x: | :white_check_mark: |
| `end_with_newline` | :x: | :white_check_mark: | :x: |
| `force_indentation` | :x: | :x: | :white_check_mark: | | `force_indentation` | :x: | :x: | :white_check_mark: |
| `indent_char` | :x: | :white_check_mark: | :white_check_mark: | | `indent_char` | :x: | :white_check_mark: | :white_check_mark: |
| `indent_comments` | :x: | :x: | :white_check_mark: | | `indent_comments` | :x: | :x: | :white_check_mark: |
@ -1563,6 +1564,30 @@ Convert the quote characters delimiting strings from either double or single quo
} }
``` ```
##### [End with newline](#end-with-newline)
**Namespace**: `css`
**Key**: `end_with_newline`
**Type**: `boolean`
**Supported Beautifiers**: [`JS Beautify`](#js-beautify)
**Description**:
End output with newline (Supported by JS Beautify)
**Example `.jsbeautifyrc` Configuration**
```json
{
"css": {
"end_with_newline": false
}
}
```
##### [Force indentation](#force-indentation) ##### [Force indentation](#force-indentation)
**Namespace**: `css` **Namespace**: `css`
@ -1671,6 +1696,8 @@ Indentation size/length (Supported by JS Beautify, Pretty Diff)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`JS Beautify`](#js-beautify) [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`JS Beautify`](#js-beautify) [`Pretty Diff`](#pretty-diff)
@ -1684,7 +1711,7 @@ Add a newline between CSS rules (Supported by JS Beautify, Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```
@ -6006,6 +6033,8 @@ Indentation size/length (Supported by Pretty Diff)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`Pretty Diff`](#pretty-diff)
@ -6019,7 +6048,7 @@ Add a newline between CSS rules (Supported by Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```
@ -8775,6 +8804,8 @@ Indentation size/length (Supported by Pretty Diff)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`Pretty Diff`](#pretty-diff)
@ -8788,7 +8819,7 @@ Add a newline between CSS rules (Supported by Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```
@ -9158,6 +9189,8 @@ Indentation size/length (Supported by Pretty Diff)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`Pretty Diff`](#pretty-diff)
@ -9171,7 +9204,7 @@ Add a newline between CSS rules (Supported by Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```
@ -10200,6 +10233,8 @@ Indentation size/length (Supported by Pretty Diff)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`Pretty Diff`](#pretty-diff)
@ -10213,7 +10248,7 @@ Add a newline between CSS rules (Supported by Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```
@ -12791,6 +12826,8 @@ Add a newline between multiple selectors (Supported by JS Beautify)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`JS Beautify`](#js-beautify) [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`JS Beautify`](#js-beautify) [`Pretty Diff`](#pretty-diff)
@ -12804,7 +12841,7 @@ Add a newline between CSS rules (Supported by JS Beautify, Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```
@ -12861,6 +12898,30 @@ Maximum characters per line (0 disables) (Supported by JS Beautify, Pretty Diff)
} }
``` ```
##### [End with newline](#end-with-newline)
**Namespace**: `html`
**Key**: `end_with_newline`
**Type**: `boolean`
**Supported Beautifiers**: [`JS Beautify`](#js-beautify)
**Description**:
End output with newline (Supported by JS Beautify)
**Example `.jsbeautifyrc` Configuration**
```json
{
"html": {
"end_with_newline": false
}
}
```
##### [Indent inner html](#indent-inner-html) ##### [Indent inner html](#indent-inner-html)
**Namespace**: `html` **Namespace**: `html`
@ -13085,30 +13146,6 @@ List of tags (defaults to inline) that should not be reformatted (Supported by J
} }
``` ```
##### [End with newline](#end-with-newline)
**Namespace**: `html`
**Key**: `end_with_newline`
**Type**: `boolean`
**Supported Beautifiers**: [`JS Beautify`](#js-beautify)
**Description**:
End output with newline (Supported by JS Beautify)
**Example `.jsbeautifyrc` Configuration**
```json
{
"html": {
"end_with_newline": false
}
}
```
##### [Extra liners](#extra-liners) ##### [Extra liners](#extra-liners)
**Namespace**: `html` **Namespace**: `html`
@ -14316,6 +14353,8 @@ Preserve line-breaks (Supported by Pretty Diff)
**Key**: `newline_between_rules` **Key**: `newline_between_rules`
**Default**: `true`
**Type**: `boolean` **Type**: `boolean`
**Supported Beautifiers**: [`Pretty Diff`](#pretty-diff) **Supported Beautifiers**: [`Pretty Diff`](#pretty-diff)
@ -14329,7 +14368,7 @@ Add a newline between CSS rules (Supported by Pretty Diff)
```json ```json
{ {
"css": { "css": {
"newline_between_rules": false "newline_between_rules": true
} }
} }
``` ```

View File

@ -4,24 +4,30 @@ a {
display: block; display: block;
padding: 0 15px; padding: 0 15px;
font-size: 16px; font-size: 16px;
button { button {
font-size: 16px; font-size: 16px;
} }
&:link { &:link {
color: @white; color: @white;
text-decoration: none; text-decoration: none;
} }
&:visited { &:visited {
color: @white; color: @white;
} }
&:hover { &:hover {
color: @orange; color: @orange;
} }
&.green { &.green {
color: @green; color: @green;
&:hover { &:hover {
color: @white; color: @white;

View File

@ -27,10 +27,12 @@
background-color: firebrick; background-color: firebrick;
padding: 5px 7px; padding: 5px 7px;
border-radius: 20px; border-radius: 20px;
&:hover { &:hover {
background-color: lighten(@black, 50%); background-color: lighten(@black, 50%);
cursor: pointer; cursor: pointer;
} }
&:active { &:active {
background-color: lighten(@black, 25%); background-color: lighten(@black, 25%);
} }
@ -85,9 +87,11 @@
.styleLinks(@white, darken(@white, 10%)); .styleLinks(@white, darken(@white, 10%));
padding: 5px; padding: 5px;
text-transform: uppercase; text-transform: uppercase;
&:hover { &:hover {
background-color: fade(@white, 15%); background-color: fade(@white, 15%);
} }
&:active { &:active {
background-color: fade(@white, 30%); background-color: fade(@white, 30%);
} }

View File

@ -1,4 +1,5 @@
// Breaks (fixed now) // Breaks (fixed now)
.mixin(@variable, @anotherVariable) {} .mixin(@variable, @anotherVariable) {}
// Works // Works
.mixin(@variable; @anotherVariable) {} .mixin(@variable; @anotherVariable) {}

View File

@ -5,11 +5,13 @@ section#photo-details {
div.photo-view { div.photo-view {
text-align: center; text-align: center;
figure { figure {
box-shadow: 0 0 3px 1px rgba(0,0,0,0.75); box-shadow: 0 0 3px 1px rgba(0,0,0,0.75);
display: inline-block; display: inline-block;
margin: 0 0 60px; margin: 0 0 60px;
padding: 0; padding: 0;
img { img {
display: block; display: block;
} }

View File

@ -1,8 +1,10 @@
.animal { .animal {
color: red; color: red;
} }
.dog { .dog {
&:extend(.animal); &:extend(.animal);
&:hover { &:hover {
color: green; color: green;
} }

View File

@ -2,6 +2,7 @@
#{$parent} { #{$parent} {
color: $color; color: $color;
} }
a#{$parent}:hover { a#{$parent}:hover {
color: darken($color, 10%); color: darken($color, 10%);
} }

View File

@ -6,13 +6,16 @@
background-color: $gray-light; background-color: $gray-light;
box-shadow: none; box-shadow: none;
} }
.k-slider-selection { .k-slider-selection {
background-color: $brand-primary; background-color: $brand-primary;
} }
.k-button { .k-button {
border: 1px solid $brand-primary; border: 1px solid $brand-primary;
background-color: transparent; background-color: transparent;
color: $brand-primary; color: $brand-primary;
&:hover { &:hover {
border-color: $brand-primary; border-color: $brand-primary;
background-color: $brand-primary; background-color: $brand-primary;

View File

@ -1,5 +1,6 @@
a { a {
line-height: 56px; line-height: 56px;
&:hover { &:hover {
color: blue; color: blue;
} }

View File

@ -4,6 +4,7 @@
&:visited { &:visited {
//whatever //whatever
} }
&::before { &::before {
//whatever //whatever
} }