lionsdev/btpxpress-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
dahoud
2025-10-01 01:39:07 +00:00
commit b430bf3b96
826 changed files with 255287 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
public/theme/extensions/_button.scss Normal file
View File

@@ -0,0 +1,218 @@
.p-button {
font-weight: 500;
min-width: 4rem;
&.p-button-icon-only {
min-width: auto;
}
&:enabled:focus {
background: rgba($buttonBg, .76);
}
&:enabled:active {
background: rgba($buttonBg, .68);
}
.p-ink {
background-color: rgba(255,255,255, .32);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($buttonBg, .12);
}
&:enabled:active {
background: rgba($buttonBg, .16);
}
.p-ink {
background-color: rgba($buttonBg, .16);
}
}
&.p-button-outlined {
box-shadow: inset 0 0 0 1px;
&:enabled:focus {
box-shadow: inset 0 0 0 1px;
}
&:enabled:active {
box-shadow: inset 0 0 0 1px;
}
}
&:disabled {
background-color: $emphasis-lower !important;
color: $emphasis-low !important;
opacity: 1;
&.p-button-text {
background-color: transparent !important;
color: $emphasis-low !important;
}
&.p-button-outlined {
background-color: transparent !important;
color: $emphasis-low !important;
border-color: $emphasis-low !important;
}
}
&.p-button-raised:enabled:focus {
box-shadow: $raisedButtonShadow;
}
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
&:enabled:focus {
background: rgba($secondaryButtonBg, .76);
}
&:enabled:active {
background: rgba($secondaryButtonBg, .68);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($secondaryButtonBg, .12);
}
&:enabled:active {
background: rgba($secondaryButtonBg, .16);
}
.p-ink {
background-color: rgba($secondaryButtonBg, .16);
}
}
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
&:enabled:focus {
background: rgba($infoButtonBg, .76);
}
&:enabled:active {
background: rgba($infoButtonBg, .68);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($infoButtonBg, .12);
}
&:enabled:active {
background: rgba($infoButtonBg, .16);
}
.p-ink {
background-color: rgba($infoButtonBg, .16);
}
}
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
&:enabled:focus {
background: rgba($successButtonBg, .76);
}
&:enabled:active {
background: rgba($successButtonBg, .68);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($successButtonBg, .12);
}
&:enabled:active {
background: rgba($successButtonBg, .16);
}
.p-ink {
background-color: rgba($successButtonBg, .16);
}
}
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
&:enabled:focus {
background: rgba($warningButtonBg, .76);
}
&:enabled:active {
background: rgba($warningButtonBg, .68);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($warningButtonBg, .12);
}
&:enabled:active {
background: rgba($warningButtonBg, .16);
}
.p-ink {
background-color: rgba($warningButtonBg, .16);
}
}
}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
&:enabled:focus {
background: rgba($helpButtonBg, .76);
}
&:enabled:active {
background: rgba($helpButtonBg, .68);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($helpButtonBg, .12);
}
&:enabled:active {
background: rgba($helpButtonBg, .16);
}
.p-ink {
background-color: rgba($helpButtonBg, .16);
}
}
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
&:enabled:focus {
background: rgba($dangerButtonBg, .76);
}
&:enabled:active {
background: rgba($dangerButtonBg, .68);
}
&.p-button-text,
&.p-button-outlined {
&:enabled:focus {
background: rgba($dangerButtonBg, .12);
}
&:enabled:active {
background: rgba($dangerButtonBg, .16);
}
.p-ink {
background-color: rgba($dangerButtonBg, .16);
}
}
}