Skip to content

Commit 34bc034

Browse files
mvfsillvamvfsillva
committed
Seperando arquivos sass
1 parent b8cd073 commit 34bc034

File tree

6 files changed

+142
-117
lines changed

6 files changed

+142
-117
lines changed

‎_includes/header.html

+16-19
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,18 @@
11
<header class="site-header" role="header">
2-
<div class="navbar-fixed">
3-
<nav class="light-blue lighten-1" role="navigation">
4-
<div class="nav-wrapper container">
5-
<a id="logo-container" href="/" class="brand-logo yellow-text">#{{ site.title_min }}</a>
6-
<ul class="right hide-on-med-and-down">
7-
{% for page in site.pages %}
8-
a
9-
<li><a href="{{ site.url_dev }}{{ page.url }}">{{ page.title }}</a></li>
10-
{% endfor %}
11-
</ul>
12-
<ul id="nav-mobile" class="side-nav">
13-
{% for page in site.pages %}
14-
<li><a href="{{ site.url_dev }}{{ page.url }}">{{ page.title }}</a></li>
15-
{% endfor %}
16-
</ul>
17-
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
18-
</div>
19-
</nav>
20-
</div>
2+
<nav class="light-transparent" role="navigation">
3+
<div class="nav-wrapper container">
4+
<a id="logo-container" href="/" class="brand-logo yellow-text">#{{ site.title_min }}</a>
5+
<ul class="right hide-on-med-and-down">
6+
{% for page in site.pages %}
7+
<li><a href="{{ site.url_dev }}{{ page.url }}">{{ page.title }}</a></li>
8+
{% endfor %}
9+
</ul>
10+
<ul id="nav-mobile" class="side-nav">
11+
{% for page in site.pages %}
12+
<li><a href="{{ site.url_dev }}{{ page.url }}">{{ page.title }}</a></li>
13+
{% endfor %}
14+
</ul>
15+
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
16+
</div>
17+
</nav>
2118
</header>

‎_src/sass/_content.scss

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
.flow-text {
2+
text-align: justify;
3+
}
4+
5+
.strike {
6+
display: block;
7+
text-align: center;
8+
overflow: hidden;
9+
white-space: nowrap;
10+
color: $blue-gray;
11+
padding: 20px 50px 30px 50px;
12+
> span{
13+
position: relative;
14+
display: inline-block;
15+
//top:-2.8em;
16+
&:before{
17+
right: 100%;
18+
margin-right: 15px;
19+
}
20+
&:after{
21+
left: 100%;
22+
margin-left: 15px;
23+
}
24+
}
25+
}
26+
27+
.strike > span:before, .strike > span:after {
28+
content: "";
29+
position: absolute;
30+
top: 50%;
31+
width: 9999px;
32+
height: 1px;
33+
background: $blue-gray;
34+
}
35+

‎_src/sass/_footer.scss

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.footer-copyright{
2+
border-top: 1px solid #b0bec5;
3+
}

‎_src/sass/_header.scss

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
.parallax-container {
2+
min-height: 100vh;
3+
background-image: url(/assets/img/background1.jpg);
4+
background-size: cover;
5+
background-position: center;
6+
background-repeat: no-repeat;
7+
top:0;
8+
line-height: 0;
9+
height: auto;
10+
color: rgba(255,255,255,.9);
11+
}
12+
13+
14+
.color-overlay {
15+
position: absolute;
16+
top: 0;
17+
left: 0;
18+
width: 100%;
19+
height: 100%;
20+
background-color: $overlay;
21+
opacity: 0.8;
22+
z-index: 1;
23+
}
24+
25+
26+
27+
.light-transparent {
28+
-webkit-box-shadow: none;
29+
box-shadow: none;
30+
background: none;
31+
position: absolute;
32+
top: 0;
33+
width: 100%;
34+
padding: 30px 0 0;
35+
height: 50px;
36+
z-index: 10;
37+
}
38+
39+
.flex-center {
40+
color: white;
41+
border:none;
42+
display: flex;
43+
flex-direction: column;
44+
justify-content: center;
45+
height: 100vh;
46+
resize: vertical;
47+
overflow: auto;
48+
h2, h3{
49+
margin: 0;
50+
padding: 20px;
51+
}
52+
}

‎_src/sass/main.scss

