Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit bbbf82c

Browse files
committed
Merge pull request #528 from appirio-tech/SUP-2453-organize-ui-kit
Sup 2453 organize ui kit
2 parents a84d71c + 33f4f49 commit bbbf82c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+198
-231
lines changed

app/index.jade

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,6 @@ html
2727
2828
// build:css /styles/app.css
2929
//- inject:css
30-
link(rel="stylesheet", href="assets/css/reset.css")
3130
link(rel="stylesheet", href="assets/css/vendors/angucomplete.css")
3231
link(rel="stylesheet", href="assets/css/topcoder.css")
3332
link(rel="stylesheet", href="assets/css/skill-picker/skill-picker.css")
@@ -72,7 +71,6 @@ html
7271
link(rel="stylesheet", href="assets/css/directives/profile-widget.css")
7372
link(rel="stylesheet", href="assets/css/directives/page-state-header.directive.css")
7473
link(rel="stylesheet", href="assets/css/directives/ios-card.css")
75-
link(rel="stylesheet", href="assets/css/directives/input-sticky-placeholder.css")
7674
link(rel="stylesheet", href="assets/css/directives/history-graph.css")
7775
link(rel="stylesheet", href="assets/css/directives/external-link-data.css")
7876
link(rel="stylesheet", href="assets/css/directives/external-account.css")
@@ -86,6 +84,7 @@ html
8684
link(rel="stylesheet", href="assets/css/directives/badge-tooltip.css")
8785
link(rel="stylesheet", href="assets/css/community/statistics.css")
8886
link(rel="stylesheet", href="assets/css/community/members.css")
87+
link(rel="stylesheet", href="assets/css/community/community.css")
8988
link(rel="stylesheet", href="assets/css/account/reset-password.css")
9089
link(rel="stylesheet", href="assets/css/account/registered-successfully.css")
9190
link(rel="stylesheet", href="assets/css/account/register.css")

assets/css/account/account.scss

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.login-container,
54
.register-container,
@@ -98,7 +97,7 @@
9897
.password-tips {
9998
@media screen and (min-width: 915px) {
10099
left: 395px;
101-
}
100+
}
102101
}
103102

104103
// Autocomplete
@@ -257,7 +256,7 @@
257256
display: flex;
258257
flex-flow: row wrap;
259258
margin-top: 30px;
260-
justify-content: center;
259+
justify-content: center;
261260
text-transform: uppercase;
262261
font-size: $label-small;
263262
@include font-with-weight('Sofia Pro', 500);
@@ -290,7 +289,7 @@
290289
.copyright-notice {
291290
color: $gray-dark;
292291
}
293-
292+
294293
}
295294

296295

assets/css/account/login.scss

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.login-container {
54

@@ -56,6 +55,6 @@
5655
@media (min-width: 768px) {
5756
margin-bottom: 60px;
5857
}
59-
58+
6059
}
61-
}
60+
}

