atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add prettier config, format codebase

Browse Source
This commit is contained in:
David Haz
2025-07-12 11:59:33 +03:00
parent ac8b2c04d8
commit f4d97ee94e
211 changed files with 10586 additions and 8810 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/css/base.css
View File

@@ -38,7 +38,7 @@ body {
width: auto !important;
max-width: calc(100vw - 2rem) !important;
}
.p-toast-message {
max-width: 100% !important;
min-width: unset !important;
@@ -48,20 +48,20 @@ body {
padding: 0.75rem !important;
box-sizing: border-box !important;
}
.p-toast-message-content {
padding: 0.5rem !important;
gap: 0.5rem !important;
}
.p-toast-message-text {
word-wrap: break-word !important;
overflow-wrap: break-word !important;
hyphens: auto !important;
}
.p-toast-message-summary {
font-size: 0.875rem !important;
line-height: 1.25 !important;
}
}
}

30
src/css/category.css
View File

@@ -121,13 +121,13 @@ div:has(> .props-table) {
max-width: 600px;
font-size: 1rem;
font-weight: bolder;
color: #27FF64;
color: #27ff64;
}
.star-border-demo .inner-content {
padding: 1em 3em;
background-color: #0b0b0b !important;
border: 1px solid #142216 !important
border: 1px solid #142216 !important;
}
.custom-bounceCards {
@@ -150,7 +150,7 @@ div:has(> .props-table) {
.rotating-text-demo-container .rotating-text-demo {
display: inline-block;
color: #0b0b0b;
background-color: #27FF64;
background-color: #27ff64;
padding: 0 0.4em;
border-radius: 15px;
transition: width 0.3s ease;
@@ -161,7 +161,7 @@ div:has(> .props-table) {
}
.tilted-card-demo-text {
font-family: "Figtree", sans-serif;
font-family: 'Figtree', sans-serif;
font-weight: 900;
text-transform: capitalize;
box-shadow: 0 5px 30px #0b0b0b59;
@@ -216,7 +216,7 @@ div:has(> .props-table) {
font-weight: 900;
font-size: 1.6rem;
margin-top: 1rem;
margin-bottom: .4rem;
margin-bottom: 0.4rem;
color: #fff;
}
@@ -242,7 +242,7 @@ div:has(> .props-table) {
margin-bottom: 1em;
text-align: center;
font-size: 1.65rem;
color: #A7EF9E;
color: #a7ef9e;
}
.contribute-buttons {
@@ -316,7 +316,7 @@ div:has(> .props-table) {
background-color: #111;
border: 1px solid #142216;
white-space: nowrap;
color: #A7EF9E;
color: #a7ef9e;
border-radius: 10px;
font-size: 0.8rem;
padding: 0.5em 1em;
@@ -345,7 +345,7 @@ div:has(> .props-table) {
}
.cli-divider::before {
content: "Or";
content: 'Or';
position: absolute;
left: 50%;
top: 50%;
@@ -356,7 +356,7 @@ div:has(> .props-table) {
}
.coming-soon a {
color: #27FF64;
color: #27ff64;
text-decoration: underline;
}
@@ -400,15 +400,15 @@ div:has(> .props-table) {
flex-direction: column;
gap: 1rem;
}
.contribute-button {
width: 90%;
}
.contribute-separator {
display: none;
}
.demo-title-contribute {
font-size: 1rem;
}
@@ -472,13 +472,13 @@ div:has(> .props-table) {
flex-direction: column;
width: 100%;
}
.contribute-button {
width: 100%;
flex: none;
}
.contribute-separator {
order: 2;
}
}
}

35
src/css/landing.css
View File

@@ -44,7 +44,7 @@
text-align: left !important;
font-weight: 300;
line-height: 1.2;
color: #A7EF9E;
color: #a7ef9e;
max-width: 30ch;
margin-bottom: 2rem;
text-shadow:
@@ -62,9 +62,7 @@
.landing-button {
position: relative;
background: linear-gradient(135deg,
rgb(30, 160, 63),
rgba(24, 47, 255, 0.6));
background: linear-gradient(135deg, rgb(30, 160, 63), rgba(24, 47, 255, 0.6));
background-size: 200% 200%;
font-weight: 600;
font-size: 1.1rem;
@@ -129,10 +127,7 @@
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.4),
transparent);
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.6s ease;
z-index: 1;
}
@@ -141,12 +136,14 @@
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(45deg,
transparent,
rgba(255, 255, 255, 0.1),
transparent,
rgba(255, 255, 255, 0.1),
transparent);
background: linear-gradient(
45deg,
transparent,
rgba(255, 255, 255, 0.1),
transparent,
rgba(255, 255, 255, 0.1),
transparent
);
background-size: 200% 200%;
border-radius: 50px;
z-index: -1;
@@ -316,7 +313,7 @@
justify-content: center;
gap: 2.4rem;
max-width: 40%;
margin-left: .6rem;
margin-left: 0.6rem;
}
.hero-cards-row {
@@ -535,7 +532,7 @@
transform: translateY(0) scale(1) rotate(-5deg);
}
.landing-wrapper>div[style*="position: absolute"][style*="width: 100vw"][style*="height: 100vh"] {
.landing-wrapper > div[style*='position: absolute'][style*='width: 100vw'][style*='height: 100vh'] {
opacity: 0.7;
}
}
@@ -657,7 +654,7 @@
transform: translateY(0) scale(1) rotate(-5deg);
}
.landing-wrapper>div[style*="position: absolute"][style*="width: 100vw"][style*="height: 100vh"] {
.landing-wrapper > div[style*='position: absolute'][style*='width: 100vw'][style*='height: 100vh'] {
opacity: 0.5;
}
}
@@ -804,7 +801,7 @@
transform: translateY(0) scale(1) rotate(-5deg);
}
.landing-wrapper>div[style*="position: absolute"][style*="width: 100vw"][style*="height: 100vh"] {
.landing-wrapper > div[style*='position: absolute'][style*='width: 100vw'][style*='height: 100vh'] {
opacity: 0.3;
}
}
@@ -894,4 +891,4 @@
height: 100%;
object-fit: cover;
opacity: 0.6;
}
}

