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

Commit 69d1a5b

Browse files
yashsehgalyashsehgal
authored
Merge pull request #57 from DesignSystemsOSS/development
Merging Development Updates to Master Branch
2 parents 6b05776 + 40db758 commit 69d1a5b

56 files changed

Lines changed: 1426 additions & 86 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎HOW_TO_CODE.md‎

Lines changed: 70 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,71 @@
1-
### HOW TO CODE
1+
# HOW TO CODE
22

3+
**Summary**
4+
- Syntax of writing CSS.
5+
- File System explanation.
6+
7+
## Syntax of writing CSS
8+
9+
**Why Classes over IDs**
10+
11+
Classes can be reused. IDs should be unique on a page. This means that if you attach a style to an ID, you won't be able to reuse it within the same webpage.
12+
13+
**How to give class names**
14+
15+
EccentricTouch - CSS Codebase has a specific way of writing code. All the ways of writing methods are pre-defined and we need to follow that only, at the time of development.
16+
17+
***All the CSS writing methods are given below:***
18+
- Class names are having underscore (_) between words/keywords.
19+
Like `<class_name>`. For eg. `header_bottom`
20+
21+
- Class names with variations will follow the above rule with a dash (-) between the class_name and variation. Like `<class_name>-<variation_name>`. For eg. `header_bottom-transparent`.
22+
23+
## File System Explanation
24+
25+
**Codebase @branch:development**
26+
27+
```
28+
> (root)---|
29+
|
30+
|---(.github)...
31+
|
32+
|--(src)--|
33+
| |
34+
| |---(bin)----|
35+
| | |---(assets)...
36+
| | |___files.js
37+
| |---(lib)----|
38+
| | |
39+
| | |---(animations)...
40+
| | |---(buttons)...
41+
| | |---(components)...
42+
| | |---(contents)...
43+
| | |---(effects)...
44+
| | |---(fonts)...
45+
| | |---(footers)...
46+
| | |---(headers)...
47+
| | |---(images)...
48+
| | |
49+
| | |___eccentric.css
50+
| | |___eccentric.css.map
51+
| | |___eccentric.scss
52+
| | |
53+
| | |___index.js
54+
| | |___moduleTests.htm
55+
| | |___variables.css
56+
| | |___variables.css.map
57+
| | |___variables.scss
58+
| |
59+
| |
60+
| |---(tests)---|
61+
| | |___app.js
62+
| | |___index.htm
63+
| ...
64+
|
65+
|___CODE_OF_CONDUCT.md
66+
|___CONTRIBUTING.md
67+
|___HOW_TO_CODE.md
68+
|___LICENSE
69+
|___README.md
70+
71+
```

‎LICENSE‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@
186186
same "printed page" as the copyright notice for easier
187187
identification within third-party archives.
188188

189-
Copyright 2021-2022 DesignSystems
189+
Copyright 2021-2022 The DesignSystems
190190

191191
Licensed under the Apache License, Version 2.0 (the "License");
192192
you may not use this file except in compliance with the License.

‎bottomHeader.png‎

112 KB
Loading

‎src/bin/Components/animation_data.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
[
2+
{
3+
"class_name": "hover",
4+
"method_description": "This method is used to give a component hover effects."
5+
}
6+
]

‎src/bin/Components/button_data.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
[
2+
{
3+
"class_name": "",
4+
"method_description": ""
5+
}
6+
]

‎src/bin/Components/components.css‎

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

‎src/bin/Components/components.css.map‎

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

‎src/bin/Components/components.htm‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="components.css">
8+
<title>Components - Eccentric Touch by DesignSystems</title>
9+
</head>
10+
<body>
11+
<div id="root">
12+
<div id="animations"></div>
13+
<div id="buttons"></div>
14+
<div id="contents"></div>
15+
<div id="effects"></div>
16+
<div id="fonts"></div>
17+
<div id="footers"></div>
18+
<div id="headers"></div>
19+
<div id="images"></div>
20+
</div>
21+
22+
<script src="components.js"></script>
23+
</body>
24+
</html>

0 commit comments

Comments
 (0)