assets/css/account/register.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.register-container {
54

assets/css/account/registered-successfully.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.registered-successfully-container {
54
p {

assets/css/account/reset-password.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.reset-password-container {
54

assets/css/community/_community.scss renamed to assets/css/community/community.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,34 @@
1+
@import 'tc-includes';
2+
13
.community-view {
24
background: $gray-lighter;
35
color: $community-text-dark;
6+
47
.header-community {
58
@include module-full-width;
69
background-color: $white;
710
@include font-with-weight('Sofia Pro', 500);
811
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
12+
913
header {
1014
text-align: center;
1115
margin: 0 auto;
1216
padding: 16px 0 13px;
17+
1318
h1 {
1419
font-size: 22px;
1520
line-height: 26px;
1621
text-transform: uppercase;
1722
}
1823
}
24+
1925
@media only screen and (min-width: 1000px) {
2026
box-shadow: none;
27+
2128
header {
2229
text-align: left;
2330
padding: 33px 0 37px 128px;
31+
2432
h1 {
2533
font-size: 32px;
2634
}

assets/css/community/members.scss

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
1-
@import '../partials/combined';
2-
@import 'community';
1+
@import 'tc-includes';
2+
33
.members-container {
44
padding: 15px 0 0;
5+
56
a {
67
text-decoration: none;
78
}
9+
810
@media only screen and (min-width: 1070px) {
911
padding: 60px 67px 0;
1012
}
13+
1114
%reviewboard-panel {
1215
background: $white;
1316
padding: 10px;
@@ -37,17 +40,20 @@
3740
}
3841
}
3942
}
43+
4044
.platform-stats-container {
4145
background: $white;
4246
padding: 10px;
4347
margin-bottom: 6px;
4448
height: 70px;
4549
font-family: "Sofia Pro",Arial,Helvetica,sans-serif;
50+
4651
.stat {
4752
float: left;
4853
width: 25% ;
4954
text-align: center;
5055
}
56+
5157
.statVal {
5258
color: #3d3d3d;
5359
font-size: 32px;
@@ -61,13 +67,15 @@
6167
font-weight: 400;
6268
}
6369
}
70+
6471
.search-container {
6572
@include module-full-width;
6673
background: $white;
6774
padding: 15px;
6875
@media only screen and (min-width: 1070px) {
6976
padding: 30px 40px 30px 41px;
7077
}
78+
7179
form {
7280
@include module-full-width;
7381
@include community-form-placeholder;
@@ -80,6 +88,7 @@
8088
border-radius: 7px;
8189
}
8290
}
91+
8392
input[type="text"] {
8493
@include module-full-width;
8594
@include font-with-weight('Sofia Pro', 300);
@@ -91,6 +100,7 @@
91100
font-size: 22px;
92101
}
93102
}
103+
94104
.search-ico {
95105
display: inline-block;
96106
height: 15px;
@@ -112,6 +122,7 @@
112122
}
113123
}
114124
}
125+
115126
h2 {
116127
@include font-with-weight('Sofia Pro', 500);
117128
font-size: 20px;
@@ -120,6 +131,7 @@
120131
padding-top: 31px;
121132
padding-bottom: 17px;
122133
position: relative;
134+
123135
small {
124136
@include font-with-weight;
125137
font-size: 16px;
@@ -128,9 +140,11 @@
128140
color: $gray-dark-alt;
129141
padding-top: 8px;
130142
}
143+
131144
span {
132145
color: $member-search-highlight;
133146
}
147+
134148
@media only screen and (min-width: 1070px) {
135149
font-size: 28px;
136150
padding-top: 92px;
@@ -141,12 +155,14 @@
141155
}
142156
}
143157
}
158+
144159
.default-show-container > div,
145160
.search-result-container {
146161
margin-top: 6px;
147162
background: $white;
148163
position: relative;
149164
}
165+
150166
%members-gray-wrapper {
151167
background: $gray-lightest;
152168
border: {

assets/css/community/statistics.scss

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import '../partials/combined';
2-
@import 'community';
1+
@import 'tc-includes';
2+
33
.statistics-container {
44
margin-top: 15px;
55

@@ -10,10 +10,12 @@
1010
@media only screen and (min-width: 1030px) {
1111
margin: 60px 67px;
1212
}
13+
1314
%statistics-panel {
1415
background: $white;
1516
padding: 10px;
1617
margin-bottom: 6px;
18+
1719
h2 {
1820
@include font-with-weight('Sofia Pro', 700);
1921
font-size: 18px;
@@ -26,18 +28,21 @@
2628
padding-top: 82px;
2729
padding-bottom: 82px;
2830
}
31+
2932
small {
3033
font-size: 16px;
3134
display: block;
3235
text-transform: capitalize;
3336
color: $gray-dark-alt;
3437
padding-top: 8px;
3538
}
39+
3640
span {
3741
color: $member-search-highlight;
3842
}
3943
}
4044
}
45+
4146
.winner-tile {
4247
@include font-with-weight;
4348
display: flex;

assets/css/directives/challenge-links.directive.scss

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.challenge-links.tile-view {
54
display: flex;
@@ -57,7 +56,7 @@
5756
@include background-image-size(20px, 17px);
5857
background-image: url(/images/ico-posts.svg);
5958
}
60-
}
59+
}
6160

6261
.challenge-links.list-view {
6362
display: flex;
@@ -115,4 +114,4 @@
115114
@include background-image-size(30px, 27px);
116115
background-image: url(/images/ico-posts.svg);
117116
}
118-
}
117+
}

assets/css/directives/challenge-tile.scss

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
// Default Challenge Tile Stylings
54
challenge-tile .challenge.tile-view {
@@ -232,7 +231,7 @@ challenge-tile .challenge.tile-view {
232231
&.DATA_SCIENCE {
233232
flex: 2;
234233
justify-content: center;
235-
}
234+
}
236235

237236
.marathon-score {
238237
margin-bottom: 70px;
@@ -331,7 +330,7 @@ challenge-tile .challenge.list-view {
331330
color: $gray-darkest;
332331
@include ellipsis;
333332

334-
333+
335334
span:first-child {
336335
color: $accent-gray;
337336
white-space: nowrap;

assets/css/directives/design-challenge-user-place.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
// styling for tile view
54
design-challenge-user-place {

assets/css/directives/dev-challenge-user-place.scss

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
// styling for tile view
54
dev-challenge-user-place {
@@ -48,7 +47,7 @@ dev-challenge-user-place {
4847
}
4948
}
5049
}
51-
50+
5251
}
5352

5453
// styling for list view
@@ -122,4 +121,4 @@ dev-challenge-user-place {
122121
}
123122
}
124123
}
125-
}
124+
}

assets/css/directives/distribution-graph.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.distribution-graph-directive {
54
display: flex;

assets/css/directives/empty-state-placeholder.scss

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.empty-state-placeholder {
54
display: flex;
@@ -125,4 +124,4 @@
125124
}
126125
}
127126
}
128-
}
127+
}

assets/css/directives/external-account.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'topcoder-includes';
2-
@import '../partials/combined';
1+
@import 'tc-includes';
32

43
.ext-tile {
54
display: flex;

0 commit comments

Comments
 (0)