Correct color for swiper pagination

Correct color for swiper pagination

/* === Color Themes === */
.theme-mixin(@colorName, @color, @colorHex) {
    //Plain color and links
    .color-@{colorName} {
        color: @color;
        .list-block .item-link.list-button&, .tabbar a.active&, a& {
            color: @color;
        }
        .label-switch input[type="checkbox"]:checked + .checkbox&, .label-switch& input[type="checkbox"]:checked + .checkbox{
            background-color: @color;
        }
    }
    //Buttons
    .color-@{colorName}.button:not(.button-fill), .color-@{colorName}.buttons-row .button, .theme-@{colorName} .button:not(.button-fill) {
        border-color: @color;
        html:not(.watch-active-state) &:active, &.active-state {
            background-color: rgba(red(@color), green(@color), blue(@color), 0.15);
        }
        &.active {
            background-color: @color;
            color:#fff;
        }
    }
    .theme-@{colorName} .button.button-fill, .button.button-fill.color-@{colorName} {
        background: @color;
        color:#fff;
    }
    //Icons
    .color-@{colorName}, .theme-@{colorName} {
        i.icon, i.icon& {
            color:@color;
        }
    }
    i.icon-next.color-@{colorName}, i.icon-next.theme-@{colorName}, .theme-@{colorName} i.icon-next {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='#@{colorHex}' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z'/></g></svg>");
    }
    i.icon-prev.color-@{colorName}, i.icon-prev.theme-@{colorName}, .theme-@{colorName} i.icon-prev {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='#@{colorHex}' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z'/></g></svg>");
    }
    i.icon-back.color-@{colorName}, i.icon-back.theme-@{colorName}, .theme-@{colorName} i.icon-back {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='#@{colorHex}'/></svg>");
    }
    i.icon-forward.color-@{colorName}, i.icon-forward.theme-@{colorName}, .theme-@{colorName} i.icon-forward {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#@{colorHex}'/></svg>");
    }
    i.icon-bars.color-@{colorName}, i.icon-bars.theme-@{colorName}, .theme-@{colorName} i.icon-bars {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26'><path fill='#@{colorHex}' d='M0,0h4v4H0V0z M8,1h34v2H8V1z M0,11h4v4H0V11z M8,12h34v2H8V12z M0,22h4v4H0V22z M8,23h34v2H8V23z'/></svg>");
        @media all and (-webkit-max-device-pixel-ratio: 1), (max-resolution: 120dppx) {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'><path fill='#@{colorHex}' d='M0,0h2v2H0V0z M4,0h17v1H4V0z M0,6h2v2H0V6z M4,6h17v1H4V6z M0,12h2v2H0V12z M4,12h17v1H4V12z'/></svg>");
        }
    }
    // Theme
    .theme-@{colorName} {
        a, .item-link.list-button {
            color: @color;
        }
        .tabbar, .tabbar& {
            a, a i {
                color:inherit;
            }
            a.active, a.active i {
                color:@color;
            }
        }
        .range-slider, .range-slider& {
            input[type="range"]::-webkit-slider-thumb:before {
                background-color: @color;
            }
        }
        label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
            background-color: @color;
        }
        label.label-radio input[type="checkbox"]:checked ~ .item-inner, label.label-radio input[type="radio"]:checked ~ .item-inner {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10'><polygon fill='#@{colorHex}' points='11.6,0 4.4,7.2 1.4,4.2 0,5.6 4.4,10 4.4,10 4.4,10 13,1.4 '/></svg>");
        }
        .picker-calendar-day.picker-calendar-day-selected span {
            background-color: @color !important;
        }
    }
    .swiper-pagination {
        &.color-@{colorName}, .theme-@{colorName} & {
            .swiper-pagination-bullet-active {
                background-color: @color;
            }
        }
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        &.color-@{colorName}, .theme-@{colorName} & {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#@{colorHex}'/></svg>");
        }
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        &.color-@{colorName}, .theme-@{colorName} & {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#@{colorHex}'/></svg>");
        }
    }
    // Bg rule
    .bg-@{colorName}, .button.button-fill.bg-@{colorName}, a.bg-@{colorName}, .list-block .swipeout-actions-left a.bg-@{colorName}, .list-block .swipeout-actions-right a.bg-@{colorName} {
        background-color: @color;
    }
    // Border rule
    .border-@{colorName} {
        border-color: @color;
    }
}
.theme-mixin(e('gray'), #8e8e93, '8e8e93');
.theme-mixin(e('white'), #ffffff, 'ffffff');
.theme-mixin(e('black'), #000000, '000000');
.theme-mixin(e('lightblue'), #5ac8fa, '5ac8fa');
.theme-mixin(e('yellow'), #ffcc00, 'ffcc00');
.theme-mixin(e('orange'), #ff9500, 'ff9500');
.theme-mixin(e('pink'), #ff2d55, 'ff2d55');
.theme-mixin(e('blue'), #007aff, '007aff');
.theme-mixin(e('green'), #4cd964, '4cd964');
.theme-mixin(e('red'), #ff3b30, 'ff3b30');

/* === Color Themes === */
.theme-mixin(@colorName, @color, @colorHex) {
    //Plain color and links
    .color-@{colorName} {
        color: @color;
        .list-block .item-link.list-button&, .tabbar a.active&, a& {
            color: @color;
        }
        .label-switch input[type="checkbox"]:checked + .checkbox&, .label-switch& input[type="checkbox"]:checked + .checkbox{
            background-color: @color;
        }
    }
    //Buttons
    .color-@{colorName}.button:not(.button-fill), .color-@{colorName}.buttons-row .button, .theme-@{colorName} .button:not(.button-fill) {
        border-color: @color;
        html:not(.watch-active-state) &:active, &.active-state {
            background-color: rgba(red(@color), green(@color), blue(@color), 0.15);
        }
        &.active {
            background-color: @color;
            color:#fff;
        }
    }
    .theme-@{colorName} .button.button-fill, .button.button-fill.color-@{colorName} {
        background: @color;
        color:#fff;
    }
    //Icons
    .color-@{colorName}, .theme-@{colorName} {
        i.icon, i.icon& {
            color:@color;
        }
    }
    i.icon-next.color-@{colorName}, i.icon-next.theme-@{colorName}, .theme-@{colorName} i.icon-next {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='#@{colorHex}' d='M1,1.6l11.8,5.8L1,13.4V1.6 M0,0v15l15-7.6L0,0L0,0z'/></g></svg>");
    }
    i.icon-prev.color-@{colorName}, i.icon-prev.theme-@{colorName}, .theme-@{colorName} i.icon-prev {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g><path fill='#@{colorHex}' d='M14,1.6v11.8L2.2,7.6L14,1.6 M15,0L0,7.6L15,15V0L15,0z'/></g></svg>");
    }
    i.icon-back.color-@{colorName}, i.icon-back.theme-@{colorName}, .theme-@{colorName} i.icon-back {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z' fill='#@{colorHex}'/></svg>");
    }
    i.icon-forward.color-@{colorName}, i.icon-forward.theme-@{colorName}, .theme-@{colorName} i.icon-forward {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'><path d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z' fill='#@{colorHex}'/></svg>");
    }
    i.icon-bars.color-@{colorName}, i.icon-bars.theme-@{colorName}, .theme-@{colorName} i.icon-bars {
        .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 26'><path fill='#@{colorHex}' d='M0,0h4v4H0V0z M8,1h34v2H8V1z M0,11h4v4H0V11z M8,12h34v2H8V12z M0,22h4v4H0V22z M8,23h34v2H8V23z'/></svg>");
        @media all and (-webkit-max-device-pixel-ratio: 1), (max-resolution: 120dppx) {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'><path fill='#@{colorHex}' d='M0,0h2v2H0V0z M4,0h17v1H4V0z M0,6h2v2H0V6z M4,6h17v1H4V6z M0,12h2v2H0V12z M4,12h17v1H4V12z'/></svg>");
        }
    }
    // Theme
    .theme-@{colorName} {
        a, .item-link.list-button {
            color: @color;
        }
        .tabbar, .tabbar& {
            a, a i {
                color:inherit;
            }
            a.active, a.active i {
                color:@color;
            }
        }
        .range-slider, .range-slider& {
            input[type="range"]::-webkit-slider-thumb:before {
                background-color: @color;
            }
        }
        label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
            background-color: @color;
        }
        label.label-radio input[type="checkbox"]:checked ~ .item-inner, label.label-radio input[type="radio"]:checked ~ .item-inner {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 10'><polygon fill='#@{colorHex}' points='11.6,0 4.4,7.2 1.4,4.2 0,5.6 4.4,10 4.4,10 4.4,10 13,1.4 '/></svg>");
        }
        .swiper-pagination-bullet-active {
            background-color: @color;
        }
        .picker-calendar-day.picker-calendar-day-selected span {
            background-color: @color !important;
        }
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        &.color-@{colorName}, .theme-@{colorName} & {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#@{colorHex}'/></svg>");
        }
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        &.color-@{colorName}, .theme-@{colorName} & {
            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#@{colorHex}'/></svg>");
        }
    }
    // Bg rule
    .bg-@{colorName}, .button.button-fill.bg-@{colorName}, a.bg-@{colorName}, .list-block .swipeout-actions-left a.bg-@{colorName}, .list-block .swipeout-actions-right a.bg-@{colorName} {
        background-color: @color;
    }
    // Border rule
    .border-@{colorName} {
        border-color: @color;
    }
}
.theme-mixin(e('gray'), #8e8e93, '8e8e93');
.theme-mixin(e('white'), #ffffff, 'ffffff');
.theme-mixin(e('black'), #000000, '000000');
.theme-mixin(e('lightblue'), #5ac8fa, '5ac8fa');
.theme-mixin(e('yellow'), #ffcc00, 'ffcc00');
.theme-mixin(e('orange'), #ff9500, 'ff9500');
.theme-mixin(e('pink'), #ff2d55, 'ff2d55');
.theme-mixin(e('blue'), #007aff, '007aff');
.theme-mixin(e('green'), #4cd964, '4cd964');
.theme-mixin(e('red'), #ff3b30, 'ff3b30');


Remove the login less styling from magazine

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hevnly/asset-bazaar.git/'


Fixes media links hover effect

Fixes media links hover effect

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/studiomotio/www1.git/'


Uses variable instead of raw color

Uses variable instead of raw color


Add color helpers for hover and focus states, Add important to this helpers

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sfi0zy/muilessium.git/'


DEV: SPC-design utils

DEV: SPC-design utils

contains reusable settings. May not require a special file as there are
few settings

fatal: unable to access 'https://github.com/ksurya/SciPyCentral.git/': The requested URL returned error: 403


Fix CSS overflow issue.

Fix CSS overflow issue.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/addrummond/nodeibexfarm.git/'


updated variables

updated variables

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/amazingBastard/infosite-cms.git/'


changing to less

changing to less

fatal: unable to access 'https://github.com/sathyamvellal/assemble-init.git/': The requested URL returned error: 403


fix styl

fix styl

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/GeekFE/mip.git/'


needing to override specific margin directions

fatal: unable to access 'https://github.com/spencerwalker/angular-buyer.git/': The requested URL returned error: 403


added .placeholder mixin

added .placeholder mixin

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


fixed padding in category-box

fixed padding in category-box

fatal: unable to access 'https://github.com/cablelabs/dev-portal.git/': The requested URL returned error: 403


Adjust spacing in members list

Adjust spacing in members list

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/metao1/chat.git/'


[抽奖活动]抽奖活动css

[抽奖活动]抽奖活动css

(cherry picked from commit 8fd61ae)

fatal: unable to access 'https://github.com/psychokiller666/heishi.git/': The requested URL returned error: 403


Update graph icons style.

Update graph icons style.

fatal: unable to access 'https://github.com/psytra/facette.git/': The requested URL returned error: 403


Create spinning.less

Create spinning.less

// Spinning Icons
// --------------------------

.@{fa-css-prefix}-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

error: pathspec 'font-awesome/less/spinning.less' did not match any file(s) known to git


Improve breadcrumb separator color for darker background

@import "../../style/themes/default";

@breadcrumb-prefix-cls: ~"@{ant-prefix}-breadcrumb";

.@{breadcrumb-prefix-cls} {
  color: @text-color;
  font-size: @font-size-base;

  a {
    color: @text-color;
    transition: color .3s;
    &:hover {
      color: @primary-5;
    }
  }

  & > span:last-child {
    font-weight: bold;
    color: @text-color;
  }

  & > span:last-child &-separator {
    display: none;
  }

  &-separator {
    margin: 0 8px;
    color: rgba(0, 0, 0, 0.3);
  }

  &-link {
    > .@{iconfont-css-prefix} + span {
      margin-left: 4px;
    }
  }
}

@import "../../style/themes/default";

@breadcrumb-prefix-cls: ~"@{ant-prefix}-breadcrumb";

.@{breadcrumb-prefix-cls} {
  color: @text-color-secondary;
  font-size: @font-size-base;

  a {
    color: @text-color;
    transition: color .3s;
    &:hover {
      color: @primary-5;
    }
  }

  & > span:last-child {
    font-weight: bold;
    color: @text-color;
  }

  & > span:last-child &-separator {
    display: none;
  }

  &-separator {
    margin: 0 8px;
    color: @border-color-base;
  }

  &-link {
    > .@{iconfont-css-prefix} + span {
      margin-left: 4px;
    }
  }
}


Modified some classes

Modified some classes

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Fabio-Gambacorta/aniem-abruzzo.git/'


remove bold-on-hover. fixes #351

remove bold-on-hover. fixes #351

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/fle-internal/fle-home.git/'


OR-1629 Primary color to radio button

OR-1629 Primary color to radio button

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/heroandtn3/openpaas-esn.git/'


Card padding tweak

Card padding tweak

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/putterschool/styleguide.git/'


Add panel number style

Add panel number style

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sonatra/sonatra-theme-gluon.git/'


'hide' class tag now usable by all slider components

/*!
 * Slider for Bootstrap
 *
 * Licensed under the Apache License v2.0
 *
 */
//@import '../bower_components/bootstrap/less/variables.less';
@import 'variables.less'; // Bootstrap variables
@import 'mixins.less';    // Bootstrap mixins

@slider-line-height: @line-height-computed;

.slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	&.slider-horizontal {
		width: 210px;
		height: @slider-line-height;
		.slider-track {
			height: (@slider-line-height/2);
			width: 100%;
			margin-top: (-@slider-line-height/4);
			top: 50%;
			left: 0;
		}
		.slider-selection {
			height: 100%;
			top: 0;
			bottom: 0;
		}
		.slider-handle {
			margin-left: (-@slider-line-height/2);
			margin-top: (-@slider-line-height/4);
			&.triangle {
				border-width: 0 (@slider-line-height/2) (@slider-line-height/2) (@slider-line-height/2);
				width: 0;
				height: 0;
				border-bottom-color: #0480be;
				margin-top: 0;
			}
		}
	}
	&.slider-vertical {
		height: 210px;
		width: @slider-line-height;
		.slider-track {
			width: (@slider-line-height/2);
			height: 100%;
			margin-left: (-@slider-line-height/4);
			left: 50%;
			top: 0;
		}
		.slider-selection {
			width: 100%;
			left: 0;
			top: 0;
			bottom: 0;
		}
		.slider-handle {
			margin-left: (-@slider-line-height/4);
			margin-top: (-@slider-line-height/2);
			&.triangle {
				border-width: (@slider-line-height/2) 0 (@slider-line-height/2) (@slider-line-height/2);
				width: 1px;
				height: 1px;
				border-left-color: #0480be;
				margin-left: 0;
			}
		}
	}
	&.slider-disabled {
		.slider-handle {
			#gradient > .vertical(#dfdfdf, #bebebe);
		}
		.slider-track {
			#gradient > .vertical(#e5e5e5, #e9e9e9);
			cursor: not-allowed;
		}
	}
	input {
		display: none;
	}
	.tooltip-inner {
		white-space: nowrap;
	}
	.hide {
		display: none;
	}
}
.slider-track {
	position: absolute;
	cursor: pointer;
	#gradient > .vertical(#f5f5f5, #f9f9f9);
	.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
	border-radius: @border-radius-base;
}
.slider-selection {
	position: absolute;
	#gradient > .vertical(#f9f9f9, #f5f5f5);
	.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
	.box-sizing(border-box);
	border-radius: @border-radius-base;
}
.slider-handle {
	position: absolute;
	width: @slider-line-height;
	height: @slider-line-height;
	background-color: #3a94a5;
	#gradient > .vertical(#149bdf, #0480be);
	filter: none;
	.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
	opacity: 0.8;
	border: 0px solid transparent;
	&.round {
		border-radius: 50%;
	}
	&.triangle {
		background: transparent none;
	}
	&.custom {
		background: transparent none;
		&::before{
			line-height: @slider-line-height;
			font-size: 20px;
			content: '\2605'; //unicode star character
			color: #726204;
		}
	}
}

/*!
 * Slider for Bootstrap
 *
 * Licensed under the Apache License v2.0
 *
 */
//@import '../bower_components/bootstrap/less/variables.less';
@import 'variables.less'; // Bootstrap variables
@import 'mixins.less';    // Bootstrap mixins

@slider-line-height: @line-height-computed;

.slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	&.slider-horizontal {
		width: 210px;
		height: @slider-line-height;
		.slider-track {
			height: (@slider-line-height/2);
			width: 100%;
			margin-top: (-@slider-line-height/4);
			top: 50%;
			left: 0;
		}
		.slider-selection {
			height: 100%;
			top: 0;
			bottom: 0;
		}
		.slider-handle {
			margin-left: (-@slider-line-height/2);
			margin-top: (-@slider-line-height/4);
			&.triangle {
				border-width: 0 (@slider-line-height/2) (@slider-line-height/2) (@slider-line-height/2);
				width: 0;
				height: 0;
				border-bottom-color: #0480be;
				margin-top: 0;
			}
		}
	}
	&.slider-vertical {
		height: 210px;
		width: @slider-line-height;
		.slider-track {
			width: (@slider-line-height/2);
			height: 100%;
			margin-left: (-@slider-line-height/4);
			left: 50%;
			top: 0;
		}
		.slider-selection {
			width: 100%;
			left: 0;
			top: 0;
			bottom: 0;
		}
		.slider-handle {
			margin-left: (-@slider-line-height/4);
			margin-top: (-@slider-line-height/2);
			&.triangle {
				border-width: (@slider-line-height/2) 0 (@slider-line-height/2) (@slider-line-height/2);
				width: 1px;
				height: 1px;
				border-left-color: #0480be;
				margin-left: 0;
			}
		}
	}
	&.slider-disabled {
		.slider-handle {
			#gradient > .vertical(#dfdfdf, #bebebe);
		}
		.slider-track {
			#gradient > .vertical(#e5e5e5, #e9e9e9);
			cursor: not-allowed;
		}
	}
	input {
		display: none;
	}
	.tooltip {
		&.hide {
			display: none;
		}
	}
	.tooltip-inner {
		white-space: nowrap;
	}
}
.slider-track {
	position: absolute;
	cursor: pointer;
	#gradient > .vertical(#f5f5f5, #f9f9f9);
	.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
	border-radius: @border-radius-base;
}
.slider-selection {
	position: absolute;
	#gradient > .vertical(#f9f9f9, #f5f5f5);
	.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
	.box-sizing(border-box);
	border-radius: @border-radius-base;
}
.slider-handle {
	position: absolute;
	width: @slider-line-height;
	height: @slider-line-height;
	background-color: #3a94a5;
	#gradient > .vertical(#149bdf, #0480be);
	filter: none;
	.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
	opacity: 0.8;
	border: 0px solid transparent;
	&.round {
		border-radius: 50%;
	}
	&.triangle {
		background: transparent none;
	}
	&.custom {
		background: transparent none;
		&::before{
			line-height: @slider-line-height;
			font-size: 20px;
			content: '\2605'; //unicode star character
			color: #726204;
		}
	}
}


Update style.less

Update style.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/prasadkblr/direct-channel-dashboard.git/'


Show error over images modal dialog

Show error over images modal dialog

fatal: unable to access 'https://github.com/c2corg/v6_ui.git/': The requested URL returned error: 403


Switching tabs to spaces

Switching tabs to spaces

/* popHealth stylesheet
 * Author: Mike Nosal (mnosal@mitre.org)
 * Version 1.0
 * Last Modified Date: 2010-10-22
 *
 * This is written in LESS, an alternative CSS grammar.
 * For further information, see http://lesscss.org
 * To compile into the W3C grammar, use the less gem:
 * $ lessc pophealth.less
 *
 */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Constant declarations */
/* Colors */
@measurePopulationChartBar : #ddd;
@measurePopulationChartValue : #000;
@headerBkg : #eee;
@measureTitleText : #373737;
@measurementPeriodText:#646464;
@eligibleHdr : #eafcff;
@outcomeHdr : #e9f4d9;
@measureBorderColor:#e9e9e9;
@parameterList : #353535;
@parameterListTitle :#eeeeee;
@paramList : #f2f2f2;
@paramListText : #333;
@barValueColor : #333;
@barValueText : #eee;
@barValueBkg : #ddd;
@dashboardLabel : #AFAFAF;
@dashboardText : #44B3BE;
@tableText : #646464;

@eligibilityParamGroup :#a4d9dd;
@outcomeParamGroup : #cfe1a5;

body {width:100%}

#container {
  font-family:"Myriad Pro","Frutiger",Helvetica,Arial;
  font-size:0.9em;
  width:1000px;
}

#dashboardContainer {
  font-family:"Myriad Pro","Frutiger",Helvetica,Arial;
  font-size:0.9em;
  width:1225px;
}

a {color:black;
  text-decoration:none;
}

#header {
  background: #f4f4f4;
  background: -moz-linear-gradient(top,#f8f8f8,#f0f0f0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0));
  width:100%;
  a:hover {text-decoration:underline}

  ul {
    list-style:none;
    margin-left:115px;
    li {
      float:left;
      .sep {margin:0 5px;
      }
    }
  }
}

#pageContent {
}

#breadcrumbBox {
  padding:5px 0 5px 0;
  border-bottom:1px solid #ccc;
  background:transparent url(../images/popHealthMiniLogo.png) 0 10% no-repeat;
}

#logOut {
    padding:5px 20px 0 0;
    a {
       float: right;
       color: @dashboardText;
    }
    a:hover {
       text-decoration:none;
       color:#368F98;
    }
}

#measureTitle {
  padding:10px 25px;
  color:@measureTitleText;
  h1 {
    font-size:1.5em;
    margin:5px 0 0 0;
  }
  h2 {
    font-size:1.0em;
    margin-top:20px;

    span.subconditionsPhrase {
      font-weight:bold;
      font-style:italic;
    }
  }

}

#measureCtrl {
  width:370px;
  float:right;

  #mcp {
    font-size:1.5em;
    line-height:2em;
    margin-bottom:20px;
  }
    input {
      background-color:#ddd;
      border:1px solid #ddd;
      padding:6px 8px 8px 8px;
      margin-right:10px;
      -moz-border-radius : 5px;
      -webkit-border-radius: 5px;
      border-radius :5px;
    }

}

.bar {
  margin-top:5px;
  background-color:@measurePopulationChartBar;
  width:320px;
  line-height:1.5em;

}

.barVal {
  background-color:@measurePopulationChartValue;
  height:100%;
  color:@barValueText;
  span {
    margin:3px 0 0 5px;
    }
}

#measurementPeriod {
  padding:20px 0 10px 0;
  color:@measurementPeriodText;
  input {
    padding:5px 30px 5px 2px;
    border:1px solid #ccc;
    color:#666;
    font-size:0.9em;
    background:transparent url(../images/icnMiniCalendar.png) 98% 50% no-repeat;
    }
  span {margin:10px}
  }
.measureBox {padding:10px}

#measureEditContainer {
  border-top:1px solid @measureBorderColor;

  .paramGroupContainer {xborder:1px solid red}

  .paramGroup {
    margin:10px 0 20px 20px;
    -webkit-box-shadow: -2px -2px 2px #aaa ;
    -moz-box-shadow: -2px -2px 2px #aaa;
    box-shadow: -2px -2px 2px #aaa;
    padding:5px;
    display:table;

  }

  .paramGroupToggle {margin:10px 0 5px 0}

  .paramItem {
    background-color:white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:5px;
    display:table;

    .paramBar {
      margin-left:5px;
      background-color:@barValueBkg;
      width:100px;
      display:inline-block;

    }
    .paramBarVal {
      background-color:@barValueColor;
      color:@barValueText;
      height:100%;
      padding-left:0px;
      font-size:0.95em;
      position:relative;
      span {margin-left:5px;}
      span.short {position:relative;right:-100%;
      //margin-left:23px;
      color:#000}
      }
    h4 {
      color:#999;
      }
    }
  }
.exclusionTab {
  font-size:0.9em;
  background:url(../images/bkgExclusionsTab.png) 100% 50% no-repeat;width:120px;padding:5px 20px 1px 5px;color:#646464;
  text-transform:uppercase;
  }
#eligibilityMeasures {
  width : 365px;
  display:table-cell;
  h3 {
    font-size:1.5em;
    padding:0 10px;
    background-color : @eligibleHdr;
  }
  .paramGroup {background-color:@eligibilityParamGroup;
    .paramGroup {
      background-color:#51b2bc;
      -webkit-box-shadow: -2px -2px 2px #477c81 ;
      -moz-box-shadow: -2px -2px 2px #477c81;
      box-shadow: -2px -2px 2px #477c81;
      width:auto;

      .paramGroup {
        background-color:#37696e;
        -webkit-box-shadow: -2px -2px 2px #264e51;
        -moz-box-shadow: -2px -2px 2px #264e51;
        box-shadow: -2px -2px 2px #264e51;
      }
    }
  }
}

#outcomeMeasures {
  width:365px;
  xfloat:right;
  display:table-cell;
  border-left:1px solid #e9e9e9;
  h3 {
    font-size:1.5em;
    padding:0 10px;
    background-color:@outcomeHdr;
  }
  .paramGroup {background-color:@outcomeParamGroup;
    .paramGroup {
      background-color:#9DB26D;
      -webkit-box-shadow: -2px -2px 2px #717F4F ;
      -moz-box-shadow: -2px -2px 2px #717F4F;
      box-shadow: -2px -2px 2px #717F4F;
      width:auto;

      .paramGroup {
        background-color:#68822C;
        -webkit-box-shadow: -2px -2px 2px #475527;
        -moz-box-shadow: -2px -2px 2px #475527;
        box-shadow: -2px -2px 2px #475527;
      }
    }
  }
}

#parameterList {
  width:260px;
  display:table-cell;
  background-color:@parameterList;
  color:@parameterListTitle;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  div.icons {
    height:29px;
    img {
      margin-right:5px;
    }
  }
  h3 {
    line-height:2em;
  }

  .paramList {
    background-color:@paramList;
    color:@paramListText;
    margin:5px 0;
    padding:10px 5px;
    p {
      color:#666;
      line-height:1.2em;
    }
    ul {
      margin:10px 5px;
      list-style:none;
      label {
        padding-left:15px;
        background:url(../images/liClosed.png) 0 35% no-repeat;

      }
      label.open {
        background:url(../images/liOpen.png) 0 35% no-repeat;
      }
    }
  }
  div.paramItemList {
    line-height:1.2;
    font-size:0.9em;
    border:1px solid #dcdcdc;
    background-color:white;
    ul {background-color:white;
    margin:5px;}
  }

}

#providerReports {
  display:table-cell;
  width:300px;
  background-color:#F2F2F2;
  color:#000000;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  h3 {
      padding: 0 0 0 10px;
      font-size:0.9em;
  }
    h3.dashboardLabel {
     color:@dashboardLabel;
     padding: 10px 0 0px 10px;
     font-size:1.0em;
  }
  h3.numberPatients {
      padding: 0 0 20px 10px;
      font-size:1.0em;
  }
  h1 {
    padding: 10px 0 10px 10px;
      font-size:1.4em;
  }

  .measureList {
    background-color:@paramList;
    color:@dashboardLabel;
    margin:5px 0;
    padding:0 5px 10px 5px;
    font-size:0.9em;
    p {
      color:#666;
      line-height:1.2em;
    }
    ul {
      margin:10px 5px;
      list-style:none;
      label {
        padding-left:15px;
        background:url(../images/liClosed.png) 0 35% no-repeat;

      }
      label.open {
        background:url(../images/liOpen.png) 0 35% no-repeat;
      }
    }
  }

  .measureItemList {
    color:#000000;
    line-height:1.2;
    font-size:1.1em;
    ul {
        margin:5px;
    }
    list-style:none;
    li {
      padding: 5px 5px 5px 25px;
      background:url(../images/smallcheckbox.png) 0 10% no-repeat;

    }
    li.open {
      background:url(../images/smallcheckbox.png) 0 10% no-repeat;
    }
  }

  a {
     padding: 0 0 0 10px;
       color:#44B3BE;
    }
    a:hover {
       text-decoration:none;
       color:#368F98;
    }
}

#dashboardPeriod {
    display:table-cell;
    width: 900px;
    xfloat: right;
  p.dashboardLabel {
    position:absolute;
    width: 700px;
    color:@dashboardLabel;
    float: left;
    padding: 20px 20px 20px 40px;
  }
  input.calendarInput {
      height: 50px;
      width: 100px;
    position: relative;
    padding-left: 50px;
    margin: 0px 0px 5px 40px;
    border:none;
    color:#666;
    font-size:0.9em;
    background:transparent url(../images/calendar.png) 0% 50% no-repeat;
  }
}
  input.exportReport {
    float: right;
    color: @dashboardText;
    font-size:1.4em;
    background-color:#f2f2f2;
    border:1px solid #f2f2f2;
    padding:6px 8px 8px 8px;
    margin-right:10px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius :5px;
  }

#measureDetailTable {
  display: block;
  width: 900px;
  padding: 0 10px 0 10px;
  p {
    padding: 20px 0px 5px 5px;
  }
  th {

    color: @tableText;
    padding: 0 0 0 5px;
    border-bottom: 3px solid #646464;
    font-size:0.9em;
  }
  td {
    padding: 40px 20px 5px 5px;
    vertical-align: top;
  }
  tr {
    vertical-align: top;
  }
}

#tableMeasureTitle {
  width: 225px;
}

#tableMeasureDescription {
  width: 275px;
}

.tableMeasureCtrl {
  width:350px;
  font-size: 1.0em;
  margin-bottom:10px;

  .fraction {
    float: left;
    padding: 0 15px 0 0;
  }

  .tableBar {
    float: left;
    margin-top:5px;
    background-color:@measurePopulationChartBar;
    width:150px;
    padding: 0 5px 0 0;
  }

  .tableBarVal {
    background-color:@measurePopulationChartValue;
    height:100%;
    color:@barValueText;
    padding: 0 5px 0 0;
    font-size: 0.7em;
    span {
      margin:3px 0 0 5px;
      }
  }

  .tableEdit {
    float: left;
    margin-top:5px;
    font-size: 0.8em;
  }

  a {
    float: left;
     padding: 0 0 0 10px;
       color:#44B3BE;
    }

    a:hover {
       text-decoration:none;
       color:#368F98;
    }
}


Updating slick carousel styles

Updating slick carousel styles

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/CRUKorg/pybossa-cruk-theme.git/'