@posiwise/admin-module 0.0.25 → 0.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/esm2020/lib/admin.module.mjs +2 -3
  2. package/esm2020/lib/components/config/global-config-details/global-config-details.component.mjs +1 -1
  3. package/esm2020/lib/components/credentials/credentials-details/credentials-details.component.mjs +1 -1
  4. package/esm2020/lib/components/credentials/subscription-credentials-details/subscription-credentials-details.component.mjs +1 -1
  5. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-build/domain-config-build.component.mjs +1 -1
  6. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-core/domain-config-core.component.mjs +1 -1
  7. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-integrations/domain-config-integrations.component.mjs +3 -3
  8. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-interface/domain-config-interface.component.mjs +1 -1
  9. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-organization/domain-config-organization.component.mjs +1 -1
  10. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-security/domain-config-security.component.mjs +1 -1
  11. package/esm2020/lib/components/domain-config/domain-config-details/domain-config-social/domain-config-social.component.mjs +1 -1
  12. package/esm2020/lib/components/faqs/faqs-list/faqs-list.component.mjs +3 -3
  13. package/esm2020/lib/components/feedback-questions/feedback-questions-details/feedback-questions-details.component.mjs +1 -1
  14. package/esm2020/lib/components/login-notifications/login-notification-details/login-notification-details.component.mjs +1 -1
  15. package/esm2020/lib/components/newsletters/newsletter-item-details/newsletter-item-details.component.mjs +1 -1
  16. package/esm2020/lib/components/products/product-details/product-details.component.mjs +1 -1
  17. package/esm2020/lib/components/subscriptions/subscription-details/subscription-details.component.mjs +1 -1
  18. package/esm2020/lib/components/subscriptions/subscription-product-details/subscription-product-details.component.mjs +1 -1
  19. package/esm2020/lib/components/subscriptions/subscriptions-list/subscriptions-list.component.mjs +1 -1
  20. package/esm2020/lib/components/tips/tip-detail/tip-detail.component.mjs +1 -1
  21. package/esm2020/lib/components/users/user-details/user-details.component.mjs +1 -1
  22. package/esm2020/posiwise-admin-module.mjs +5 -0
  23. package/fesm2015/{admin-module.mjs → posiwise-admin-module.mjs} +23 -23
  24. package/fesm2015/posiwise-admin-module.mjs.map +1 -0
  25. package/fesm2020/{admin-module.mjs → posiwise-admin-module.mjs} +23 -23
  26. package/fesm2020/posiwise-admin-module.mjs.map +1 -0
  27. package/package.json +20 -29
  28. package/assets/app.scss +0 -43
  29. package/assets/scss/_bootstrap_modules.scss +0 -40
  30. package/assets/scss/_custom-bootstrap.scss +0 -13
  31. package/assets/scss/_dashboard.scss +0 -31
  32. package/assets/scss/_dynamic-styles.scss +0 -534
  33. package/assets/scss/_plugins.scss +0 -3
  34. package/assets/scss/_public-pages.scss +0 -7
  35. package/assets/scss/_shared.scss +0 -3
  36. package/assets/scss/_variables.scss +0 -5
  37. package/assets/scss/common/landing-page-a/landing-page-style-1.scss +0 -670
  38. package/assets/scss/common/landing-page-b/banner.scss +0 -141
  39. package/assets/scss/common/landing-page-b/contact-us.scss +0 -167
  40. package/assets/scss/common/landing-page-b/explainer.scss +0 -75
  41. package/assets/scss/common/landing-page-b/explainer2.scss +0 -35
  42. package/assets/scss/common/landing-page-b/header.scss +0 -56
  43. package/assets/scss/common/landing-page-b/landing-page-style-2.scss +0 -20
  44. package/assets/scss/custom-bootstrap/_badge.scss +0 -468
  45. package/assets/scss/custom-bootstrap/_bootstrap_variables.scss +0 -30
  46. package/assets/scss/custom-bootstrap/_buttons.scss +0 -84
  47. package/assets/scss/custom-bootstrap/_card.scss +0 -319
  48. package/assets/scss/custom-bootstrap/_carousel.scss +0 -6
  49. package/assets/scss/custom-bootstrap/_form_select.scss +0 -7
  50. package/assets/scss/custom-bootstrap/_forms.scss +0 -337
  51. package/assets/scss/custom-bootstrap/_links.scss +0 -7
  52. package/assets/scss/custom-bootstrap/_modal.scss +0 -16
  53. package/assets/scss/custom-bootstrap/_navbar.scss +0 -42
  54. package/assets/scss/custom-bootstrap/_popover.scss +0 -10
  55. package/assets/scss/custom-bootstrap/_progress.scss +0 -12
  56. package/assets/scss/custom-bootstrap/_reboot.scss +0 -93
  57. package/assets/scss/custom-bootstrap/_type.scss +0 -202
  58. package/assets/scss/dashboard/_admin.scss +0 -15
  59. package/assets/scss/dashboard/_animations.scss +0 -20
  60. package/assets/scss/dashboard/_bootstrap-social.scss +0 -641
  61. package/assets/scss/dashboard/_chat.scss +0 -250
  62. package/assets/scss/dashboard/_coming-soon.scss +0 -34
  63. package/assets/scss/dashboard/_components.scss +0 -229
  64. package/assets/scss/dashboard/_email.scss +0 -184
  65. package/assets/scss/dashboard/_fixed-navbar.scss +0 -18
  66. package/assets/scss/dashboard/_gallery.scss +0 -1201
  67. package/assets/scss/dashboard/_helper.scss +0 -736
  68. package/assets/scss/dashboard/_horizontal-timeline.scss +0 -314
  69. package/assets/scss/dashboard/_icons.scss +0 -107
  70. package/assets/scss/dashboard/_layout.scss +0 -23
  71. package/assets/scss/dashboard/_misc.scss +0 -220
  72. package/assets/scss/dashboard/_notifications.scss +0 -27
  73. package/assets/scss/dashboard/_palette.scss +0 -308
  74. package/assets/scss/dashboard/_profile.scss +0 -36
  75. package/assets/scss/dashboard/_responsive.scss +0 -209
  76. package/assets/scss/dashboard/_search.scss +0 -33
  77. package/assets/scss/dashboard/_select.scss +0 -16
  78. package/assets/scss/dashboard/_sidebar-content.scss +0 -632
  79. package/assets/scss/dashboard/_tables.scss +0 -17
  80. package/assets/scss/dashboard/_tabs.scss +0 -151
  81. package/assets/scss/dashboard/_ui-switch.scss +0 -6
  82. package/assets/scss/dashboard/_upload.scss +0 -249
  83. package/assets/scss/dashboard/_utilities.scss +0 -105
  84. package/assets/scss/dashboard/_vertical-timeline.scss +0 -1261
  85. package/assets/scss/dashboard/mixins/_buttons.scss +0 -78
  86. package/assets/scss/dashboard/mixins/_colors.scss +0 -29
  87. package/assets/scss/dashboard/mixins/_custom.scss +0 -34
  88. package/assets/scss/dashboard/mixins/_shadows.scss +0 -62
  89. package/assets/scss/dashboard/mixins/_type.scss +0 -16
  90. package/assets/scss/dashboard/mixins/_typography.scss +0 -29
  91. package/assets/scss/dashboard/mixins/_utilities.scss +0 -129
  92. package/assets/scss/dashboard/mixins/_vendor-prefixes.scss +0 -71
  93. package/assets/scss/plugins/_plugin-nouislider.scss +0 -199
  94. package/assets/scss/plugins/_toastr.scss +0 -71
  95. package/assets/scss/plugins/perfect-scrollbar/_main.scss +0 -3
  96. package/assets/scss/plugins/perfect-scrollbar/_mixins.scss +0 -135
  97. package/assets/scss/plugins/perfect-scrollbar/_ps-custom.scss +0 -134
  98. package/assets/scss/plugins/perfect-scrollbar/_themes.scss +0 -23
  99. package/assets/scss/plugins/perfect-scrollbar/_variables.scss +0 -19
  100. package/assets/scss/public-pages/_buttons.scss +0 -136
  101. package/assets/scss/public-pages/_input-fields.scss +0 -29
  102. package/assets/scss/public-pages/_layout.scss +0 -108
  103. package/assets/scss/public-pages/mixins/_buttons.scss +0 -28
  104. package/assets/scss/shared/_modal.scss +0 -28
  105. package/assets/scss/shared/_prime-ng-tables.scss +0 -107
  106. package/assets/scss/shared/_prime-ng.scss +0 -5100
  107. package/assets/scss/variables/_app-colors-variables.scss +0 -760
  108. package/assets/scss/variables/_branding-variables.scss +0 -93
  109. package/assets/scss/variables/_dashboard-variables.scss +0 -96
  110. package/assets/scss/variables/_generic-variables.scss +0 -33
  111. package/assets/scss/variables/_landing-page-new-variables.scss +0 -11
  112. package/assets/scss/variables/_primeng-variables.scss +0 -190
  113. package/esm2020/admin-module.mjs +0 -5
  114. package/fesm2015/admin-module.mjs.map +0 -1
  115. package/fesm2020/admin-module.mjs.map +0 -1