1
src/css/main.css
View File

@@ -2,4 +2,3 @@
@import './sidebar.css';
@import './category.css';
@import './landing.css';

20
src/css/sidebar.css
View File

@@ -124,7 +124,7 @@
.sidebar-item .new-tag {
color: #fff;
border: 1px solid #27FF64;
border: 1px solid #27ff64;
background-color: rgba(82, 39, 255, 0.3);
}
@@ -158,9 +158,7 @@
font-size: 12px;
padding: 0 0 0 1rem;
height: 40px;
background: linear-gradient(135deg,
rgb(30, 160, 63),
rgba(24, 47, 255, 0.6));
background: linear-gradient(135deg, rgb(30, 160, 63), rgba(24, 47, 255, 0.6));
background-size: 200% 200%;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
@@ -174,14 +172,14 @@
align-items: center;
white-space: nowrap;
justify-content: space-between;
transition: .3s ease;
transition: 0.3s ease;
}
.cta-button-docs span {
background-color: #0b0b0b;
margin-left: 1em;
margin-right: calc(1em - 6px);
padding-top: .1em;
padding-top: 0.1em;
height: 30px;
border-radius: 50px;
width: 75px;
@@ -197,7 +195,7 @@
margin-right: 4px;
width: 12px;
height: 12px;
transition: .3s ease;
transition: 0.3s ease;
}
.active-line {
@@ -381,9 +379,7 @@
font-size: 12px;
padding: 0 0 0 1rem;
height: 40px;
background: linear-gradient(135deg,
rgb(30, 160, 63),
rgba(24, 47, 255, 0.6));
background: linear-gradient(135deg, rgb(30, 160, 63), rgba(24, 47, 255, 0.6));
background-size: 200% 200%;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
@@ -616,7 +612,7 @@
.drawer-navigation .sidebar-item .new-tag {
color: #fff;
border: 1px solid #27FF64;
border: 1px solid #27ff64;
background-color: rgba(82, 39, 255, 0.3);
}
@@ -636,4 +632,4 @@
.drawer-header {
padding: 0 1em;
}
}
}