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

Commit 93d1c5d

Browse files
Tags added
1 parent 3493d78 commit 93d1c5d

6 files changed

Lines changed: 93 additions & 43 deletions

File tree

src/lib/eccentric.css

Lines changed: 14 additions & 17 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: 22 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ body {
6262
}
6363

6464
/// button method - primary-button, default button property
65-
.et-button, button, .et-primaryButton{
65+
.et-button, button, .et-primaryButton {
6666
color: white;
6767
background-color: var(--et-blue-primary);
6868
padding: 0.6em;
@@ -74,11 +74,6 @@ body {
7474
line-height: inherit;
7575
}
7676

77-
button:focus {
78-
outline: none;
79-
border: none;
80-
}
81-
8277
.et-button-danger, .et-button-invalid {
8378
color: white;
8479
background-color: var(--et-danger);
@@ -115,55 +110,57 @@ button:focus {
115110
line-height: inherit;
116111
}
117112

118-
119-
.et-button-deactivated{
120-
background-color: var(--et-gray-primary);
121-
color: var(--et-black);
122-
}
123-
124-
.et-button-deactivated-secondary{
125-
background-color: var(--et-gray-secondary);
126-
color: var(--et-black);
127-
border: var(--et-black) solid;
128-
border-width: 2px;
129-
}
130113
// Heading Method - Combined button Property
131114

132-
h1, .et-h1, h2, .et-h2, h3, .et-h3, h4, .et-h4, h5, .et-h5, h6, .et-h6 {
115+
h1,.et-h1,h2,.et-h2,h3,.et-h3,h4,.et-h4,h5,.et-h5,h6,.et-h6{
133116
font-family: var(--et-sans-serif);
134117
color: var(--et-black);
135118
margin: 0;
136119
}
137120

138121
// heading method - (h1)
139-
h1, .et-h1 {
122+
h1, .et-h1{
140123
font-size: 45.3px;
141124
font-weight: 600;
142125
}
143126

144127
// heading method - (h2)
145-
h2, .et-h2 {
128+
h2, .et-h2{
146129
font-size: 38.3px;
147130
}
148131

149132
// heading method - (h3)
150-
h3, .et-h3 {
133+
h3, .et-h3{
151134
font-size: 29.12px;
152135
font-weight: 600;
153136
}
154137

155138
// heading method - (h4)
156-
h4, .h4 {
139+
h4, .h4{
157140
font-size: 22.65px;
158141
}
159142

160143
// heading method - (h5)
161-
h5, .et-h5 {
144+
h5, .et-h5{
162145
font-size: 16.18px;
163146
font-weight: 600;
164147
}
165148

166149
// heading method - (h6)
167-
h6, .et-h6 {
150+
h6, .et-h6{
168151
font-size: 12.94px;
152+
}
153+
// Comined Property For all tags
154+
.et-paragragh,.et-bold,.et-italics,.et-underlined,.et-quote,.et-regular,p,b,i,u,q{ // This Contains various TAgs like Paragraph.italics,bold,quote,Underlined.
155+
font-family: var(--et-sans-serif);
156+
margin: 0;
157+
color: var(--et-black);
158+
}
159+
160+
.et-bold,b{
161+
font-weight: bold;
162+
}
163+
// To remove extra (unwanted) margin.
164+
.et-paragragh,.et-regular,p{
165+
margin: 0;
169166
}

src/tests/__tags.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title></title>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link href="../lib/eccentric.css" rel="stylesheet">
8+
</head>
9+
<body>
10+
<p class="et-paragragh">Paragraph Text</p>
11+
<p class="et-regular"> Regular Text</p>
12+
<b class="et-bold">Bold Text</b>
13+
<i class="et-italic">Italic Text</i>
14+
<u class="et-underlined">Underlined Text</u>
15+
<q class="et-quote">Quote</q>
16+
</body>
17+
</html>

src/tests/auto/TEST_RESULTS.htm

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,10 @@
1212

1313
<div id="root-tester-fonts"></div>
1414

15+
<div id="root-tester-tags"></div>
16+
1517
<script src="__BUTTON_TESTS.js"></script>
1618
<script src="__FONT_TESTS.js"></script>
19+
<script src="__TAG_TESTS.JS"></script>
1720
</body>
1821
</html>

src/tests/auto/__TAG_TESTS.js

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
2+
__TAGS_TESTS = [
3+
4+
{
5+
"classname": "et-paragraph"
6+
}
7+
,
8+
{
9+
"classname": "et-bold"
10+
}
11+
,
12+
{
13+
"classname": "et-italics"
14+
}
15+
,
16+
{
17+
"classname": "et-underlined"
18+
}
19+
,
20+
{
21+
"classname": "et-quote"
22+
}
23+
24+
]
25+
26+
let TAGS_TEST_DATA = document.createElement("div");
27+
28+
/// RUNNING TESTS
29+
for (let testOperation in __TAGS__TESTS) {
30+
let _testable_tags__ = document.createElement("p");
31+
_testable_tags__.innerHTML = "Testing Buttons";
32+
_testable_tags__.className = __TAGS__TESTS[testOperation].classname;
33+
TAGS_TEST_DATA.append(_testable_tags__);
34+
}
35+
36+
document.getElementById("root-tester-tags").appendChild(TAGS_TEST_DATA);

0 commit comments

Comments
 (0)