Skip to content

Commit

Permalink
Initiate @layer
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Sep 25, 2023
1 parent 49b2fdf commit 82bf9cf
Show file tree
Hide file tree
Showing 3 changed files with 233 additions and 226 deletions.
179 changes: 91 additions & 88 deletions theme-base/_components.scss
View file
Original file line number Diff line number Diff line change
@@ -1,100 +1,103 @@
@import '_mixins';
@import '_common';
@import '_colors';

//Input
@import './components/input/_autocomplete';
@import './components/input/_calendar';
@import './components/input/_cascadeselect';
@import './components/input/_checkbox';
@import './components/input/_chips';
@import './components/input/_colorpicker';
@import './components/input/_dropdown';
@import './components/input/_editor';
@import './components/input/_inputgroup';
@import './components/input/_inputnumber';
@import './components/input/_inputswitch';
@import './components/input/_inputtext';
@import './components/input/_listbox';
@import './components/input/_multiselect';
@import './components/input/_password';
@import './components/input/_radiobutton';
@import './components/input/_rating';
@import './components/input/_selectbutton';
@import './components/input/_slider';
@import './components/input/_treeselect';
@import './components/input/_togglebutton';
@layer primevue {
@import '_common';

//Button
@import './components/button/_button';
@import './components/button/speeddial';
@import './components/button/_splitbutton';
//Input
@import './components/input/_autocomplete';
@import './components/input/_calendar';
@import './components/input/_cascadeselect';
@import './components/input/_checkbox';
@import './components/input/_chips';
@import './components/input/_colorpicker';
@import './components/input/_dropdown';
@import './components/input/_editor';
@import './components/input/_inputgroup';
@import './components/input/_inputnumber';
@import './components/input/_inputswitch';
@import './components/input/_inputtext';
@import './components/input/_listbox';
@import './components/input/_multiselect';
@import './components/input/_password';
@import './components/input/_radiobutton';
@import './components/input/_rating';
@import './components/input/_selectbutton';
@import './components/input/_slider';
@import './components/input/_treeselect';
@import './components/input/_togglebutton';

//Data
@import './components/data/_carousel';
@import './components/data/_datatable';
@import './components/data/_dataview';
@import './components/data/_filter';
@import './components/data/_fullcalendar';
@import './components/data/_orderlist';
@import './components/data/_organizationchart';
@import './components/data/_paginator';
@import './components/data/_picklist';
@import './components/data/_timeline';
@import './components/data/_tree';
@import './components/data/_treetable';
//Button
@import './components/button/_button';
@import './components/button/speeddial';
@import './components/button/_splitbutton';

//Panel
@import './components/panel/_accordion';
@import './components/panel/_card';
@import './components/panel/_fieldset';
@import './components/panel/_divider';
@import './components/panel/_panel';
@import './components/panel/_scrollpanel';
@import './components/panel/_splitter';
@import './components/panel/_tabview';
@import './components/panel/_toolbar';
//Data
@import './components/data/_carousel';
@import './components/data/_datatable';
@import './components/data/_dataview';
@import './components/data/_filter';
@import './components/data/_fullcalendar';
@import './components/data/_orderlist';
@import './components/data/_organizationchart';
@import './components/data/_paginator';
@import './components/data/_picklist';
@import './components/data/_timeline';
@import './components/data/_tree';
@import './components/data/_treetable';

//Overlay
@import './components/overlay/_confirmpopup';
@import './components/overlay/_dialog';
@import './components/overlay/_overlaypanel';
@import './components/overlay/_sidebar';
@import './components/overlay/_tooltip';
//Panel
@import './components/panel/_accordion';
@import './components/panel/_card';
@import './components/panel/_fieldset';
@import './components/panel/_divider';
@import './components/panel/_panel';
@import './components/panel/_scrollpanel';
@import './components/panel/_splitter';
@import './components/panel/_tabview';
@import './components/panel/_toolbar';

//File
@import './components/file/_fileupload';
//Overlay
@import './components/overlay/_confirmpopup';
@import './components/overlay/_dialog';
@import './components/overlay/_overlaypanel';
@import './components/overlay/_sidebar';
@import './components/overlay/_tooltip';

//Menu
@import './components/menu/_breadcrumb';
@import './components/menu/_contextmenu';
@import './components/menu/_dock';
@import './components/menu/_megamenu';
@import './components/menu/_menu';
@import './components/menu/_menubar';
@import './components/menu/_panelmenu';
@import './components/menu/_steps';
@import './components/menu/_tabmenu';
@import './components/menu/_tieredmenu';
//File
@import './components/file/_fileupload';

//Messages
@import './components/messages/_inlinemessage';
@import './components/messages/_message';
@import 'components/messages/toast';
//Menu
@import './components/menu/_breadcrumb';
@import './components/menu/_contextmenu';
@import './components/menu/_dock';
@import './components/menu/_megamenu';
@import './components/menu/_menu';
@import './components/menu/_menubar';
@import './components/menu/_panelmenu';
@import './components/menu/_steps';
@import './components/menu/_tabmenu';
@import './components/menu/_tieredmenu';

//MultiMedia
@import './components/multimedia/_galleria';
@import './components/multimedia/_image';
//Messages
@import './components/messages/_inlinemessage';
@import './components/messages/_message';
@import 'components/messages/toast';

//Misc
@import './components/misc/_avatar';
@import './components/misc/_badge';
@import './components/misc/_blockui';
@import './components/misc/_chip';
@import './components/misc/_inplace';
@import './components/misc/_progressbar';
@import './components/misc/_progressspinner';
@import './components/misc/_scrolltop';
@import './components/misc/_skeleton';
@import './components/misc/_tag';
@import './components/misc/_terminal';
//MultiMedia
@import './components/multimedia/_galleria';
@import './components/multimedia/_image';

//Misc
@import './components/misc/_avatar';
@import './components/misc/_badge';
@import './components/misc/_blockui';
@import './components/misc/_chip';
@import './components/misc/_inplace';
@import './components/misc/_progressbar';
@import './components/misc/_progressspinner';
@import './components/misc/_scrolltop';
@import './components/misc/_skeleton';
@import './components/misc/_tag';
@import './components/misc/_terminal';
}
140 changes: 71 additions & 69 deletions themes/lara/lara-dark/_extensions.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,86 +2,88 @@
box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0);
}

