Skip to content

Commit 90ffd2f

Browse files
gabriel-logangabriel-logan
committed
Base criada para estilização
1 parent 240d452 commit 90ffd2f

37 files changed

Lines changed: 1688 additions & 164 deletions

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<link rel="stylesheet" href="./srcPage/css/footer/style.css">
1414
</head>
1515

16-
<body>
16+
<body class="dark">
1717
<header class="hero-anime">
1818
<div class="navigation-wrap bg-light start-header start-style">
1919
<div class="container">
@@ -54,7 +54,7 @@ <h1 class="navbar-brand nav-link myTitle">Multiform validator</h1>
5454
<div class="container">
5555
<div class="row">
5656
<div class="col-12">
57-
<h1>Active dark mode</h1>
57+
<h1>Change color mode</h1>
5858
</div>
5959
</div>
6060
</div>
@@ -63,7 +63,7 @@ <h1>Active dark mode</h1>
6363
<div class="container">
6464
<div class="row">
6565
<div class="col-12">
66-
<div id="switch">
66+
<div id="switch" class="switched">
6767
<div id="circle"></div>
6868
</div>
6969
</div>

‎src/getOnlyEmail.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,4 @@ function getOnlyEmail(text, multiple = false) {
1818
if (!matches) return 'No email found';
1919
return multiple ? matches : matches[0];
2020
}
21-
module.exports = getOnlyEmail;
21+
module.exports = getOnlyEmail;

‎srcPage/css/documentation/style.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
overflow-y: auto;
1717
background: #000;
1818
transition: all 0.5s ease;
19+
overflow-x: hidden;
1920
}
2021
#wrapper.toggled #sidebar-wrapper {
2122
width: 250px;

‎srcPage/css/documentation/style.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.

‎srcPage/css/documentation/style.scss‎

Lines changed: 76 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1,114 +1,100 @@
11
// Wrapper Styles
22
#wrapper {
3-
padding-left: 0;
4-
transition: all 0.5s ease;
5-
6-
&.toggled {
7-
padding-left: 250px;
8-
}
3+
padding-left: 0;
4+
transition: all 0.5s ease;
5+
&.toggled {
6+
padding-left: 250px;
7+
}
98
}
109

1110
// Sidebar Wrapper Styles
1211
#sidebar-wrapper {
13-
z-index: 1000;
14-
position: fixed;
15-
left: 250px;
16-
width: 0;
17-
height: 100%;
18-
margin-left: -250px;
19-
overflow-y: auto;
20-
background: #000;
21-
transition: all 0.5s ease;
22-
23-
#wrapper.toggled & {
24-
width: 250px;
25-
}
12+
z-index: 1000;
13+
position: fixed;
14+
left: 250px;
15+
width: 0;
16+
height: 100%;
17+
margin-left: -250px;
18+
overflow-y: auto;
19+
background: #000;
20+
transition: all 0.5s ease;
21+
overflow-x: hidden;
22+
#wrapper.toggled & {
23+
width: 250px;
24+
}
2625
}
2726

2827
// Page Content Wrapper Styles
2928
#page-content-wrapper {
30-
width: 100%;
31-
position: absolute;
32-
padding: 15px;
33-
34-
#wrapper.toggled & {
29+
width: 100%;
3530
position: absolute;
36-
margin-right: -250px;
37-
}
31+
padding: 15px;
32+
#wrapper.toggled & {
33+
position: absolute;
34+
margin-right: -250px;
35+
}
3836
}
3937

4038
// Sidebar Styles
4139
.sidebar-nav {
42-
position: absolute;
43-
top: 0;
44-
width: 250px;
45-
margin: 0;
46-
padding: 0;
47-
list-style: none;
48-
49-
li {
50-
text-indent: 20px;
51-
line-height: 40px;
52-
53-
a {
54-
display: block;
55-
text-decoration: none;
56-
color: #999999;
57-
58-
&:hover {
59-
text-decoration: none;
60-
color: #fff;
61-
background: rgba(255, 255, 255, 0.2);
62-
}
63-
64-
&:active,
65-
&:focus {
66-
text-decoration: none;
67-
}
40+
position: absolute;
41+
top: 0;
42+
width: 250px;
43+
margin: 0;
44+
padding: 0;
45+
list-style: none;
46+
li {
47+
text-indent: 20px;
48+
line-height: 40px;
49+
a {
50+
display: block;
51+
text-decoration: none;
52+
color: #999999;
53+
&:hover {
54+
text-decoration: none;
55+
color: #fff;
56+
background: rgba(255, 255, 255, 0.2);
57+
}
58+
&:active,
59+
&:focus {
60+
text-decoration: none;
61+
}
62+
}
6863
}
69-
}
70-
71-
&>.sidebar-brand {
72-
height: 65px;
73-
font-size: 18px;
74-
line-height: 60px;
75-
76-
a {
77-
color: #999999;
78-
79-
&:hover {
80-
color: #fff;
81-
background: none;
82-
}
64+
&>.sidebar-brand {
65+
height: 65px;
66+
font-size: 18px;
67+
line-height: 60px;
68+
a {
69+
color: #999999;
70+
&:hover {
71+
color: #fff;
72+
background: none;
73+
}
74+
}
8375
}
84-
}
8576
}
8677

8778
// Media Query
8879
@media (min-width: 768px) {
89-
#wrapper {
90-
padding-left: 0;
91-
92-
&.toggled {
93-
padding-left: 250px;
80+
#wrapper {
81+
padding-left: 0;
82+
&.toggled {
83+
padding-left: 250px;
84+
}
9485
}
95-
}
96-
97-
#sidebar-wrapper {
98-
width: 0;
99-
100-
#wrapper.toggled & {
101-
width: 250px;
86+
#sidebar-wrapper {
87+
width: 0;
88+
#wrapper.toggled & {
89+
width: 250px;
90+
}
10291
}
103-
}
104-
105-
#page-content-wrapper {
106-
padding: 20px;
107-
position: relative;
108-
109-
#wrapper.toggled & {
110-
position: relative;
111-
margin-right: 0;
92+
#page-content-wrapper {
93+
padding: 20px;
94+
position: relative;
95+
#wrapper.toggled & {
96+
position: relative;
97+
margin-right: 0;
98+
}
11299
}
113-
}
114-
}
100+
}

