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

Commit 4ba49b6

Browse files
yashsehgalyashsehgal
authored
Merge pull request #77 from yashsehgal/v2.0
@yashsehgal - file structure modified, primary-button CSS added
2 parents b1a047b + 5e8f0eb commit 4ba49b6

4 files changed

Lines changed: 232 additions & 0 deletions

File tree

‎src/lib/eccentric.css‎

Lines changed: 96 additions & 0 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: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/lib/eccentric.scss‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
// This is the main module - eccentrictouch
2+
3+
/*!
4+
* Eccentric Touch v2.0.0
5+
* Copyright 2020-2021 The DesignSystems
6+
* Licensed under Apache License (https://github.com/DesignSystemsOSS/eccentrictouch/blob/main/LICENSE)
7+
*/
8+
9+
/// Importing Google Fonts here
10+
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap'); /// NOTO SERIF
11+
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); /// POPPINS
12+
@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap'); /// Work Sans
13+
14+
15+
/// defining global root properties
16+
:root {
17+
--et-black: #292929;
18+
--et-white: #ffffff;
19+
20+
--et-blue-primary: #0085FF;
21+
--et-default: #0085FF;
22+
--et-info: #0085FF;
23+
--et-blue-secondary: #9DD0FF;
24+
25+
--et-purple-primary: #0038FF;
26+
--et-purple-secondary: #829DFF;
27+
28+
--et-red-primary: #E73A3A;
29+
--et-invalid: #E73A3A;
30+
--et-danger: #E73A3A;
31+
--et-red-secondary: #FF8282;
32+
33+
--et-green-primary: #00D43B;
34+
--et-valid: #00D43B;
35+
--et-success: #00D43B;
36+
--et-green-secondary: #8BFFAC;
37+
38+
--et-yellow-primary: #FFD028;
39+
--et-warning: #FFD028;
40+
--et-yellow-secondary: #FFEA9D;
41+
42+
--et-gray-primary: #CECECE;
43+
--et-gray-secondary: #D3D3D3;
44+
--et-deactivated: #CECECE;
45+
46+
/// fonts initialization
47+
--et-serif: 'Noto Serif', serif;
48+
--et-sans-serif: 'Poppins', sans-serif;
49+
--et-description: 'Work Sans', sans-serif;
50+
}
51+
52+
@media (prefers-reduced-motion: no-preference) {
53+
:root {
54+
scroll-behavior: smooth;
55+
}
56+
}
57+
58+
body {
59+
margin-left: auto;
60+
margin-right: auto;
61+
max-width: 1400px;
62+
}
63+
64+
/// button method - primary-button, default button property
65+
.et-button, button, .et-primaryButton {
66+
color: white;
67+
background-color: var(--et-blue-primary);
68+
padding: 0.6em;
69+
border: none;
70+
margin: 0;
71+
font-family: var(--et-sans-serif);
72+
border-radius: 4px;
73+
font-size: inherit;
74+
line-height: inherit;
75+
}
76+
77+
.et-button-danger, .et-button-invalid {
78+
color: white;
79+
background-color: var(--et-danger);
80+
padding: 0.6em;
81+
border: none;
82+
margin: 0;
83+
font-family: var(--et-sans-serif);
84+
border-radius: 4px;
85+
font-size: inherit;
86+
line-height: inherit;
87+
}
88+
89+
.et-button-success, .et-button-valid {
90+
color: white;
91+
background-color: var(--et-green-primary);
92+
padding: 0.6em;
93+
border: none;
94+
margin: 0;
95+
font-family: var(--et-sans-serif);
96+
border-radius: 4px;
97+
font-size: inherit;
98+
line-height: inherit;
99+
}
100+
101+
.et-button-warning {
102+
color: white;
103+
background-color: var(--et-yellow-primary);
104+
padding: 0.6em;
105+
border: none;
106+
margin: 0;
107+
font-family: var(--et-sans-serif);
108+
border-radius: 4px;
109+
font-size: inherit;
110+
line-height: inherit;
111+
}

‎src/tests/__buttons.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
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="../lib/eccentric.css">
8+
<title>Testing Buttons Here</title>
9+
</head>
10+
<body>
11+
<button>Download</button>
12+
<button class="et-button-danger et-hover">Close this Task</button>
13+
<button class="et-button-valid">Save Changes</button>
14+
<button class="et-button-warning">Check Notifications</button>
15+
</body>
16+
</html>

0 commit comments

Comments
 (0)