Commit 1b1f2f75e154f2f3c274af52d5e280b83bbc6f31
1 parent
ea9c7f86
Exists in
refactory-sass
Remoção da pasta sass/novo/
Showing
8 changed files
with
0 additions
and
522 deletions
Show diff stats
sass/novo/_colors.scss
@@ -1,97 +0,0 @@ | @@ -1,97 +0,0 @@ | ||
1 | -@each $category, $color in $categories { | ||
2 | - #proposal { | ||
3 | - &-category { | ||
4 | - &-#{$category} { | ||
5 | - background-color: $color; | ||
6 | - background-image: url(./images/icons/#{$category}.png?3); | ||
7 | - background-position: 50% 5px; | ||
8 | - background-repeat: no-repeat; | ||
9 | - .arrow-box { | ||
10 | - border-bottom-color: $color; | ||
11 | - } | ||
12 | - } | ||
13 | - } | ||
14 | - } | ||
15 | - .proposal { | ||
16 | - &-category { | ||
17 | - &-items { | ||
18 | - &-#{$category} { | ||
19 | - background-color: $color; | ||
20 | - } | ||
21 | - } | ||
22 | - } | ||
23 | - } | ||
24 | - li.category { | ||
25 | - &-#{$category} { | ||
26 | - background-color: $color; | ||
27 | - background-image: url(./images/icons/#{$category}.png?1); | ||
28 | - background-position: 3px center; | ||
29 | - background-repeat: no-repeat; | ||
30 | - background-size: 22px; | ||
31 | - } | ||
32 | - } | ||
33 | - .#{$category} { | ||
34 | - .category { | ||
35 | - background-color: $color; | ||
36 | - } | ||
37 | - .proposal { | ||
38 | - &-link { | ||
39 | - background-color: $color; | ||
40 | - background-image: url(./images/icons/#{$category}.png); | ||
41 | - background-position: 0 50%; | ||
42 | - background-repeat: no-repeat; | ||
43 | - background-size: 32px; | ||
44 | - } | ||
45 | - &-content { | ||
46 | - border-color: $color; | ||
47 | - } | ||
48 | - } | ||
49 | - .show_body { | ||
50 | - background-color: darken($color, 12%); | ||
51 | - border-color: $color; | ||
52 | - span { | ||
53 | - background-color: darken($color, 12%); | ||
54 | - } | ||
55 | - } | ||
56 | - .container { | ||
57 | - &-title { | ||
58 | - color: $color; | ||
59 | - } | ||
60 | - } | ||
61 | - .send { | ||
62 | - &-button { | ||
63 | - a { | ||
64 | - background-color: $color; | ||
65 | - } | ||
66 | - } | ||
67 | - } | ||
68 | - .title { | ||
69 | - background-color: $color; | ||
70 | - } | ||
71 | - .abstract { | ||
72 | - p { | ||
73 | - background-color: $color; | ||
74 | - } | ||
75 | - } | ||
76 | - .make { | ||
77 | - &-proposal { | ||
78 | - border-color: $color; | ||
79 | - } | ||
80 | - } | ||
81 | - .support { | ||
82 | - &-proposal { | ||
83 | - border-color: $color; | ||
84 | - } | ||
85 | - } | ||
86 | - .experience { | ||
87 | - &-proposal { | ||
88 | - border-color: $color; | ||
89 | - } | ||
90 | - } | ||
91 | - .talk { | ||
92 | - &-proposal { | ||
93 | - border-color: $color; | ||
94 | - } | ||
95 | - } | ||
96 | - } | ||
97 | -} | ||
98 | \ No newline at end of file | 0 | \ No newline at end of file |
sass/novo/_nav.scss
@@ -1,27 +0,0 @@ | @@ -1,27 +0,0 @@ | ||
1 | -nav ul { | ||
2 | - font-size: 0; | ||
3 | - list-style: none; | ||
4 | - margin-bottom: 0; | ||
5 | - padding: 0; | ||
6 | - li { | ||
7 | - display: inline-block; | ||
8 | - font-size: $default-font-size; | ||
9 | - text-align: center; | ||
10 | - width: 50%; | ||
11 | - a { | ||
12 | - background-color: $header-color; | ||
13 | - border-left: 1px solid $header-color; | ||
14 | - border-right: 1px solid $header-color; | ||
15 | - border-top: 1px solid $header-color; | ||
16 | - color: #fff; | ||
17 | - font-weight: 700; | ||
18 | - display: block; | ||
19 | - padding: $default-spacing-size; | ||
20 | - text-transform: uppercase; | ||
21 | - &.active { | ||
22 | - background-color: transparent; | ||
23 | - color: $header-color; | ||
24 | - } | ||
25 | - } | ||
26 | - } | ||
27 | -} | ||
28 | \ No newline at end of file | 0 | \ No newline at end of file |
sass/novo/_proposal_categories.scss
@@ -1,124 +0,0 @@ | @@ -1,124 +0,0 @@ | ||
1 | -@each $category, $description in $categories-descriptions { | ||
2 | - .proposal-category-items-#{$category} .description:before { | ||
3 | - color: #fff; | ||
4 | - content: "#{$description}"; | ||
5 | - font-size: $small-font-size; | ||
6 | - } | ||
7 | -} | ||
8 | - | ||
9 | -#proposal { | ||
10 | - &-categories { | ||
11 | - border-bottom: 1px solid $header-color; | ||
12 | - border-left: 1px solid $header-color; | ||
13 | - border-right: 1px solid $header-color; | ||
14 | - list-style: none; | ||
15 | - padding: 0; | ||
16 | - &-container { | ||
17 | - font-size: 0; | ||
18 | - padding-left: $default-spacing-size; | ||
19 | - padding-top: $default-spacing-size; | ||
20 | - text-align: center; | ||
21 | - } | ||
22 | - .category { | ||
23 | - background: transparent; | ||
24 | - border-top: 1px dotted $default-color; | ||
25 | - padding-top: 10px; | ||
26 | - } | ||
27 | - } | ||
28 | -} | ||
29 | -.proposal { | ||
30 | - &-category { | ||
31 | - background-color: #000; | ||
32 | - border-radius: $default-radius-size; | ||
33 | - display: inline-block; | ||
34 | - margin-bottom: $default-spacing-size; | ||
35 | - margin-right: $default-spacing-size; | ||
36 | - position: relative; | ||
37 | - text-align: center; | ||
38 | - .proposal { | ||
39 | - &-link { | ||
40 | - color: #fff; | ||
41 | - display: inline-block; | ||
42 | - font-size: $small-font-size; | ||
43 | - font-weight: 700; | ||
44 | - padding-top: 100px; | ||
45 | - width: 150px; | ||
46 | - } | ||
47 | - } | ||
48 | - &-items { | ||
49 | - border-radius: $default-radius-size; | ||
50 | - font-size: $default-font-size; | ||
51 | - margin-bottom: $default-spacing-size; | ||
52 | - margin-right: $default-spacing-size; | ||
53 | - padding: $default-spacing-size $default-spacing-size 0; | ||
54 | - text-align: left; | ||
55 | - } | ||
56 | - } | ||
57 | - &-list { | ||
58 | - list-style: none; | ||
59 | - margin-top: $default-spacing-size; | ||
60 | - padding: 0; | ||
61 | - } | ||
62 | - &-item { | ||
63 | - display: inline-block; | ||
64 | - margin-bottom: $default-spacing-size; | ||
65 | - vertical-align: top; | ||
66 | - width: 50%; | ||
67 | - &:nth-child(odd) { | ||
68 | - .item { | ||
69 | - margin-right: $default-spacing-size; | ||
70 | - } | ||
71 | - } | ||
72 | - } | ||
73 | - &-link { | ||
74 | - font-family: 'Asap', sans-serif; | ||
75 | - font-size: $proposal-link-size; | ||
76 | - font-weight: 700; | ||
77 | - } | ||
78 | -} | ||
79 | -.arrow-box { | ||
80 | - border-bottom: 10px solid #000; | ||
81 | - border-left: 7px solid transparent; | ||
82 | - border-right: 7px solid transparent; | ||
83 | - bottom: -12px; | ||
84 | - height: 0; | ||
85 | - left: 50%; | ||
86 | - margin-left: -7px; | ||
87 | - position: absolute; | ||
88 | - width: 0; | ||
89 | -} | ||
90 | -.name { | ||
91 | - border-bottom: 2px solid #fff; | ||
92 | - color: #fff; | ||
93 | - font-size: $category-title-size; | ||
94 | - font-weight: 700; | ||
95 | - margin-bottom: 10px; | ||
96 | - padding: 10px 0; | ||
97 | -} | ||
98 | -.item { | ||
99 | - background-color: #fff; | ||
100 | - border: 1px solid $header-color; | ||
101 | - border-radius: $default-radius-size; | ||
102 | - font-size: $small-font-size; | ||
103 | - padding: $default-spacing-size; | ||
104 | - p { | ||
105 | - overflow: hidden; | ||
106 | - min-height: 4em; | ||
107 | - } | ||
108 | - &:hover { | ||
109 | - background-color: #eeeff1; | ||
110 | - } | ||
111 | -} | ||
112 | -.category { | ||
113 | - list-style: none; | ||
114 | - padding-left: 0; | ||
115 | - li { | ||
116 | - background-color: #000; | ||
117 | - color: #fff; | ||
118 | - display: inline-block; | ||
119 | - font-family: 'Asap', sans-serif; | ||
120 | - font-size: $default-font-size; | ||
121 | - font-weight: 700; | ||
122 | - padding: 5px 12px 5px 32px; | ||
123 | - } | ||
124 | -} | ||
125 | \ No newline at end of file | 0 | \ No newline at end of file |
sass/novo/_proposal_detail.scss
@@ -1,200 +0,0 @@ | @@ -1,200 +0,0 @@ | ||
1 | -.proposal { | ||
2 | - &-detail { | ||
3 | - .proposal { | ||
4 | - &-link { | ||
5 | - border-radius: 0; | ||
6 | - font-size: $category-select-size; | ||
7 | - padding: 15px 35px; | ||
8 | - text-transform: uppercase; | ||
9 | - vertical-align: middle; | ||
10 | - width: auto; | ||
11 | - } | ||
12 | - } | ||
13 | - } | ||
14 | - &-selection { | ||
15 | - background-color: #EEEFF1; | ||
16 | - border: 0; | ||
17 | - float: right; | ||
18 | - font-size: $default-font-size; | ||
19 | - font-weight: 300; | ||
20 | - height: 57px; | ||
21 | - margin: 0; | ||
22 | - text-transform: uppercase; | ||
23 | - width: 60%; | ||
24 | - } | ||
25 | - &-header { | ||
26 | - position: relative; | ||
27 | - } | ||
28 | - &-container { | ||
29 | - display: block; | ||
30 | - float: left; | ||
31 | - margin-bottom: $default-spacing-size; | ||
32 | - width: 50%; | ||
33 | - } | ||
34 | - &-content { | ||
35 | - border: 1px solid #000; | ||
36 | - height: $container-height; | ||
37 | - padding: $default-spacing-size; | ||
38 | - } | ||
39 | -} | ||
40 | -.categories { | ||
41 | - display: table; | ||
42 | - width: 100%; | ||
43 | -} | ||
44 | -.category { | ||
45 | - background-color: #000; | ||
46 | - border-top: 0; | ||
47 | - display: block; | ||
48 | - margin-bottom: 0; | ||
49 | - margin-right: 0; | ||
50 | - padding-top: 0; | ||
51 | - text-align: left; | ||
52 | -} | ||
53 | -.select { | ||
54 | - padding-left: 0; | ||
55 | -} | ||
56 | -.btn { | ||
57 | - border: 1px solid #ccc; | ||
58 | - display: inline-block; | ||
59 | - font-size: $small-font-size; | ||
60 | - line-height: 3.1; | ||
61 | - padding: 6px 12px; | ||
62 | - &-default { | ||
63 | - background-color: #fff; | ||
64 | - } | ||
65 | -} | ||
66 | -.abstract { | ||
67 | - img { | ||
68 | - width: 100%; | ||
69 | - } | ||
70 | - p { | ||
71 | - background-color: #000; | ||
72 | - bottom: 140px; | ||
73 | - color: #fff; | ||
74 | - font-size: $small-font-size; | ||
75 | - padding: 5px 20px 20px 20px; | ||
76 | - position: absolute; | ||
77 | - right: 0; | ||
78 | - text-align: center; | ||
79 | - width: 50%; | ||
80 | - } | ||
81 | -} | ||
82 | -.title { | ||
83 | - background-color: #000; | ||
84 | - bottom: 170px; | ||
85 | - color: #fff; | ||
86 | - font-size: $detail-title-size; | ||
87 | - font-weight: 700; | ||
88 | - padding: $default-spacing-size $default-spacing-size 0; | ||
89 | - position: absolute; | ||
90 | - right: 0; | ||
91 | - text-align: center; | ||
92 | - text-transform: uppercase; | ||
93 | - width: 50%; | ||
94 | -} | ||
95 | -.show_body { | ||
96 | - background: #000 url("images/black-alpha.png") no-repeat; | ||
97 | - border-top: 5px solid; | ||
98 | - padding: 30px 0; | ||
99 | - margin: 10px auto; | ||
100 | - a { | ||
101 | - background: url("images/white-line.png") left center repeat-x; | ||
102 | - color: #fff; | ||
103 | - display: block; | ||
104 | - font-size: $detail-proposal-size; | ||
105 | - font-weight: 700; | ||
106 | - margin: auto; | ||
107 | - text-align: center; | ||
108 | - text-transform: uppercase; | ||
109 | - width: 70%; | ||
110 | - } | ||
111 | - span { | ||
112 | - padding: 5px 15px; | ||
113 | - } | ||
114 | -} | ||
115 | -.container { | ||
116 | - &-title { | ||
117 | - color: #000; | ||
118 | - font-size: $detail-proposal-size; | ||
119 | - margin-bottom: $default-spacing-size; | ||
120 | - } | ||
121 | -} | ||
122 | -.subtitle { | ||
123 | - color: $header-color; | ||
124 | - font-size: $proposal-link-size; | ||
125 | - font-weight: 700; | ||
126 | - margin-bottom: $default-spacing-size; | ||
127 | -} | ||
128 | -.info { | ||
129 | - font-size: $small-font-size; | ||
130 | - font-weight: 300; | ||
131 | -} | ||
132 | -.send { | ||
133 | - &-button { | ||
134 | - a { | ||
135 | - background-color: #000; | ||
136 | - border-radius: $default-radius-size; | ||
137 | - color: #fff; | ||
138 | - display: block; | ||
139 | - margin: auto; | ||
140 | - padding: $default-spacing-size 0; | ||
141 | - text-align: center; | ||
142 | - text-transform: uppercase; | ||
143 | - width: 60%; | ||
144 | - span { | ||
145 | - padding-left: 20px; | ||
146 | - background-image: url("images/airplane.png"); | ||
147 | - background-position: 0 50%; | ||
148 | - background-repeat: no-repeat; | ||
149 | - } | ||
150 | - } | ||
151 | - } | ||
152 | -} | ||
153 | -.make { | ||
154 | - &-proposal { | ||
155 | - border: 1px solid #000; | ||
156 | - height: 500px; | ||
157 | - margin-right: $default-spacing-size / 2; | ||
158 | - padding: $default-spacing-size; | ||
159 | - &-container { | ||
160 | - float: left; | ||
161 | - width: 50%; | ||
162 | - } | ||
163 | - } | ||
164 | -} | ||
165 | -.support { | ||
166 | - &-proposal { | ||
167 | - border: 1px solid #000; | ||
168 | - height: 500px; | ||
169 | - margin-left: $default-spacing-size / 2; | ||
170 | - padding: $default-spacing-size; | ||
171 | - &-container { | ||
172 | - float: left; | ||
173 | - width: 50%; | ||
174 | - } | ||
175 | - } | ||
176 | -} | ||
177 | -.experience { | ||
178 | - &-proposal { | ||
179 | - border: 1px solid #000; | ||
180 | - height: 500px; | ||
181 | - margin-right: $default-spacing-size / 2; | ||
182 | - padding: $default-spacing-size; | ||
183 | - &-container { | ||
184 | - float: left; | ||
185 | - width: 50%; | ||
186 | - } | ||
187 | - } | ||
188 | -} | ||
189 | -.talk { | ||
190 | - &-proposal { | ||
191 | - border: 1px solid #000; | ||
192 | - height: 500px; | ||
193 | - margin-left: $default-spacing-size / 2; | ||
194 | - padding: $default-spacing-size; | ||
195 | - &-container { | ||
196 | - float: left; | ||
197 | - width: 50%; | ||
198 | - } | ||
199 | - } | ||
200 | -} | ||
201 | \ No newline at end of file | 0 | \ No newline at end of file |
sass/novo/_proposal_group.scss
@@ -1,24 +0,0 @@ | @@ -1,24 +0,0 @@ | ||
1 | -#proposal { | ||
2 | - &-group { | ||
3 | - border-bottom: 1px solid $header-color; | ||
4 | - border-left: 1px solid $header-color; | ||
5 | - border-right: 1px solid $header-color; | ||
6 | - padding: $default-spacing-size $default-spacing-size 0; | ||
7 | - ul { | ||
8 | - margin-bottom: 0; | ||
9 | - margin-top: $default-spacing-size; | ||
10 | - padding-left: 0; | ||
11 | - } | ||
12 | - .item { | ||
13 | - border: 0; | ||
14 | - } | ||
15 | - .category { | ||
16 | - background: transparent; | ||
17 | - border-top: 1px dotted $default-color; | ||
18 | - padding-top: 10px; | ||
19 | - } | ||
20 | - } | ||
21 | -} | ||
22 | -#search-input-container { | ||
23 | - margin-top: 10px; | ||
24 | -} | ||
25 | \ No newline at end of file | 0 | \ No newline at end of file |
sass/novo/_scaffolding.scss
@@ -1,21 +0,0 @@ | @@ -1,21 +0,0 @@ | ||
1 | -body { | ||
2 | - color: $default-color; | ||
3 | - font-family: 'Open Sans', sans-serif; | ||
4 | - font-weight: 400; | ||
5 | -} | ||
6 | - | ||
7 | -h1 { | ||
8 | - border-bottom: 1px solid #d6dcd7; | ||
9 | - font-family: 'Asap', sans-serif; | ||
10 | - font-size: $header-h1-size; | ||
11 | - padding-bottom: $default-spacing-size; | ||
12 | - text-transform: uppercase; | ||
13 | - a { | ||
14 | - color: $header-color; | ||
15 | - } | ||
16 | -} | ||
17 | - | ||
18 | -a { | ||
19 | - color: $link-color; | ||
20 | - text-decoration: none; | ||
21 | -} | ||
22 | \ No newline at end of file | 0 | \ No newline at end of file |
sass/novo/_utilities.scss
sass/novo/_variables.scss
@@ -1,20 +0,0 @@ | @@ -1,20 +0,0 @@ | ||
1 | -// colors | ||
2 | -$header-color: #03316f; | ||
3 | -$link-color: #335277; | ||
4 | -$default-color: #172938; | ||
5 | - | ||
6 | -// font sizes | ||
7 | -$default-font-size: 16px; | ||
8 | -$small-font-size: 14px; | ||
9 | -$header-h1-size: 28px; | ||
10 | -$category-title-size: 18px; | ||
11 | -$category-select-size: 19px; | ||
12 | -$proposal-link-size: 24px; | ||
13 | -$detail-title-size: 32px; | ||
14 | -$detail-proposal-size: 30px; | ||
15 | - | ||
16 | -// radius sizes | ||
17 | -$default-radius-size: 7px; | ||
18 | - | ||
19 | -// padding defaults | ||
20 | -$default-spacing-size: 20px; | ||
21 | \ No newline at end of file | 0 | \ No newline at end of file |