‎srcPage/css/functions/style.css‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
margin: 0;
4+
padding: 20px;
5+
background-color: #f8f9fa;
6+
color: #343a40;
7+
}
8+
9+
.container {
10+
max-width: 800px;
11+
margin: 0 auto;
12+
}
13+
14+
.title {
15+
color: #007bff;
16+
border-bottom: 2px solid #007bff;
17+
padding-bottom: 10px;
18+
}
19+
20+
.subtitle {
21+
color: #6c757d;
22+
margin-top: 30px;
23+
}
24+
25+
code {
26+
background-color: #f8f9fa;
27+
padding: 2px 5px;
28+
border: 1px solid #ccc;
29+
border-radius: 3px;
30+
}
31+
32+
ul {
33+
padding-left: 20px;
34+
margin-top: 5px;
35+
margin-bottom: 20px;
36+
}
37+
38+
pre {
39+
background-color: #f8f9fa;
40+
border: 1px solid #ccc;
41+
padding: 10px;
42+
white-space: pre-wrap;
43+
word-break: break-all;
44+
}
45+
46+
strong {
47+
font-weight: bold;
48+
}
49+
50+
p {
51+
line-height: 1.6;
52+
margin-bottom: 20px;
53+
}/*# sourceMappingURL=style.css.map */

‎srcPage/css/functions/style.css.map‎

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

‎srcPage/css/functions/style.scss‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
$primary-color: #007bff;
2+
$secondary-color: #6c757d;
3+
body {
4+
font-family: Arial, sans-serif;
5+
margin: 0;
6+
padding: 20px;
7+
background-color: #f8f9fa;
8+
color: #343a40;
9+
}
10+
11+
.container {
12+
max-width: 800px;
13+
margin: 0 auto;
14+
}
15+
16+
.title {
17+
color: $primary-color;
18+
border-bottom: 2px solid $primary-color;
19+
padding-bottom: 10px;
20+
}
21+
22+
.subtitle {
23+
color: $secondary-color;
24+
margin-top: 30px;
25+
}
26+
27+
code {
28+
background-color: #f8f9fa;
29+
padding: 2px 5px;
30+
border: 1px solid #ccc;
31+
border-radius: 3px;
32+
}
33+
34+
ul {
35+
padding-left: 20px;
36+
margin-top: 5px;
37+
margin-bottom: 20px;
38+
}
39+
40+
pre {
41+
background-color: #f8f9fa;
42+
border: 1px solid #ccc;
43+
padding: 10px;
44+
white-space: pre-wrap;
45+
word-break: break-all;
46+
}
47+
48+
strong {
49+
font-weight: bold;
50+
}
51+
52+
p {
53+
line-height: 1.6;
54+
margin-bottom: 20px;
55+
}

‎srcPage/subPages/documentation/index.html‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -120,10 +120,18 @@
120120
<div id="page-content-wrapper">
121121
<div class="container-fluid">
122122
<h1>Simple Sidebar</h1>
123-
<p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small
124-
screens, the page content will be pushed off canvas.</p>
125-
<p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
126-
<a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
123+
<h4>I'm still developing and developing on my own is a little too tiring, have mercy on me, thank you</h4>
124+
<p>
125+
Welcome to the main page of Multiform Validator! Here, you will find detailed documentation for various functions provided by Multiform Validator, a useful JavaScript library for data validation. Each function is designed to assist in validating different
126+
types of data, making your code more robust and secure. Multiform Validator consists of a series of specialized functions that allow you to validate various data types, such as emails, passwords, names, surnames, passport numbers,
127+
phone numbers, and more. Each function has configurable parameters and provides customizable error messages to suit your project's needs. On each documentation page, you will find a comprehensive description of the function, including
128+
its purpose, accepted parameters, and usage examples. Additionally, you will have access to details about default error messages and how to customize them to fit your application. By using Multiform Validator, you can ensure that
129+
user input in your forms is correct and compliant with the established rules. This validation is essential to prevent issues such as invalid entries, corrupted data, or security vulnerabilities. We are continuously working to enhance
130+
and expand Multiform Validator with new features and improvements to make it an even more powerful and flexible tool for your validation needs. We hope that these documentations prove to be helpful and simplify the usage of Multiform
131+
Validator in your projects. Feel free to explore the various available functions and do not hesitate to reach out to us if you have any questions or suggestions. Thank you for choosing Multiform Validator as your data validation
132+
tool, and we wish you success in your projects! Multiform Validator Team
133+
</p>
134+
<a href="https://gabriel-logan.github.io/multiform-validator/" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
127135
</div>
128136
</div>
129137
<!-- /#page-content-wrapper -->

0 commit comments

Comments
 (0)