Skip to content

Commit 0e85626

Browse files
sid-devspotsid-devspot
committed
Updated docs
1 parent 53d0789 commit 0e85626

26 files changed

+1350
-461
lines changed

‎docs/assets/customized-material.scss‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
.mat-typography h1,
2+
.mat-typography h2,
3+
.mat-typography h3,
4+
.mat-typography h4,
5+
.mat-typography h5,
6+
.mat-typography h6 {
7+
margin: 0;
8+
padding: 0;
9+
font-family: var(--app-head-font);
10+
}
11+
12+
.mat-typography p {
13+
margin: 0;
14+
padding: 0;
15+
font-family: var(--app-content-font);
16+
}
17+
18+
.mat-mdc-menu-item-text {
19+
font-family: var(--app-content-font) !important;
20+
font-weight: 500 !important;
21+
font-size: 1.4rem !important;
22+
}
23+
24+
.mat-mdc-menu-item {
25+
min-height: 44px !important;
26+
}
27+
28+
.cdk-overlay-pane {
29+
margin-top: 10px !important;
30+
}
31+
32+
.mat-ripple,
33+
.mat-step-header-ripple,
34+
.mat-focus-indicator,
35+
.mat-step-header {
36+
&:hover {
37+
background-color: transparent !important;
38+
}
39+
40+
&:active {
41+
background-color: transparent !important;
42+
}
43+
44+
&:focus {
45+
background-color: transparent !important;
46+
}
47+
}
48+
49+
.mat-stepper-vertical,
50+
.mat-stepper-horizontal {
51+
background-color: transparent !important;
52+
}
53+
54+
.mat-step-text-label {
55+
color: var(--app-font-clr) !important;
56+
}
57+
58+
.mat-stepper-vertical-line::before {
59+
border-left-color: var(--app-font-clr) !important;
60+
}
61+
62+
.mat-step-icon {
63+
background-color: var(--stepper-number-bg) !important;
64+
color: #ffffff !important;
65+
}
66+
67+
.mat-step-icon-selected {
68+
background-color: var(--stepper-number-active-bg) !important;
69+
color: #ffffff !important;
70+
}

‎docs/assets/landingpage_vector.svg‎

Lines changed: 32 additions & 33 deletions
Loading

‎docs/assets/me-logdark.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎docs/assets/me-logo.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎docs/index.html‎

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

‎docs/main.47259376ea7e956d.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/main.7b06a968bc5f8910.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/styles.b7d8a87d35e0286f.css renamed to docs/styles.a407820d32142c25.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎projects/css-fusion/src/lib/scss/_menubar.scss‎

Lines changed: 153 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
.menubar-box {
2+
background-color: rgb(25, 27, 31);
3+
border-bottom: 0.1rem solid rgb(60, 61, 65);
4+
width: 100%;
5+
height: 68px;
6+
display: grid;
7+
grid-template-columns: var(--menubar-set01-size) 1fr var(--menubar-set03-size);
8+
padding: 0 16px;
9+
10+
.menubar-set-01 {
11+
display: flex;
12+
align-items: center;
13+
justify-content: flex-start;
14+
gap: 10px;
15+
16+
.logo {
17+
width: 32px;
18+
display: block;
19+
}
20+
21+
p {
22+
color: #ffffff;
23+
}
24+
}
25+
26+
.menubar-set-02 {
27+
margin: auto 0;
28+
29+
.menubar-link {
30+
font-family: var(--me-font-content);
31+
color: rgb(124, 124, 124) !important;
32+
font-weight: 500;
33+
padding: 6px 10px;
34+
border-radius: 0.4rem;
35+
font-size: 14px !important;
36+
letter-spacing: 1px;
37+
text-decoration: none;
38+
cursor: pointer;
39+
}
40+
41+
.active-link {
42+
background-color: rgba(77, 77, 77, 0.498) !important;
43+
color: #ffffff !important;
44+
}
45+
46+
.menubar-link-center {
47+
height: fit-content;
48+
display: flex;
49+
align-items: center;
50+
justify-content: center;
51+
gap: 14px;
52+
}
53+
54+
.menubar-link-left {
55+
border-left: 2px solid #555555;
56+
height: fit-content;
57+
display: flex;
58+
align-items: center;
59+
justify-content: flex-start !important;
60+
gap: 14px;
61+
padding-left: 20px;
62+
}
63+
64+
.menubar-link-right {
65+
border-right: 2px solid #555555;
66+
height: fit-content;
67+
display: flex;
68+
align-items: center;
69+
justify-content: flex-end !important;
70+
gap: 14px;
71+
padding-right: 20px;
72+
}
73+
}
74+
75+
.menubar-set-03 {
76+
display: flex;
77+
align-items: center;
78+
justify-content: flex-end;
79+
gap: 1rem;
80+
}
81+
}
82+
83+
.menubar-resizable {
84+
background-color: rgb(25, 27, 31);
85+
border-bottom: 0.1rem solid rgb(60, 61, 65);
86+
width: 100%;
87+
height: 68px;
88+
display: flex;
89+
flex-direction: row;
90+
align-items: center;
91+
justify-content: space-between;
92+
padding: 0 16px;
93+
94+
.menubar-set-01 {
95+
display: flex;
96+
align-items: center;
97+
justify-content: flex-start;
98+
gap: 10px;
99+
100+
.menubar-logo {
101+
width: 32px;
102+
display: block;
103+
}
104+
105+
p {
106+
color: #ffffff;
107+
}
108+
}
109+
110+
.menubar-set-02 {
111+
display: flex;
112+
align-items: center;
113+
justify-content: flex-end;
114+
gap: 1rem;
115+
116+
.btn-icon {
117+
font-size: 28px;
118+
color: #fff;
119+
}
120+
121+
.menubar-profile-box {
122+
display: flex;
123+
align-items: center;
124+
justify-content: flex-end;
125+
gap: 14px;
126+
127+
.profile-details {
128+
display: flex;
129+
flex-direction: column;
130+
justify-content: flex-start;
131+
132+
.profile-name {
133+
font-size: 12px;
134+
line-height: 14px;
135+
font-weight: 500;
136+
color: #fff;
137+
}
138+
139+
.profile-role {
140+
color: #b9b9b9;
141+
}
142+
}
143+
}
144+
}
145+
}
146+
147+
#menubar-thumb {
148+
font-size: 2.6rem;
149+
color: #fff;
150+
display: flex;
151+
align-items: center;
152+
justify-content: center;
153+
}

‎projects/css-fusion/src/lib/scss/_variables.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,10 @@
5858
--input-light-clr: #ffffff;
5959
--input-font-clr: #727272;
6060

61+
// Menubar
62+
--menubar-set01-size: 120px;
63+
--menubar-set03-size: 120px;
64+
6165
// Nav
6266
--nav-dark-clr: #7d7d7d;
6367
--nav-medium-clr: #c8c8c8;

0 commit comments

Comments
 (0)