From ca5221b344146ef5e507557bb248145fb9047e65 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Sun, 22 Oct 2017 23:09:36 +0300 Subject: [PATCH] Enable stylelint's `function-comma-space-after`. The option is set to `always-single-line` in stylelint-config-standard which we extend. --- assets/scss/_ads.scss | 2 +- assets/scss/_algolia.scss | 12 ++-- assets/scss/_component-examples.scss | 8 +-- assets/scss/_nav.scss | 2 +- assets/scss/_sidebar.scss | 18 +++--- build/.stylelintrc | 1 - docs/4.0/examples/blog/blog.css | 2 +- docs/4.0/examples/cover/cover.css | 10 ++-- docs/4.0/examples/grid/grid.css | 4 +- .../examples/justified-nav/justified-nav.css | 2 +- scss/_button-group.scss | 2 +- scss/_carousel.scss | 4 +- scss/_reboot.scss | 2 +- scss/_variables.scss | 56 +++++++++---------- scss/mixins/_screen-reader.scss | 2 +- 15 files changed, 63 insertions(+), 64 deletions(-) diff --git a/assets/scss/_ads.scss b/assets/scss/_ads.scss index af8647972333..375a9e01fa38 100644 --- a/assets/scss/_ads.scss +++ b/assets/scss/_ads.scss @@ -14,7 +14,7 @@ font-size: 13px; line-height: 1.4; text-align: left; - background-color: rgba(0,0,0,.05); + background-color: rgba(0, 0, 0, .05); a { color: #333; diff --git a/assets/scss/_algolia.scss b/assets/scss/_algolia.scss index 4c6f6abf5aa9..4014ab973c81 100644 --- a/assets/scss/_algolia.scss +++ b/assets/scss/_algolia.scss @@ -15,8 +15,8 @@ padding: .75rem 0 !important; background-color: #fff; background-clip: padding-box; - border: 1px solid rgba(0,0,0,.1); - box-shadow: 0 .5rem 1rem rgba(0,0,0,.175); + border: 1px solid rgba(0, 0, 0, .1); + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175); @include media-breakpoint-up(md) { width: 175%; @@ -82,7 +82,7 @@ .algolia-docsearch-suggestion--category-header { padding-top: .75rem !important; margin-top: .75rem !important; - border-top: 1px solid rgba(0,0,0,.1); + border-top: 1px solid rgba(0, 0, 0, .1); } } @@ -115,7 +115,7 @@ font-size: .75rem !important; line-height: 1 !important; color: #767676 !important; - border-top: 1px solid rgba(0,0,0,.1); + border-top: 1px solid rgba(0, 0, 0, .1); } .algolia-docsearch-footer--logo { @@ -132,10 +132,10 @@ } .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { - box-shadow: inset 0 -2px 0 0 rgba(95,45,171,.5) !important; + box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important; } .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content { - background-color: rgba(208,189,236,.15) !important; + background-color: rgba(208, 189, 236, .15) !important; } } diff --git a/assets/scss/_component-examples.scss b/assets/scss/_component-examples.scss index 3d216991afcb..cab01e1aee7f 100644 --- a/assets/scss/_component-examples.scss +++ b/assets/scss/_component-examples.scss @@ -14,8 +14,8 @@ > [class^="col-"] { padding-top: .75rem; padding-bottom: .75rem; - background-color: rgba(86,61,124,.15); - border: 1px solid rgba(86,61,124,.2); + background-color: rgba(86, 61, 124, .15); + border: 1px solid rgba(86, 61, 124, .2); } } @@ -23,13 +23,13 @@ .flex-items-middle, .flex-items-bottom { min-height: 6rem; - background-color: rgba(255,0,0,.1); + background-color: rgba(255, 0, 0, .1); } } .bd-example-row-flex-cols .row { min-height: 10rem; - background-color: rgba(255,0,0,.1); + background-color: rgba(255, 0, 0, .1); } .bd-highlight { diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss index 7e831e67aac4..73c6bad642b7 100644 --- a/assets/scss/_nav.scss +++ b/assets/scss/_nav.scss @@ -5,7 +5,7 @@ .bd-navbar { min-height: 4rem; background-color: $bd-purple; - box-shadow: 0 .5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); + box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1); @include media-breakpoint-down(md) { padding-right: .5rem; diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss index f4251f871fbd..385cb8cd8e97 100644 --- a/assets/scss/_sidebar.scss +++ b/assets/scss/_sidebar.scss @@ -52,7 +52,7 @@ .bd-sidebar { order: 0; // background-color: #f5f2f9; - border-bottom: 1px solid rgba(0,0,0,.1); + border-bottom: 1px solid rgba(0, 0, 0, .1); @include media-breakpoint-up(md) { @supports (position: sticky) { @@ -61,7 +61,7 @@ z-index: 1000; height: calc(100vh - 4rem); } - border-right: 1px solid rgba(0,0,0,.1); + border-right: 1px solid rgba(0, 0, 0, .1); } @include media-breakpoint-up(xl) { @@ -93,7 +93,7 @@ padding: 1rem 15px; margin-right: -15px; margin-left: -15px; - border-bottom: 1px solid rgba(0,0,0,.05); + border-bottom: 1px solid rgba(0, 0, 0, .05); .form-control:focus { border-color: $bd-purple-bright; @@ -114,10 +114,10 @@ display: block; padding: .25rem 1.5rem; font-weight: 500; - color: rgba(0,0,0,.65); + color: rgba(0, 0, 0, .65); &:hover { - color: rgba(0,0,0,.85); + color: rgba(0, 0, 0, .85); text-decoration: none; } } @@ -131,7 +131,7 @@ } > .bd-toc-link { - color: rgba(0,0,0,.85); + color: rgba(0, 0, 0, .85); &:hover { background-color: transparent; @@ -149,11 +149,11 @@ display: block; padding: .25rem 1.5rem; font-size: 90%; - color: rgba(0,0,0,.65); + color: rgba(0, 0, 0, .65); } .bd-sidebar .nav > li > a:hover { - color: rgba(0,0,0,.85); + color: rgba(0, 0, 0, .85); text-decoration: none; background-color: transparent; } @@ -161,6 +161,6 @@ .bd-sidebar .nav > .active > a, .bd-sidebar .nav > .active:hover > a { font-weight: 500; - color: rgba(0,0,0,.85); + color: rgba(0, 0, 0, .85); background-color: transparent; } diff --git a/build/.stylelintrc b/build/.stylelintrc index 11a6db2845e9..4a47533189e5 100644 --- a/build/.stylelintrc +++ b/build/.stylelintrc @@ -21,7 +21,6 @@ "declaration-no-important": true, "font-family-name-quotes": "always-where-recommended", "font-weight-notation": "numeric", - "function-comma-space-after": null, "function-url-no-scheme-relative": true, "function-url-quotes": "always", "length-zero-no-unit": true, diff --git a/docs/4.0/examples/blog/blog.css b/docs/4.0/examples/blog/blog.css index 0f319ec92c41..e4381fec6616 100644 --- a/docs/4.0/examples/blog/blog.css +++ b/docs/4.0/examples/blog/blog.css @@ -47,7 +47,7 @@ h6, .blog-masthead { margin-bottom: 3rem; background-color: #428bca; - box-shadow: inset 0 -.1rem .25rem rgba(0,0,0,.1); + box-shadow: inset 0 -.1rem .25rem rgba(0, 0, 0, .1); } /* Nav links */ diff --git a/docs/4.0/examples/cover/cover.css b/docs/4.0/examples/cover/cover.css index 2b208671b745..96a89740bf5c 100644 --- a/docs/4.0/examples/cover/cover.css +++ b/docs/4.0/examples/cover/cover.css @@ -32,7 +32,7 @@ body { body { color: #fff; text-align: center; - text-shadow: 0 .05rem .1rem rgba(0,0,0,.5); + text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); } /* Extra markup and styles for table-esque vertical and horizontal centering */ @@ -41,7 +41,7 @@ body { width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%; - box-shadow: inset 0 0 5rem rgba(0,0,0,.5); + box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); } .site-wrapper-inner { display: table-cell; @@ -73,14 +73,14 @@ body { .nav-masthead .nav-link { padding: .25rem 0; font-weight: 700; - color: rgba(255,255,255,.5); + color: rgba(255, 255, 255, .5); background-color: transparent; border-bottom: .25rem solid transparent; } .nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus { - border-bottom-color: rgba(255,255,255,.25); + border-bottom-color: rgba(255, 255, 255, .25); } .nav-masthead .nav-link + .nav-link { @@ -120,7 +120,7 @@ body { */ .mastfoot { - color: rgba(255,255,255,.5); + color: rgba(255, 255, 255, .5); } diff --git a/docs/4.0/examples/grid/grid.css b/docs/4.0/examples/grid/grid.css index 5f7e1af66023..78f5dfda6240 100644 --- a/docs/4.0/examples/grid/grid.css +++ b/docs/4.0/examples/grid/grid.css @@ -17,8 +17,8 @@ h3 { [class*="col-"] { padding-top: 1rem; padding-bottom: 1rem; - background-color: rgba(86,61,124,.15); - border: 1px solid rgba(86,61,124,.2); + background-color: rgba(86, 61, 124, .15); + border: 1px solid rgba(86, 61, 124, .2); } hr { diff --git a/docs/4.0/examples/justified-nav/justified-nav.css b/docs/4.0/examples/justified-nav/justified-nav.css index 0ca9aabb5a1c..86c828190e48 100644 --- a/docs/4.0/examples/justified-nav/justified-nav.css +++ b/docs/4.0/examples/justified-nav/justified-nav.css @@ -20,7 +20,7 @@ body { } .navbar { - background-image: linear-gradient(to bottom, #f7f7f7 0%,#eee 100%); + background-image: linear-gradient(to bottom, #f7f7f7 0%, #eee 100%); border: 1px solid #e5e5e5; } diff --git a/scss/_button-group.scss b/scss/_button-group.scss index 713a07d52837..ae758cf195f8 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -202,7 +202,7 @@ input[type="radio"], input[type="checkbox"] { position: absolute; - clip: rect(0,0,0,0); + clip: rect(0, 0, 0, 0); pointer-events: none; } } diff --git a/scss/_carousel.scss b/scss/_carousel.scss index c3c207387c9b..72a503445b3a 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -91,13 +91,13 @@ .carousel-control-prev { left: 0; @if $enable-gradients { - background: linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,.001)); + background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001)); } } .carousel-control-next { right: 0; @if $enable-gradients { - background: linear-gradient(270deg, rgba(0,0,0,.25), rgba(0,0,0,.001)); + background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001)); } } diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 3055cc33d941..f98a7194785e 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -30,7 +30,7 @@ html { -webkit-text-size-adjust: 100%; // 4 -ms-text-size-adjust: 100%; // 4 -ms-overflow-style: scrollbar; // 5 - -webkit-tap-highlight-color: rgba(0,0,0,0); // 6 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6 } // IE10+ doesn't honor `` in some cases. diff --git a/scss/_variables.scss b/scss/_variables.scss index 9205f9965f12..50972c53b9bd 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -270,14 +270,14 @@ $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-font-size: ($font-size-base * 1.25) !default; -$hr-border-color: rgba($black,.1) !default; +$hr-border-color: rgba($black, .1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; -$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default; +$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: 5px !default; @@ -293,8 +293,8 @@ $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-bg: transparent !default; -$table-accent-bg: rgba($black,.05) !default; -$table-hover-bg: rgba($black,.075) !default; +$table-accent-bg: rgba($black, .05) !default; +$table-hover-bg: rgba($black, .075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; @@ -331,8 +331,8 @@ $input-btn-padding-x-lg: 1rem !default; $input-btn-line-height-lg: $line-height-lg !default; $btn-font-weight: $font-weight-normal !default; -$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default; -$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default; +$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default; +$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; $btn-link-disabled-color: $gray-600 !default; @@ -354,7 +354,7 @@ $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: $gray-400 !default; $input-btn-border-width: $border-width !default; // For form controls and buttons -$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default; +$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; @@ -401,7 +401,7 @@ $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: #ddd !default; $custom-control-indicator-bg-size: 50% 50% !default; -$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default; +$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default; $custom-control-indicator-disabled-bg: $gray-200 !default; $custom-control-description-disabled-color: $gray-600 !default; @@ -487,11 +487,11 @@ $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-bg: $white !default; -$dropdown-border-color: rgba($black,.15) !default; +$dropdown-border-color: rgba($black, .15) !default; $dropdown-border-radius: $border-radius !default; $dropdown-border-width: $border-width !default; $dropdown-divider-bg: $gray-200 !default; -$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default; +$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; @@ -555,19 +555,19 @@ $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; -$navbar-dark-color: rgba($white,.5) !default; -$navbar-dark-hover-color: rgba($white,.75) !default; +$navbar-dark-color: rgba($white, .5) !default; +$navbar-dark-hover-color: rgba($white, .75) !default; $navbar-dark-active-color: $white !default; -$navbar-dark-disabled-color: rgba($white,.25) !default; +$navbar-dark-disabled-color: rgba($white, .25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; -$navbar-dark-toggler-border-color: rgba($white,.1) !default; +$navbar-dark-toggler-border-color: rgba($white, .1) !default; -$navbar-light-color: rgba($black,.5) !default; -$navbar-light-hover-color: rgba($black,.7) !default; -$navbar-light-active-color: rgba($black,.9) !default; -$navbar-light-disabled-color: rgba($black,.3) !default; +$navbar-light-color: rgba($black, .5) !default; +$navbar-light-hover-color: rgba($black, .7) !default; +$navbar-light-active-color: rgba($black, .9) !default; +$navbar-light-disabled-color: rgba($black, .3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default; -$navbar-light-toggler-border-color: rgba($black,.1) !default; +$navbar-light-toggler-border-color: rgba($black, .1) !default; // Pagination @@ -609,7 +609,7 @@ $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: $border-width !default; $card-border-radius: $border-radius !default; -$card-border-color: rgba($black,.125) !default; +$card-border-color: rgba($black, .125) !default; $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-bg: $white !default; @@ -645,8 +645,8 @@ $tooltip-arrow-color: $tooltip-bg !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; -$popover-border-color: rgba($black,.2) !default; -$popover-box-shadow: 0 .25rem .5rem rgba($black,.2) !default; +$popover-border-color: rgba($black, .2) !default; +$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; @@ -689,10 +689,10 @@ $modal-dialog-margin-y-sm-up: 30px !default; $modal-title-line-height: $line-height-base !default; $modal-content-bg: $white !default; -$modal-content-border-color: rgba($black,.2) !default; +$modal-content-border-color: rgba($black, .2) !default; $modal-content-border-width: $border-width !default; -$modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default; -$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default; +$modal-content-box-shadow-xs: 0 3px 9px rgba($black, .5) !default; +$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black, .5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; @@ -727,7 +727,7 @@ $progress-height: 1rem !default; $progress-font-size: ($font-size-base * .75) !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; -$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default; +$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; @@ -736,7 +736,7 @@ $progress-bar-transition: width .6s ease !default; // List group $list-group-bg: $white !default; -$list-group-border-color: rgba($black,.125) !default; +$list-group-border-color: rgba($black, .125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; @@ -765,7 +765,7 @@ $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: #ddd !default; $thumbnail-border-radius: $border-radius !default; -$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default; +$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default; // Figures diff --git a/scss/mixins/_screen-reader.scss b/scss/mixins/_screen-reader.scss index 31fb68ab9550..8f3eb1b19cc8 100644 --- a/scss/mixins/_screen-reader.scss +++ b/scss/mixins/_screen-reader.scss @@ -9,7 +9,7 @@ height: 1px; padding: 0; overflow: hidden; - clip: rect(0,0,0,0); + clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0;