Merge pull request #1085 from albell/master
CSS: Add newline between selectors by default
This commit is contained in:
commit
7bad8c2b14
101
docs/options.md
101
docs/options.md
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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%);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
// Breaks (fixed now)
|
// Breaks (fixed now)
|
||||||
|
|
||||||
.mixin(@variable, @anotherVariable) {}
|
.mixin(@variable, @anotherVariable) {}
|
||||||
// Works
|
// Works
|
||||||
.mixin(@variable; @anotherVariable) {}
|
.mixin(@variable; @anotherVariable) {}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,8 +1,10 @@
|
||||||
.animal {
|
.animal {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dog {
|
.dog {
|
||||||
&:extend(.animal);
|
&:extend(.animal);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
#{$parent} {
|
#{$parent} {
|
||||||
color: $color;
|
color: $color;
|
||||||
}
|
}
|
||||||
|
|
||||||
a#{$parent}:hover {
|
a#{$parent}:hover {
|
||||||
color: darken($color, 10%);
|
color: darken($color, 10%);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
a {
|
a {
|
||||||
line-height: 56px;
|
line-height: 56px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
&:visited {
|
&:visited {
|
||||||
//whatever
|
//whatever
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
//whatever
|
//whatever
|
||||||
}
|
}
|
||||||
|
|
|
@ -45,7 +45,7 @@ module.exports = {
|
||||||
description: "Add a newline between multiple selectors"
|
description: "Add a newline between multiple selectors"
|
||||||
newline_between_rules:
|
newline_between_rules:
|
||||||
type: 'boolean'
|
type: 'boolean'
|
||||||
default: false
|
default: true
|
||||||
description: "Add a newline between CSS rules"
|
description: "Add a newline between CSS rules"
|
||||||
preserve_newlines:
|
preserve_newlines:
|
||||||
type: 'boolean'
|
type: 'boolean'
|
||||||
|
|
Loading…
Reference in New Issue