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 | -@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 | 0 | \ No newline at end of file |
sass/novo/_nav.scss
... | ... | @@ -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 | 0 | \ No newline at end of file |
sass/novo/_proposal_categories.scss
... | ... | @@ -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 | 0 | \ No newline at end of file |
sass/novo/_proposal_detail.scss
... | ... | @@ -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 | 0 | \ No newline at end of file |
sass/novo/_proposal_group.scss
... | ... | @@ -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 | 0 | \ No newline at end of file |
sass/novo/_scaffolding.scss
... | ... | @@ -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 | 0 | \ No newline at end of file |
sass/novo/_utilities.scss
sass/novo/_variables.scss
... | ... | @@ -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 | 0 | \ No newline at end of file |