CSS converted son --> child

lorens-osman-dev · lorens-osman-dev · commit 830e96ccf1ef · 2025-02-01T19:38:20.000+03:00
diff --git a/src/createFamily/commit_info.md b/src/createFamily/commit_info.md
@@ -1,12 +1,11 @@
 ## Did
 
--   [*] forbid rename CLUSTERS and ORPHANS folders
+-   [*] son --> child , father --> parent , brother --> sibling
 
 ## ToDo
 
 -   [ ] FIX you need to add buttons line when onload if there is an active file
 -   [ ] make the extra buttons [ puzzle ] functionality implementation
 -   [ ] اخفي زر الحذف ضمن مجلد الكلستر عند الصغط على زر اليمين
--   [ ] son --> child , father --> parent , brother --> sibling
 -   [ ] READEME.md
 -   [ ] modifyFirst Template
diff --git a/src/style/parts/buttons.scss b/src/style/parts/buttons.scss
@@ -68,11 +68,11 @@
   z-index: 60;
   height: 26px;
 
-  &:has(.sonBtn) {
+  &:has(.childBtn) {
     background-color: var(--background-button-container-clusters);
   }
 
-  &:not(:has(.sonBtn)) {
+  &:not(:has(.childBtn)) {
     background-color: var(--background-button-container-orphans);
   }
 
diff --git a/src/style/parts/family-modal.scss b/src/style/parts/family-modal.scss
@@ -3,7 +3,7 @@
   background-color: var(--background-primary);
 
   &:has(.brother),
-  &:has(.son),
+  &:has(.child),
   &:has(.cluster),
   &:has(.delete),
   &:has(.orphan),
@@ -39,8 +39,8 @@
       background-color: var(--background-prompt-cluster);
     }
 
-    &.son {
-      background-color: var(--background-prompt-son);
+    &.child {
+      background-color: var(--background-prompt-child);
     }
 
     &.brother {
diff --git a/src/style/parts/file-menu.scss b/src/style/parts/file-menu.scss
@@ -8,12 +8,12 @@
 }
 
 .menu-item:has(.menu-item-icon .lucide-baby) {
-  background-color: var(--background-menu-son);
+  background-color: var(--background-menu-child);
   margin-bottom: 2px;
 }
 
 .menu-item.selected:has(.menu-item-icon .lucide-baby) {
-  background-color: var(--background-menu-son-selected);
+  background-color: var(--background-menu-child-selected);
 }
 
 .menu-item:has(.menu-item-icon .lucide-git-compare) {
diff --git a/src/style/parts/variables.scss b/src/style/parts/variables.scss
@@ -1,6 +1,6 @@
 .theme-dark {
   //-prompt colors
-  --background-prompt-son: hsl(340.53deg 50% 30%);
+  --background-prompt-child: hsl(340.53deg 50% 30%);
   --background-prompt-cluster: hsl(154.99deg 50% 30%);
   --background-prompt-brother: hsl(210.38deg 50% 30%);
   --background-prompt-orphan: hsl(303deg 50% 30%);
@@ -11,8 +11,8 @@
   //-menu colors
   --background-menu-cluster: hsl(154.99deg 50% 30%/ 40%) !important;
   --background-menu-cluster-selected: hsl(154.99deg 50% 30%/ 80%) !important;
-  --background-menu-son: hsl(341deg 50% 30% / 40%) !important;
-  --background-menu-son-selected: hsl(341deg 50% 30% / 80%) !important;
+  --background-menu-child: hsl(341deg 50% 30% / 40%) !important;
+  --background-menu-child-selected: hsl(341deg 50% 30% / 80%) !important;
   --background-menu-brother: hsl(210deg 50% 30% / 40%) !important;
   --background-menu-brother-selected: hsl(210deg 50% 30% / 80%) !important;
   --background-menu-orphan: hsl(303deg 50% 30%/ 40%) !important;
@@ -36,7 +36,7 @@
 
 .theme-light {
   //-prompt colors
-  --background-prompt-son: hsl(340.53deg 50% 30%);
+  --background-prompt-child: hsl(340.53deg 50% 30%);
   --background-prompt-cluster: hsl(154.99deg 50% 30%);
   --background-prompt-brother: hsl(210.38deg 50% 30%);
   --background-prompt-orphan: hsl(303deg 50% 30%);
@@ -47,8 +47,8 @@
   //-menu colors
   --background-menu-cluster: hsl(154.99deg 50% 30%/ 40%) !important;
   --background-menu-cluster-selected: hsl(154.99deg 50% 30%/ 80%) !important;
-  --background-menu-son: hsl(341deg 50% 30% / 40%) !important;
-  --background-menu-son-selected: hsl(341deg 50% 30% / 80%) !important;
+  --background-menu-child: hsl(341deg 50% 30% / 40%) !important;
+  --background-menu-child-selected: hsl(341deg 50% 30% / 80%) !important;
   --background-menu-brother: hsl(210deg 50% 30% / 40%) !important;
   --background-menu-brother-selected: hsl(210deg 50% 30% / 80%) !important;
   --background-menu-orphan: hsl(303deg 50% 30%/ 40%) !important;
diff --git a/src/style/style.scss b/src/style/style.scss
@@ -31,7 +31,7 @@
 }
 
 
-.inputMsgCon.son:hover svg {
+.inputMsgCon.child:hover svg {
 	-webkit-animation: jello-vertical 0.9s both;
 	animation: jello-vertical 0.9s both;
 }
diff --git a/styles.css b/styles.css

Original file line number	Diff line number	Diff line change
`@@ -68,11 +68,11 @@`
`68`	`68`	`z-index: 60;`
`69`	`69`	`height: 26px;`
`70`	`70`
`71`		`- &:has(.sonBtn) {`
	`71`	`+ &:has(.childBtn) {`
`72`	`72`	`background-color: var(--background-button-container-clusters);`
`73`	`73`	`}`
`74`	`74`
`75`		`- &:not(:has(.sonBtn)) {`
	`75`	`+ &:not(:has(.childBtn)) {`
`76`	`76`	`background-color: var(--background-button-container-orphans);`
`77`	`77`	`}`
`78`	`78`
Original file line number	Diff line number	Diff line change
`@@ -8,12 +8,12 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.menu-item:has(.menu-item-icon .lucide-baby) {`
`11`		`- background-color: var(--background-menu-son);`
	`11`	`+ background-color: var(--background-menu-child);`
`12`	`12`	`margin-bottom: 2px;`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`.menu-item.selected:has(.menu-item-icon .lucide-baby) {`
`16`		`- background-color: var(--background-menu-son-selected);`
	`16`	`+ background-color: var(--background-menu-child-selected);`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`.menu-item:has(.menu-item-icon .lucide-git-compare) {`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@`
`31`	`31`	`}`
`32`	`32`
`33`	`33`
`34`		`-.inputMsgCon.son:hover svg {`
	`34`	`+.inputMsgCon.child:hover svg {`
`35`	`35`	`-webkit-animation: jello-vertical 0.9s both;`
`36`	`36`	`animation: jello-vertical 0.9s both;`
`37`	`37`	`}`