+3-77
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,10 @@
11
@import "_variables.scss";
2+
@import "_header.scss";
3+
@import "_content.scss";
4+
@import "_footer.scss";
25

36

47
body{
58
background-color: $bg;
69
}
710

8-
.parallax-container {
9-
min-height: 100vh;
10-
background-image: url(/assets/img/background1.jpg);
11-
line-height: 0;
12-
height: auto;
13-
color: rgba(255,255,255,.9);
14-
}
15-
16-
.logo-gdg{
17-
width: 12rem;
18-
}
19-
20-
.color-overlay {
21-
position: absolute;
22-
top: 0;
23-
left: 0;
24-
width: 100%;
25-
height: 100%;
26-
background-color: $overlay;
27-
opacity: 0.8;
28-
z-index: 1;
29-
}
30-
31-
.flow-text {
32-
text-align: justify;
33-
}
34-
35-
.footer-copyright{
36-
border-top: 1px solid #b0bec5;
37-
}
38-
39-
.strike {
40-
display: block;
41-
text-align: center;
42-
overflow: hidden;
43-
white-space: nowrap;
44-
color: $blue-gray;
45-
padding: 20px 50px 30px 50px;
46-
> span{
47-
position: relative;
48-
display: inline-block;
49-
//top:-2.8em;
50-
&:before{
51-
right: 100%;
52-
margin-right: 15px;
53-
}
54-
&:after{
55-
left: 100%;
56-
margin-left: 15px;
57-
}
58-
}
59-
}
60-
61-
.strike > span:before, .strike > span:after {
62-
content: "";
63-
position: absolute;
64-
top: 50%;
65-
width: 9999px;
66-
height: 1px;
67-
background: $blue-gray;
68-
}
69-
70-
71-
.flex-center {
72-
color: white;
73-
border:none;
74-
display: flex;
75-
flex-direction: column;
76-
justify-content: center;
77-
height: 100vh;
78-
resize: vertical;
79-
overflow: auto;
80-
h2, h3{
81-
margin: 0;
82-
padding: 20px;
83-
}
84-
}

‎assets/css/main.css

+33-21
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
1-
body {
2-
background-color: #F6F4F8; }
3-
41
.parallax-container {
52
min-height: 100vh;
63
background-image: url(/assets/img/background1.jpg);
4+
background-size: cover;
5+
background-position: center;
6+
background-repeat: no-repeat;
7+
top: 0;
78
line-height: 0;
89
height: auto;
910
color: rgba(255, 255, 255, 0.9); }
1011

11-
.logo-gdg {
12-
width: 12rem; }
13-
1412
.color-overlay {
1513
position: absolute;
1614
top: 0;
@@ -21,12 +19,33 @@ body {
2119
opacity: 0.8;
2220
z-index: 1; }
2321

22+
.light-transparent {
23+
-webkit-box-shadow: none;
24+
box-shadow: none;
25+
background: none;
26+
position: absolute;
27+
top: 0;
28+
width: 100%;
29+
padding: 30px 0 0;
30+
height: 50px;
31+
z-index: 10; }
32+
33+
.flex-center {
34+
color: white;
35+
border: none;
36+
display: flex;
37+
flex-direction: column;
38+
justify-content: center;
39+
height: 100vh;
40+
resize: vertical;
41+
overflow: auto; }
42+
.flex-center h2, .flex-center h3 {
43+
margin: 0;
44+
padding: 20px; }
45+
2446
.flow-text {
2547
text-align: justify; }
2648

27-
.footer-copyright {
28-
border-top: 1px solid #b0bec5; }
29-
3049
.strike {
3150
display: block;
3251
text-align: center;
@@ -52,15 +71,8 @@ body {
5271
height: 1px;
5372
background: #263238; }
5473

55-
.flex-center {
56-
color: white;
57-
border: none;
58-
display: flex;
59-
flex-direction: column;
60-
justify-content: center;
61-
height: 100vh;
62-
resize: vertical;
63-
overflow: auto; }
64-
.flex-center h2, .flex-center h3 {
65-
margin: 0;
66-
padding: 20px; }
74+
.footer-copyright {
75+
border-top: 1px solid #b0bec5; }
76+
77+
body {
78+
background-color: #F6F4F8; }

0 commit comments

Comments
 (0)