@quidgest/ui 0.0.9 → 0.0.10
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.
- package/README.md +33 -20
- package/dist/ui.esm.js +98 -96
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +1 -1
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.js +28 -28
- package/dist/ui.min.js.map +1 -1
- package/lib/components/QButton/QButton.vue.d.ts +10 -0
- package/lib/components/QButton/QButton.vue.d.ts.map +1 -1
- package/lib/styles/ui.css +6 -11
- package/lib/styles/ui.min.css +1 -1
- package/lib/styles/ui.scss +8 -13
- package/package.json +1 -1
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export type QButtonProps = {
|
|
2
|
+
/**
|
|
3
|
+
* Whether the button is in an active state.
|
|
4
|
+
*/
|
|
5
|
+
active?: boolean;
|
|
2
6
|
/**
|
|
3
7
|
* The style of the button.
|
|
4
8
|
*/
|
|
@@ -45,6 +49,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
45
49
|
type: import("vue").PropType<string>;
|
|
46
50
|
default: string;
|
|
47
51
|
};
|
|
52
|
+
active: {
|
|
53
|
+
type: import("vue").PropType<boolean>;
|
|
54
|
+
};
|
|
48
55
|
bStyle: {
|
|
49
56
|
type: import("vue").PropType<"link" | "primary" | "secondary" | "danger">;
|
|
50
57
|
default: string;
|
|
@@ -78,6 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
78
85
|
type: import("vue").PropType<string>;
|
|
79
86
|
default: string;
|
|
80
87
|
};
|
|
88
|
+
active: {
|
|
89
|
+
type: import("vue").PropType<boolean>;
|
|
90
|
+
};
|
|
81
91
|
bStyle: {
|
|
82
92
|
type: import("vue").PropType<"link" | "primary" | "secondary" | "danger">;
|
|
83
93
|
default: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue.ts"],"names":[],"mappings":"AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC1B,CAAA
|
|
1
|
+
{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue.ts"],"names":[],"mappings":"AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKF,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
package/lib/styles/ui.css
CHANGED
|
@@ -369,6 +369,10 @@ template {
|
|
|
369
369
|
.q-btn .q-spinner-loader {
|
|
370
370
|
color: currentColor;
|
|
371
371
|
}
|
|
372
|
+
.q-btn--active {
|
|
373
|
+
z-index: 2;
|
|
374
|
+
background-color: var(--q-theme-primary-light);
|
|
375
|
+
}
|
|
372
376
|
.q-btn:disabled {
|
|
373
377
|
opacity: 0.6;
|
|
374
378
|
}
|
|
@@ -408,12 +412,7 @@ template {
|
|
|
408
412
|
color: var(--q-theme-primary);
|
|
409
413
|
}
|
|
410
414
|
.q-btn--link:hover:not(:disabled), .q-btn--link:focus:not(:disabled) {
|
|
411
|
-
|
|
412
|
-
border-color: transparent;
|
|
413
|
-
}
|
|
414
|
-
.q-btn--link:hover:not(:disabled) span, .q-btn--link:focus:not(:disabled) span {
|
|
415
|
-
text-decoration: underline;
|
|
416
|
-
text-underline-offset: 0.25rem;
|
|
415
|
+
color: var(--q-theme-primary-dark);
|
|
417
416
|
}
|
|
418
417
|
.q-btn--small {
|
|
419
418
|
padding: 0.25rem;
|
|
@@ -428,7 +427,7 @@ template {
|
|
|
428
427
|
height: 14px;
|
|
429
428
|
}
|
|
430
429
|
.q-btn--borderless {
|
|
431
|
-
border-color: transparent;
|
|
430
|
+
border-color: transparent !important;
|
|
432
431
|
}
|
|
433
432
|
.q-btn--elevated {
|
|
434
433
|
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
|
|
@@ -462,10 +461,6 @@ template {
|
|
|
462
461
|
position: relative;
|
|
463
462
|
flex: 0 1 auto;
|
|
464
463
|
}
|
|
465
|
-
.q-btn-group > .q-btn--active {
|
|
466
|
-
z-index: 2;
|
|
467
|
-
background-color: var(--q-theme-primary-light);
|
|
468
|
-
}
|
|
469
464
|
.q-btn-group > .q-btn:not(:last-child) {
|
|
470
465
|
border-top-right-radius: 0;
|
|
471
466
|
border-bottom-right-radius: 0;
|
package/lib/styles/ui.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn:disabled{opacity:0.6}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--danger{background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--link{color:var(--q-theme-primary)}.q-btn--link
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--danger{background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--link{background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--link:focus:not(:disabled),.q-btn--link:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:var(--q-theme-border-light);position:absolute}.q-overlay__content{display:block;position:relative;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:1070;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:var(--q-theme-border-light)}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:var(--q-theme-border-light)}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}
|
package/lib/styles/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quid UI Framework v0.0.
|
|
2
|
+
* Quid UI Framework v0.0.10
|
|
3
3
|
* (c) 2023 Quidgest - Consultores de Gestão, SA
|
|
4
4
|
*/
|
|
5
5
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
@@ -253,6 +253,7 @@ $btn-bg-danger: var(--q-theme-danger);
|
|
|
253
253
|
$btn-color-danger: var(--q-theme-on-danger);
|
|
254
254
|
$btn-hover-bg-danger: var(--q-theme-danger-dark);
|
|
255
255
|
$btn-color-link: var(--q-theme-primary);
|
|
256
|
+
$btn-bg-active: var(--q-theme-primary-light);
|
|
256
257
|
.q-btn {
|
|
257
258
|
$this: &;
|
|
258
259
|
position: relative;
|
|
@@ -311,6 +312,10 @@ $btn-color-link: var(--q-theme-primary);
|
|
|
311
312
|
color: currentColor;
|
|
312
313
|
}
|
|
313
314
|
|
|
315
|
+
&--active {
|
|
316
|
+
z-index: 2;
|
|
317
|
+
background-color: $btn-bg-active;
|
|
318
|
+
}
|
|
314
319
|
&:disabled {
|
|
315
320
|
opacity: 0.6;
|
|
316
321
|
}
|
|
@@ -353,12 +358,7 @@ $btn-color-link: var(--q-theme-primary);
|
|
|
353
358
|
color: $btn-color-link;
|
|
354
359
|
&:hover:not(:disabled),
|
|
355
360
|
&:focus:not(:disabled) {
|
|
356
|
-
|
|
357
|
-
border-color: transparent;
|
|
358
|
-
span {
|
|
359
|
-
text-decoration: underline;
|
|
360
|
-
text-underline-offset: 0.25rem;
|
|
361
|
-
}
|
|
361
|
+
color: $btn-hover-bg-primary;
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
364
|
|
|
@@ -376,7 +376,7 @@ $btn-color-link: var(--q-theme-primary);
|
|
|
376
376
|
}
|
|
377
377
|
|
|
378
378
|
&--borderless {
|
|
379
|
-
border-color: transparent;
|
|
379
|
+
border-color: transparent !important;
|
|
380
380
|
}
|
|
381
381
|
&--elevated {
|
|
382
382
|
box-shadow:
|
|
@@ -402,7 +402,6 @@ $btn-color-link: var(--q-theme-primary);
|
|
|
402
402
|
transform: translateX(-50%);
|
|
403
403
|
}
|
|
404
404
|
}
|
|
405
|
-
$btn-bg-active: var(--q-theme-primary-light);
|
|
406
405
|
.q-btn-group {
|
|
407
406
|
position: relative;
|
|
408
407
|
display: -ms-inline-flexbox;
|
|
@@ -417,10 +416,6 @@ $btn-bg-active: var(--q-theme-primary-light);
|
|
|
417
416
|
> .q-btn {
|
|
418
417
|
position: relative;
|
|
419
418
|
flex: 0 1 auto;
|
|
420
|
-
&--active {
|
|
421
|
-
z-index: 2;
|
|
422
|
-
background-color: $btn-bg-active;
|
|
423
|
-
}
|
|
424
419
|
&:not(:last-child) {
|
|
425
420
|
border-top-right-radius: 0;
|
|
426
421
|
border-bottom-right-radius: 0;
|