Skip to content
This repository was archived by the owner on May 5, 2023. It is now read-only.

Commit 1ace1ae

Browse files
authored
Merge pull request #65 from DesignSystemsOSS/development
Development Merge Changes Reviewed by @yashsehgal
2 parents a863eb5 + e1fe375 commit 1ace1ae

9 files changed

Lines changed: 166 additions & 21 deletions

File tree

README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,3 +60,10 @@ In your your journey from forking to merging of pull request, these are tools th
6060
[CONTRIBUTING.md](CONTRIBUTING.md) file.
6161
- If you want to write some CSS/SCSS or write test methods to test other's code, you should read [HOW_TO_CODE.md](HOW_TO_CODE.md) to understand the way you have to write the code.
6262
63+
- Here we have our contributors, who are consistently working to build technologies.
64+
65+
<table>
66+
<tr>
67+
<td align="center"><a href="https://yashsehgal.github.io/portfolio_v_2"><img src="https://avatars.githubusercontent.com/u/62352288?s=460&u=cfea168f1bfd96b93710d9b3b9dda77283768452&v=4" width="100px;" alt=""/><br /><sub><b>Yash Sehgal</b> (Founder)</sub></a><br /><a title="Founder">💡</a></td>
68+
</tr>
69+
</table>

src/lib/components/cards/cards.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,3 +75,13 @@ transform: scale(1.1);
7575
box-sizing: border-box;
7676
content: inherit;
7777
}
78+
.clean-card{
79+
width: 30%;
80+
height: 28%;
81+
border-radius: 8px;
82+
box-sizing: border-box;
83+
}
84+
85+
.clean-card:hover {
86+
box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2);
87+
}

src/lib/contents/contentTest.htm

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,21 @@
77
<link rel="stylesheet" href="/src/lib/eccentric.css">
88
</head>
99
<body>
10-
<!--write tests to check content css-->
11-
<h2>TEST</h2>
12-
<!--testing content method-->
1310

14-
<div class="content">
15-
<h1>Download Eccentric Touch Now</h1>
16-
<p class="description_text">Cartoon Theme | Glass-morphism | Aesthetic Designs</p>
17-
<a href="" class="non_decorated cartoon_button_hoverable margin-top-12">download</a>
18-
</div>
11+
<!--testing content method-->
1912

20-
<div class="content">
21-
<h1>Download Eccentric Touch Now</h1>
22-
<p class="description_text">Cartoon Theme | Glass-morphism | Aesthetic Designs</p>
23-
<a href="" class="non_decorated cartoon_button_hoverable margin-top-12">download</a>
13+
<div id="root" class="flex">
14+
<div class="content">
15+
<h1>Download Eccentric Touch Now</h1>
16+
<p class="description_text">Cartoon Theme | Glass-morphism | Aesthetic Designs</p>
17+
<a href="" class="non_decorated cartoon_button_hoverable margin-top-12">download</a>
18+
</div>
19+
20+
<div class="content">
21+
<h1>Download Eccentric Touch Now</h1>
22+
<p class="description_text">Cartoon Theme | Glass-morphism | Aesthetic Designs</p>
23+
<a href="" class="non_decorated cartoon_button_hoverable margin_top-10">download</a>
24+
</div>
2425
</div>
2526
</body>
2627
</html>

src/lib/contents/contents.css

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

src/lib/contents/contents.css.map

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

src/lib/contents/contents.scss

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,125 @@
2525
/// ALL CONTENT RELATED CSS IS WRITTEN BELOW
2626

2727

28+
/* display properties */
29+
30+
.block {
31+
display: block;
32+
}
33+
34+
.contents {
35+
display: contents;
36+
}
37+
38+
.flex {
39+
display: flex;
40+
}
41+
42+
.grid {
43+
display: grid;
44+
}
45+
46+
.initial {
47+
display: initial;
48+
}
49+
50+
.inherit {
51+
display: inherit;
52+
}
53+
54+
.inline {
55+
display: inline;
56+
}
57+
58+
.inline_block {
59+
display: inline-block;
60+
}
61+
62+
.inline_flex {
63+
display: inline-flex;
64+
}
65+
66+
.inline_grid {
67+
display: inline-grid;
68+
}
69+
70+
.inline_table {
71+
display: inline-table;
72+
}
73+
74+
.list_item {
75+
display: list-item;
76+
}
77+
78+
.none {
79+
display: none;
80+
}
81+
82+
.ruby {
83+
display: ruby;
84+
}
85+
86+
.ruby_base {
87+
display: ruby-base;
88+
}
89+
90+
.ruby_base_container {
91+
display: ruby-base-container;
92+
}
93+
94+
.ruby_text {
95+
display: ruby-text;
96+
}
97+
98+
.ruby_text_container {
99+
display: ruby-text-container;
100+
}
101+
102+
.run_in {
103+
display: run-in;
104+
}
105+
106+
.table {
107+
display: table;
108+
}
109+
110+
.table_caption {
111+
display: table-caption;
112+
}
113+
114+
.table_column_group {
115+
display: table-column-group;
116+
}
117+
118+
.table_header_group {
119+
display: table-header-group;
120+
}
121+
122+
.table_footer_group {
123+
display: table-footer-group;
124+
}
125+
126+
.table_row_group {
127+
display: table-row-group;
128+
}
129+
130+
.table_cell {
131+
display: table-cell;
132+
}
133+
134+
.table_column {
135+
display: table-column;
136+
}
137+
138+
.table_row {
139+
display: table-row;
140+
}
141+
142+
.unset {
143+
display: unset;
144+
}
145+
146+
28147
/// content CSS
29148
.content {
30149
margin-inline-end: var(--margin-left-default);

src/lib/eccentric.css

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

src/lib/eccentric.css.map

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

src/lib/eccentric.scss

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,13 @@
3232

3333
@import url('animations/animations.css'); /// animations CSS Linked
3434
@import url('buttons/buttons.css'); /// buttons CSS Linked
35-
@import url('components/components.css'); /// components CSS Linked
35+
@import url('components/components.css'); /// components CSS Linked ---- ALL THE COMPONENTS WILL BE LINKED FROM THIS LINE ----
3636
@import url('contents/contents.css'); /// content CSS Linked
3737
@import url('footers/footers.css'); /// footers CSS Linked
3838
@import url('effects/effects.css'); /// effects CSS Linked
3939
@import url('headers/headers.css'); /// headers CSS Linked
4040
@import url('images/images.css'); /// images CSS Linked
4141
@import url('fonts/fonts.css'); /// fonts CSS Linked
42-
@import url('components/cards/cards.css');
43-
@import url('components/forms/forms.css');
44-
4542
/**importing root module for variables**/
4643

4744
@import url('variables.css'); /// LINKING GLOBAL VARIABLES CSS MODULE

0 commit comments

Comments
 (0)