Skip to content

Commit 6904e7a

Browse files
Nurillo6Nurillo6
authored
Initial commit
0 parents  commit 6904e7a

17 files changed

+152
-0
lines changed

‎.vscode/settings.json

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"liveSassCompile.settings.formats": [
3+
{
4+
"format": "expanded",
5+
"extensionName": ".css",
6+
"savePath": "/css",
7+
}
8+
]
9+
}

‎css/main.css

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
list-style: none;
5+
text-decoration: none;
6+
box-sizing: border-box;
7+
}
8+
9+
.visually-hidden {
10+
position: absolute;
11+
width: 1px;
12+
height: 1px;
13+
margin: -1px;
14+
border: 0;
15+
padding: 0;
16+
white-space: nowrap;
17+
-webkit-clip-path: inset(100%);
18+
clip-path: inset(100%);
19+
clip: rect(0 0 0 0);
20+
overflow: hidden;
21+
}
22+
23+
.container {
24+
margin: 0 auto;
25+
padding: 0 20px;
26+
}/*# sourceMappingURL=main.css.map */

‎css/main.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎fonts/delete.ttf

Whitespace-only changes.

‎images/delete.png

Loading

‎index.html

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<!-- <link rel="icon" href="Site Icon Link"> -->
7+
<link rel="stylesheet" href="./css/main.css">
8+
<title>Site Title</title>
9+
</head>
10+
<body>
11+
<header class="site-header">
12+
<div class="container">
13+
<div class="header"></div>
14+
</div>
15+
</header>
16+
<main class="site-main">
17+
<section class="hero-section">
18+
<div class="container">
19+
<div class="hero"></div>
20+
</div>
21+
</section>
22+
</main>
23+
<footer class="site-footer">
24+
<div class="container">
25+
<div class="footer"></div>
26+
</div>
27+
</footer>
28+
</body>
29+
</html>

‎scss/_container.scss

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.container{
2+
// width: __px;
3+
margin: 0 auto;
4+
padding: 0 20px;
5+
}

‎scss/_fonts.scss

Whitespace-only changes.

‎scss/_generals.scss

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
list-style: none;
5+
text-decoration: none;
6+
box-sizing: border-box;
7+
}
8+
9+
body{
10+
// font-family: Font name here;
11+
}

‎scss/_mixin.scss

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
2+
@mixin Display($items, $space, $gap){
3+
display: flex;
4+
align-items: $items;
5+
justify-content: $space;
6+
gap: $gap;
7+
}
8+
@mixin textStyle($MB, $FS, $FW, $CLR, $LH, $CASE){
9+
margin-bottom: $MB;
10+
font-size: $FS;
11+
font-weight: $FW;
12+
color: $CLR;
13+
line-height: $LH;
14+
text-transform: $CASE;
15+
}
16+
17+
18+
@mixin buttonStyle($BTN_W, $BTN_PY, $BTN_BG_CLR,$BTN_BR_Radius, $BTN_Border_CLR,$BTN_FS,$BTN_FW, $BTN_LH, $BTN_CLR,$BTN_CASE){
19+
width: $BTN_W;
20+
padding: $BTN_PY 0;
21+
background-color: $BTN_BG_CLR;
22+
border-radius: $BTN_BR_Radius;
23+
border: 1px solid $BTN_Border_CLR;
24+
transition: all 0.3s linear;
25+
font-size: $BTN_FS;
26+
font-weight: $BTN_FW;
27+
line-height: $BTN_LH;
28+
color: $BTN_CLR;
29+
cursor: pointer;
30+
text-transform: $BTN_CASE;
31+
}

‎scss/_variables.scss

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
$white-clr:white;
2+
$black-clr:black;

‎scss/_visually-hidden.scss

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
.visually-hidden {
2+
position: absolute;
3+
width: 1px;
4+
height: 1px;
5+
margin: -1px;
6+
border: 0;
7+
padding: 0;
8+
9+
white-space: nowrap;
10+
clip-path: inset(100%);
11+
clip: rect(0 0 0 0);
12+
overflow: hidden;
13+
}

‎scss/blocks/_blocks.scss

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@import "header";
2+
@import "hero";
3+
// ----
4+
@import "footer";

‎scss/blocks/_footer.scss

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
.site-footer {
2+
}
3+
.footer {
4+
}

‎scss/blocks/_header.scss

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
.site-header {
2+
}
3+
.header {
4+
}

‎scss/blocks/_hero.scss

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
.hero-section {
2+
}
3+
4+
.hero {
5+
}

‎scss/main.scss

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
@charset "UTF-8";
2+
@import "fonts";
3+
@import "generals";
4+
@import "variables";
5+
@import "visually-hidden";
6+
@import "container";
7+
@import "mixin";
8+
@import "blocks/blocks"

0 commit comments

Comments
 (0)