@@ -1,78 +0,0 @@
1
- // from bs mixins/buttons button-variant
2
-
3
- // For Social Buttons
4
-
5
- // Button variants
6
- // Easily pump out default styles, as well as :hover, :focus, :active,
7
- // and disabled options for all buttons
8
-
9
- @mixin button-variant($color, $background, $border) {
10
- background-color: $background;
11
- border-color: $border;
12
- color: $color !important;
13
-
14
- &:focus,
15
- &.focus {
16
- background-color: darken($background, 10%) !important;
17
- border-color: darken($border, 25%);
18
- color: $color;
19
- }
20
-
21
- &:hover {
22
- background-color: darken($background, 10%) !important;
23
- border-color: darken($border, 12%);
24
- color: $color;
25
- }
26
-
27
- &:active,
28
- &.active,
29
- .open > &.dropdown-toggle {
30
- background-color: darken($background, 10%) !important;
31
- border-color: darken($border, 12%);
32
- color: $color;
33
-
34
- &:hover,
35
- &:focus,
36
- &.focus {
37
- background-color: darken($background, 17%) !important;
38
- border-color: darken($border, 25%);
39
- color: $color;
40
- }
41
- }
42
-
43
- &:active,
44
- &.active,
45
- .open > &.dropdown-toggle {
46
- background-image: none;
47
- }
48
-
49
- &.disabled,
50
- &[disabled],
51
- fieldset[disabled] & {
52
- &:hover,
53
- &:focus,
54
- &.focus {
55
- background-color: $background;
56
- border-color: $border;
57
- }
58
- }
59
-
60
- .badge {
61
- background-color: $color;
62
- color: $background;
63
- }
64
- }
65
-
66
- // Button sizes
67
- @mixin button-size(
68
- $padding-vertical,
69
- $padding-horizontal,
70
- $font-size,
71
- $line-height,
72
- $border-radius
73
- ) {
74
- border-radius: $border-radius;
75
- font-size: $font-size;
76
- line-height: $line-height;
77
- padding: $padding-vertical $padding-horizontal;
78
- }
@@ -1,29 +0,0 @@
1
- @mixin bg-opacity($color, $opacity: 1) {
2
- background: rgb($color, $opacity);
3
- }
4
-
5
- // Progress bars
6
-
7
- @mixin progress-variant($color) {
8
- background-color: $color;
9
-
10
- &[value]::-webkit-progress-value {
11
- background-color: $color;
12
- }
13
-
14
- &[value]::-moz-progress-bar {
15
- background-color: $color;
16
- }
17
-
18
- // IE10+, Microsoft Edge
19
- &[value]::-ms-fill {
20
- background-color: $color;
21
- }
22
-
23
- // IE9
24
- @media screen and (min-width: 0\0) {
25
- .progress-bar {
26
- background-color: $color;
27
- }
28
- }
29
- }
@@ -1,34 +0,0 @@
1
- // center vertically and/or horizontally an absolute positioned element
2
-
3
- @mixin center($xy: xy) {
4
- @if $xy == xy {
5
- bottom: auto;
6
- left: 50%;
7
- right: auto;
8
- top: 50%;
9
- transform: ranslatex(-50%) translateY(-50%);
10
- } @else if $xy == x {
11
- left: 50%;
12
- right: auto;
13
- transform: translateX(-50%);
14
- } @else if $xy == y {
15
- bottom: auto;
16
- top: 50%;
17
- transform: translateY(-50%);
18
- }
19
- }
20
-
21
- @function calculateRem($size) {
22
- $remSize: $size / 16px;
23
-
24
- @return $remSize * 1rem;
25
- }
26
-
27
- @mixin font-size($size) {
28
- font-size: calculaterem($size);
29
- }
30
-
31
- // border radius
32
- @mixin border-radius($radius: 0.25em) {
33
- border-radius: $radius;
34
- }
@@ -1,62 +0,0 @@
1
- @use 'sass:math';
2
-
3
- // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
4
-
5
- @mixin shadow-z-1() {
6
- box-shadow: 0 1px 6px 0 rgb(0 0 0 / 12%), 0 1px 6px 0 rgb(0 0 0 / 12%);
7
- }
8
-
9
- @mixin shadow-z-1-hover() {
10
- box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
11
- }
12
-
13
- @mixin shadow-z-2() {
14
- box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
15
- }
16
-
17
- @mixin shadow-z-3() {
18
- box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
19
- }
20
-
21
- @mixin shadow-z-4() {
22
- box-shadow: 0 16px 28px 0 rgb(0 0 0 / 22%), 0 25px 55px 0 rgb(0 0 0 / 21%);
23
- }
24
-
25
- @mixin shadow-z-5() {
26
- box-shadow: 0 27px 24px 0 rgb(0 0 0 / 20%), 0 40px 77px 0 rgb(0 0 0 / 22%);
27
- }
28
-
29
- /* Shadows (from mdl http://www.getmdl.io/) */
30
-
31
- // Focus shadow mixin.
32
- @mixin big-shadow() {
33
- box-shadow: 0 0 8px rgb(0 0 0 / 18%), 0 8px 16px rgb(0 0 0 / 36%);
34
- }
35
-
36
- @mixin shadow-big() {
37
- box-shadow: 0 10px 30px -12px rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
38
- 0 4px 25px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
39
- 0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
40
- }
41
-
42
- @mixin shadow-big-navbar() {
43
- box-shadow: 0 10px 20px -12px rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
44
- 0 3px 20px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
45
- 0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
46
- }
47
-
48
- @mixin shadow-big-color($color) {
49
- box-shadow: 0 12px 20px -10px rgb($color $shadow-penumbra-opacity * 200%),
50
- 0 4px 20px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
51
- 0 7px 8px -5px rgb($color $shadow-umbra-opacity);
52
- }
53
-
54
- @mixin sidebar-shadow() {
55
- box-shadow: 2px 10px 30px 0 rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
56
- 0 4px 25px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
57
- 0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
58
- }
59
-
60
- @mixin card-shadow() {
61
- box-shadow: 0 1px 0 0 rgb(0 0 0 / 1%), 0 2px 4px 0 rgb(0 0 0 / 3%);
62
- }
@@ -1,16 +0,0 @@
1
- @mixin headings() {
2
- h1,
3
- h2,
4
- h3,
5
- h4,
6
- h5,
7
- h6 {
8
- @content;
9
- }
10
- }
11
-
12
- // 14sp font
13
- %std-font {
14
- font-size: 1rem;
15
- font-weight: normal;
16
- }
@@ -1,29 +0,0 @@
1
- @mixin font-weight($weight) {
2
- $weights: (
3
- thin: 100,
4
- extra-light: 200,
5
- ultra-light: 200,
6
- light: 300,
7
- normal: 400,
8
- book: 400,
9
- regular: 400,
10
- medium: 500,
11
- semi-bold: 600,
12
- demi-bold: 600,
13
- bold: 700,
14
- extra-bold: 800,
15
- ultra-bold: 900,
16
- heavy: 900,
17
- rgb(0 0 0): 900,
18
- ultra: 900,
19
- ultra-black: 900,
20
- extra-ultra: 900
21
- );
22
- $output: $weight;
23
-
24
- @if map-has-key($weights, $weight) {
25
- $output: map-get($weights, $weight);
26
- }
27
-
28
- font-weight: $output;
29
- }
@@ -1,129 +0,0 @@
1
- @function calc-top($line-height-base, $font-size, $component-height) {
2
- @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height
3
- }
4
-
5
- // Emulate the less #contrast function
6
- // TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
7
- // contrast-color and brightness borrowed from compass
8
- // Copyright (c) 2009-2014 Christopher M. Eppstein
9
- // Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown
10
- @function contrast-color(
11
- $color,
12
- $dark: $contrasted-dark-default,
13
- $light: $contrasted-light-default,
14
- $threshold: null
15
- ) {
16
- @if $threshold {
17
- // Deprecated in Compass 0.13
18
- @warn 'The $threshold argment to contrast-color is no longer needed and will be removed in the next release.';
19
- }
20
-
21
- @if $color == null {
22
- @return null;
23
- } @else {
24
- $color-brightness: brightness($color);
25
- $dark-text-brightness: brightness($dark);
26
- $light-text-brightness: brightness($light);
27
-
28
- @return if(
29
- abs($color-brightness - $light-text-brightness) >
30
- abs($color-brightness - $dark-text-brightness),
31
- $light,
32
- $dark
33
- );
34
- }
35
- }
36
-
37
- @function brightness($color) {
38
- @if type-of($color) == color {
39
- @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;
40
- } @else {
41
- @return unquote('brightness(#{$color})');
42
- }
43
- }
44
-
45
- @mixin set-background-color($color) {
46
- @include set-sidebar-background($color);
47
- @include set-font-icon-color($color);
48
-
49
- background-color: $color;
50
- }
51
-
52
- @mixin set-active-color($color) {
53
- background-color: $color;
54
- }
55
-
56
- @mixin set-sidebar-background($color) {
57
- $overlay-opacity: 0.9;
58
-
59
- @if $color == #000 {
60
- $overlay-opacity: 0.8;
61
- }
62
-
63
- .sidebar-background {
64
- &::after {
65
- background: $color;
66
- opacity: $overlay-opacity;
67
- }
68
- }
69
- }
70
-
71
- @mixin set-gradient-background-color($start-color, $end-color) {
72
- $overlay-opacity: 0.9;
73
-
74
- @include gradient-directional($start-color, $end-color);
75
- @include set-font-icon-color($start-color);
76
-
77
- .sidebar-background {
78
- &::after {
79
- @include gradient-directional($start-color, $end-color);
80
-
81
- opacity: $overlay-opacity;
82
- }
83
- }
84
- }
85
-
86
- @mixin set-font-icon-color($color) {
87
- $sidebar-font-color: $white;
88
-
89
- @if $color == #fff {
90
- $sidebar-font-color: $black;
91
- }
92
-
93
- .navigation i,
94
- .navigation li > a {
95
- color: $sidebar-font-color;
96
- }
97
-
98
- .logo-text {
99
- color: $sidebar-font-color;
100
- }
101
-
102
- .sidebar-header a.nav-toggle {
103
- color: $sidebar-font-color;
104
- }
105
-
106
- .sidebar-header a.nav-close {
107
- color: $sidebar-font-color;
108
- }
109
- }
110
-
111
- @mixin set-anchor-color($color) {
112
- .navigation {
113
- li {
114
- a {
115
- color: $color;
116
- }
117
- }
118
- }
119
- }
120
-
121
- @mixin set-logo-text-color($color) {
122
- .logo-text {
123
- color: $color;
124
- }
125
-
126
- .sidebar-header a.nav-toggle {
127
- color: $color;
128
- }
129
- }
@@ -1,71 +0,0 @@
1
- // User select
2
- // For selecting text on the page
3
-
4
- @mixin user-select($select) {
5
- user-select: $select;
6
- }
7
-
8
- @mixin box-shadow($shadow...) {
9
- box-shadow: $shadow;
10
- }
11
-
12
- // Box sizing
13
- @mixin box-sizing($boxmodel) {
14
- box-sizing: $boxmodel;
15
- }
16
-
17
- @mixin transition($time, $type) {
18
- transition: all $time $type;
19
- }
20
-
21
- @mixin transform-scale($value) {
22
- transform: scale($value);
23
- }
24
-
25
- @mixin transform-translate-x($value) {
26
- transform: translate3d($value, 0, 0);
27
- }
28
-
29
- @mixin transform-origin($coordinates) {
30
- transform-origin: $coordinates;
31
- }
32
-
33
- @mixin set-background-color-button($color) {
34
- .moving-tab {
35
- background-color: $color;
36
- }
37
- }
38
-
39
- @mixin radial-gradient($extern-color, $center-color) {
40
- background: $extern-color;
41
- background: -webkit-gradient(
42
- radial,
43
- center center,
44
- 0,
45
- center center,
46
- 100%,
47
- color-stop(0%, $center-color),
48
- color-stop(100%, $extern-color)
49
- ); /* Chrome,Safari4+ */
50
-
51
- background: radial-gradient(
52
- center,
53
- ellipse cover,
54
- $center-color 0%,
55
- $extern-color 100%
56
- ); /* Chrome10+,Safari5.1+ */
57
-
58
- background: radial-gradient(ellipse at center, $center-color 0%, $extern-color 100%); /* W3C */
59
- background-size: 550% 450%;
60
- }
61
-
62
- @mixin vertical-align {
63
- position: relative;
64
- top: 50%;
65
- transform: translateY(-50%);
66
- }
67
-
68
- @mixin rotate-180() {
69
- filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
70
- transform: rotate(180deg);
71
- }
@@ -1,199 +0,0 @@
1
- // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
2
-
3
- .noUi-target,
4
- .noUi-target * {
5
- box-sizing: border-box;
6
- touch-action: none;
7
- -webkit-touch-callout: none;
8
- user-select: none;
9
- }
10
-
11
- .noUi-base {
12
- height: 100%;
13
- position: relative;
14
- width: 100%;
15
- }
16
-
17
- .noUi-origin {
18
- bottom: 0;
19
- left: 0;
20
- position: absolute;
21
- right: 0;
22
- top: 0;
23
- }
24
-
25
- .noUi-handle {
26
- box-sizing: border-box;
27
- z-index: 1;
28
- }
29
-
30
- .noUi-stacking .noUi-handle {
31
- z-index: 10;
32
- }
33
-
34
- // WARNING: Property with star prefix found. Checks for the star property hack (targets IE6/7) (star-property-hack) Browsers: All
35
- .noUi-state-tap .noUi-origin {
36
- transition: left 0.3s, top 0.3s;
37
- }
38
-
39
- .noUi-state-drag * {
40
- cursor: inherit !important;
41
- }
42
-
43
- .noUi-horizontal {
44
- height: 10px;
45
- }
46
-
47
- .noUi-handle {
48
- @include box-shadow($shadow-2dp);
49
-
50
- background: rgb(255 255 255);
51
- border: 5px solid map-get($primary, base);
52
- border-radius: 100%;
53
- box-sizing: border-box;
54
- cursor: pointer;
55
- height: 14px;
56
- left: -10px;
57
- top: -6px;
58
- transition: all 0.2s ease-out;
59
- width: 14px;
60
- }
61
-
62
- .noUi-horizontal {
63
- .noUi-handle {
64
- height: 20px;
65
- left: -17px;
66
- top: -8px;
67
- width: 20px;
68
- }
69
-
70
- ::after,
71
- ::before {
72
- background: none;
73
- }
74
-
75
- .noUi-tooltip {
76
- bottom: 200%;
77
- }
78
- }
79
-
80
- .noUi-value-horizontal {
81
- transform: translate3d(-50%, 80%, 0);
82
- }
83
-
84
- .noUi-vertical .noUi-handle {
85
- cursor: ns-resize;
86
- margin-left: 5px;
87
- }
88
-
89
- .noUi-horizontal.noUi-extended {
90
- padding: 0 15px;
91
- }
92
-
93
- .noUi-horizontal.noUi-extended .noUi-origin {
94
- right: -15px;
95
- }
96
-
97
- .noUi-background {
98
- height: 2px;
99
- margin: 20px 0;
100
- }
101
-
102
- .noUi-origin {
103
- background: rgb(200 200 200);
104
- border-radius: 0;
105
- height: 2px;
106
- margin: 0;
107
-
108
- &[style^='left: 0'] .noUi-handle {
109
- background-color: rgb(255 255 255);
110
- border: 2px solid rgb(200 200 200);
111
-
112
- &.noUi-active {
113
- border-width: 1px;
114
- }
115
- }
116
- }
117
-
118
- .noUi-target {
119
- background: rgb(233 233 234);
120
- border: 0;
121
- border-radius: $border-radius;
122
- }
123
-
124
- .noUi-horizontal {
125
- height: 5px;
126
- margin: 15px 0;
127
- }
128
-
129
- .noUi-vertical {
130
- display: inline-block;
131
- height: 100%;
132
- margin: 0 15px;
133
- width: 2px;
134
- }
135
-
136
- [disabled].noUi-slider {
137
- opacity: 0.5;
138
- }
139
-
140
- [disabled] .noUi-handle {
141
- cursor: not-allowed;
142
- }
143
-
144
- .slider {
145
- background: rgb(200 200 200);
146
- }
147
-
148
- .slider {
149
- &.noUi-connect {
150
- background-color: map-get($primary, base);
151
- }
152
-
153
- .noUi-handle {
154
- border-color: map-get($primary, base);
155
- }
156
-
157
- &.slider-info {
158
- .noUi-connect {
159
- background-color: map-get($info, base);
160
- }
161
-
162
- .noUi-handle {
163
- border-color: map-get($info, base);
164
- }
165
- }
166
-
167
- &.slider-success {
168
- & .noUi-connect,
169
- &.noUi-connect {
170
- background-color: map-get($success, base);
171
- }
172
-
173
- .noUi-handle {
174
- border-color: map-get($success, base);
175
- }
176
- }
177
-
178
- &.slider-warning {
179
- & .noUi-connect,
180
- &.noUi-connect {
181
- background-color: map-get($warning, base);
182
- }
183
-
184
- .noUi-handle {
185
- border-color: map-get($warning, base);
186
- }
187
- }
188
-
189
- &.slider-danger {
190
- & .noUi-connect,
191
- &.noUi-connect {
192
- background-color: map-get($danger, base);
193
- }
194
-
195
- .noUi-handle {
196
- border-color: map-get($danger, base);
197
- }
198
- }
199
- }