alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

Add a clear button that reset the filters values.

Browse source
This commit is contained in:
Alexander Navarro 2023-11-04 19:49:25 -03:00
parent e6df894c85
commit b1979d7351
5 changed files with 143 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

101
src/assets/style/utils.css
View file

@ -120,110 +120,141 @@
text-align: end;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-y-scroll {
overflow-y: scroll;
}
/* Start Margins */
.m-1 {
margin: var(--prj-spacing-1);
margin: var(--prj-spacing-1) !important;
}
.m-2 {
margin: var(--prj-spacing-2);
margin: var(--prj-spacing-2) !important;
}
.m-3 {
margin: var(--prj-spacing-3);
margin: var(--prj-spacing-3) !important;
}
.m-4 {
margin: var(--prj-spacing-4);
margin: var(--prj-spacing-4) !important;
}
.m-5 {
margin: var(--prj-spacing-5);
margin: var(--prj-spacing-5) !important;
}
.m-auto {
margin: auto !important;
}
.mx-1 {
margin-right: var(--prj-spacing-1) 0;
margin-right: var(--prj-spacing-1) 0 !important;
}
.mx-2 {
margin-right: var(--prj-spacing-2) 0;
margin-right: var(--prj-spacing-2) 0 !important;
}
.mx-3 {
margin-right: var(--prj-spacing-3) 0;
margin-right: var(--prj-spacing-3) 0 !important;
}
.mx-4 {
margin-right: var(--prj-spacing-4) 0;
margin-right: var(--prj-spacing-4) 0 !important;
}
.mx-5 {
margin-right: var(--prj-spacing-5) 0;
margin-right: var(--prj-spacing-5) 0 !important;
}
.mx-auto {
margin-right: auto 0 !important;
}
.my-1 {
margin-right: 0 var(--prj-spacing-1);
margin-right: 0 var(--prj-spacing-1) !important;
}
.my-2 {
margin-right: 0 var(--prj-spacing-2);
margin-right: 0 var(--prj-spacing-2) !important;
}
.my-3 {
margin-right: 0 var(--prj-spacing-3);
margin-right: 0 var(--prj-spacing-3) !important;
}
.my-4 {
margin-right: 0 var(--prj-spacing-4);
margin-right: 0 var(--prj-spacing-4) !important;
}
.my-5 {
margin-right: 0 var(--prj-spacing-5);
margin-right: 0 var(--prj-spacing-5) !important;
}
.my-auto {
margin-right: 0 auto !important;
}
.mt-1 {
margin-top: var(--prj-spacing-1);
margin-top: var(--prj-spacing-1) !important;
}
.mt-2 {
margin-top: var(--prj-spacing-2);
margin-top: var(--prj-spacing-2) !important;
}
.mt-3 {
margin-top: var(--prj-spacing-3);
margin-top: var(--prj-spacing-3) !important;
}
.mt-4 {
margin-top: var(--prj-spacing-4);
margin-top: var(--prj-spacing-4) !important;
}
.mt-5 {
margin-top: var(--prj-spacing-5);
margin-top: var(--prj-spacing-5) !important;
}
.mt-auto {
margin-top: auto !important;
}
.mb-1 {
margin-bottom: var(--prj-spacing-1);
margin-bottom: var(--prj-spacing-1) !important;
}
.mb-2 {
margin-bottom: var(--prj-spacing-2);
margin-bottom: var(--prj-spacing-2) !important;
}
.mb-3 {
margin-bottom: var(--prj-spacing-3);
margin-bottom: var(--prj-spacing-3) !important;
}
.mb-4 {
margin-bottom: var(--prj-spacing-4);
margin-bottom: var(--prj-spacing-4) !important;
}
.mb-5 {
margin-bottom: var(--prj-spacing-5);
margin-bottom: var(--prj-spacing-5) !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-1 {
margin-left: var(--prj-spacing-1);
margin-left: var(--prj-spacing-1) !important;
}
.ml-2 {
margin-left: var(--prj-spacing-2);
margin-left: var(--prj-spacing-2) !important;
}
.ml-3 {
margin-left: var(--prj-spacing-3);
margin-left: var(--prj-spacing-3) !important;
}
.ml-4 {
margin-left: var(--prj-spacing-4);
margin-left: var(--prj-spacing-4) !important;
}
.ml-5 {
margin-left: var(--prj-spacing-5);
margin-left: var(--prj-spacing-5) !important;
}
.ml-auto {
margin-left: auto !important;
}
.mr-1 {
margin-right: var(--prj-spacing-1);
margin-right: var(--prj-spacing-1) !important;
}
.mr-2 {
margin-right: var(--prj-spacing-2);
margin-right: var(--prj-spacing-2) !important;
}
.mr-3 {
margin-right: var(--prj-spacing-3);
margin-right: var(--prj-spacing-3) !important;
}
.mr-4 {
margin-right: var(--prj-spacing-4);
margin-right: var(--prj-spacing-4) !important;
}
.mr-5 {
margin-right: var(--prj-spacing-5);
margin-right: var(--prj-spacing-5) !important;
}
.mr-auto {
margin-right: var(--prj-spacing-5) !important;
}
/* End Margins */