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

Commit 8bcd78d

Browse files
yashsehgalyashsehgal
authored
Merge pull request #73 from DesignSystemsOSS/development
Merging Master to Development Branch Reviewed code changes by @yashsehgal
2 parents 4343ef9 + 97c6a79 commit 8bcd78d

7 files changed

Lines changed: 103 additions & 12 deletions

File tree

‎src/lib/components/cards/cards.css‎

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

‎src/lib/components/cards/cards.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/components/forms/forms.css‎

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

‎src/lib/components/forms/forms.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/components/forms/forms.scss‎

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,33 @@
2222
(c) All Copyrights are reserved by The DesignSystems
2323
*/
2424

25-
/// ALL FORMS RELATED CSS IS WRITTEN BELOW
25+
/// ALL FORMS RELATED CSS IS WRITTEN BELOW
26+
body{
27+
background-color: white;
28+
}
29+
.animated_form{
30+
margin-top: 10%;
31+
width: 452px;
32+
padding: 30px;
33+
box-shadow: 0px 0px 10px rgba(0,0,0,1);
34+
}
35+
.animated_form .input-data{
36+
height: 40px;
37+
position: relative;
38+
width: 100%;
39+
}
40+
.animated_form .input-data input{
41+
height: 100%;
42+
width: 100%;
43+
outline: none;
44+
border: none;
45+
border-bottom: 2px solid black;
46+
}
47+
.animated_form .input-data label{
48+
position: absolute;
49+
bottom: 10px;
50+
}
51+
.input-data input:focus ~ label{
52+
transform: translateY(-20px);
53+
border: none;
54+
}

‎src/lib/components/forms/formsTesting.htm‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
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="/src/lib/eccentric.css">
8+
<title>Eccentric Touch - Forms Testing</title>
9+
</head>
10+
<body>
11+
<div class="input">
12+
NAME: <input type="text" placeholder="Enter your name" required>
13+
</div>
14+
15+
<div class="animated_form">
16+
<div class="input-data">
17+
<input type="text" >
18+
<label>Name</label>
19+
</div>
20+
</div>
21+
</body>
22+
</html>

‎src/lib/contents/contents.css‎

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

0 commit comments

Comments
 (0)