.p-button-label {
font-weight: 700;
}

.p-accordion {
.p-accordion-header {
.p-accordion-header-link {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
@layer primevue {
.p-button-label {
font-weight: 700;
}
}

.p-tabview {
.p-tabview-nav {
li {
.p-tabview-nav-link {

.p-accordion {
.p-accordion-header {
.p-accordion-header-link {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
}
}
}

.p-carousel {
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: $primaryColor;
}
}

.p-galleria {
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: $primaryColor;
}
}

.p-button {
&:focus {
@include focused-ring(rgba($buttonBg, .7));
}

&.p-button-secondary:enabled:focus {
@include focused-ring(rgba($secondaryButtonBg, .7));
}

&.p-button-success:enabled:focus {
@include focused-ring(rgba($successButtonBg, .7));
}

&.p-button-info:enabled:focus {
@include focused-ring(rgba($infoButtonBg, .7));

.p-tabview {
.p-tabview-nav {
li {
.p-tabview-nav-link {
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
}
}
}
}

&.p-button-warning:enabled:focus {
@include focused-ring(rgba($warningButtonBg, .7));

.p-carousel {
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: $primaryColor;
}
}

&.p-button-help:enabled:focus {
@include focused-ring(rgba($helpButtonBg, .7));

.p-galleria {
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: $primaryColor;
}
}

&.p-button-danger:enabled:focus {
@include focused-ring(rgba($dangerButtonBg, .7));

.p-button {
&:focus {
@include focused-ring(rgba($buttonBg, .7));
}

&.p-button-secondary:enabled:focus {
@include focused-ring(rgba($secondaryButtonBg, .7));
}

&.p-button-success:enabled:focus {
@include focused-ring(rgba($successButtonBg, .7));
}

&.p-button-info:enabled:focus {
@include focused-ring(rgba($infoButtonBg, .7));
}

&.p-button-warning:enabled:focus {
@include focused-ring(rgba($warningButtonBg, .7));
}

&.p-button-help:enabled:focus {
@include focused-ring(rgba($helpButtonBg, .7));
}

&.p-button-danger:enabled:focus {
@include focused-ring(rgba($dangerButtonBg, .7));
}
}
}

.p-datatable {
.p-datatable-tbody {
> tr {
&.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 $primaryColor;
}

&.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 $primaryColor;
.p-datatable {
.p-datatable-tbody {
> tr {
&.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 $primaryColor;
}

&.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 $primaryColor;
}
}
}
}
}

.p-speeddial-item {
&.p-focus > .p-speeddial-action {
@include focused-ring(rgba($buttonBg, .7));
.p-speeddial-item {
&.p-focus > .p-speeddial-action {
@include focused-ring(rgba($buttonBg, .7));
}
}
}
Loading

0 comments on commit 82bf9cf

Please sign in to comment.