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

Commit dd93efd

Browse files
parthshahparthshah
committed
Merge pull request #418 from appirio-tech/ui-kit-vic
Ui kit vic
2 parents 99eeaea + e605662 commit dd93efd

File tree

63 files changed

+2087
-221
lines changed

Some content is hidden

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

63 files changed

+2087
-221
lines changed

‎assets/css/account/account.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,8 @@
113113
border-radius: 2px;
114114
cursor: auto;
115115
color: #3d3d3d;
116+
font-family: "Merriweather Sans";
117+
font-size: 15px;
116118

117119
&:hover {
118120
border: 1px solid #A3A3AE;

‎assets/css/partials/_combined.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,5 @@
22
@import 'tc-mixins';
33
@import 'tc-buttons';
44
@import 'tc-inputs';
5+
@import 'tc-typography';
6+
@import 'tc-variables';

‎assets/css/partials/_tc-mixins.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,9 @@
3636
border-bottom: 1px solid $horizontal-rule;
3737
}
3838

39+
// Font Stack: BODY
40+
// Refactor to use non-typeface specific name; best - use variables;
41+
3942
@mixin source-sans-light {
4043
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
4144
font-weight: 300;
@@ -62,6 +65,18 @@
6265
font-weight: 700;
6366
}
6467

68+
// Replacement for Merriweather Sans
69+
70+
@mixin label-description {
71+
font: {
72+
family: "Merriweather Sans", $font-family-sans-serif;
73+
weight: 400;
74+
size: 13px;
75+
}
76+
}
77+
78+
// body end;
79+
6580
@mixin sofia-pro-extra-light {
6681
font-family: 'Sofia Pro', Arial;
6782
font-weight: 200;

‎assets/css/partials/_tc-typography.scss

Lines changed: 344 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,344 @@
1+
// h1, h2, h3, h4, h5, h6 {
2+
// text-transform: uppercase;
3+
// }
4+
5+
// h1 {
6+
// font-size: 40px;
7+
// }
8+
9+
// h2 {
10+
// font-size: 30px;
11+
// }
12+
13+
// h3 {
14+
// font-size: 22px;
15+
// }
16+
17+
// h4 {
18+
// font-size: 18px;
19+
// }
20+
21+
// h5 {
22+
// font-size: 16px;
23+
// }
24+
25+
// h6 {
26+
// font-size: 16px;
27+
// }
28+
29+
// p {
30+
// font-size: 120px;
31+
// }
32+
33+
34+
// FONT STACK
35+
// All the fonts we use, have to clean them up!
36+
37+
@font-face {
38+
font-family: 'Sofia Pro';
39+
src: url('/fonts/sofiapro-black-webfont.eot');
40+
src: url('/fonts/sofiapro-black-webfont.eot?#iefix') format('embedded-opentype'),
41+
url('/fonts/sofiapro-black-webfont.woff') format('woff'),
42+
url('/fonts/sofiapro-black-webfont.ttf') format('truetype'),
43+
url('/fonts/sofiapro-black-webfont.svg#webfont') format('svg');
44+
font-weight: 800;
45+
}
46+
47+
@font-face {
48+
font-family: 'Sofia Pro';
49+
src: url('/fonts/sofiapro-black-italic-webfont.eot');
50+
src: url('/fonts/sofiapro-black-italic-webfont.eot?#iefix') format('embedded-opentype'),
51+
url('/fonts/sofiapro-black-italic-webfont.woff') format('woff'),
52+
url('/fonts/sofiapro-black-italic-webfont.ttf') format('truetype'),
53+
url('/fonts/sofiapro-black-italic-webfont.svg#webfont') format('svg');
54+
font-weight: 800;
55+
font-style: italic;
56+
}
57+
58+
@font-face {
59+
font-family: 'Sofia Pro';
60+
src: url('/fonts/sofiapro-bold-webfont.eot');
61+
src: url('/fonts/sofiapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
62+
url('/fonts/sofiapro-bold-webfont.woff') format('woff'),
63+
url('/fonts/sofiapro-bold-webfont.ttf') format('truetype'),
64+
url('/fonts/sofiapro-bold-webfont.svg#webfont') format('svg');
65+
font-weight: bold;
66+
}
67+
68+
@font-face {
69+
font-family: 'Sofia Pro';
70+
src: url('/fonts/sofiapro-bold-italic-webfont.eot');
71+
src: url('/fonts/sofiapro-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
72+
url('/fonts/sofiapro-bold-italic-webfont.woff') format('woff'),
73+
url('/fonts/sofiapro-bold-italic-webfont.ttf') format('truetype'),
74+
url('/fonts/sofiapro-bold-italic-webfont.svg#webfont') format('svg');
75+
font-weight: bold;
76+
font-style: italic;
77+
}
78+
79+
@font-face {
80+
font-family: 'Sofia Pro';
81+
src: url('/fonts/sofiapro-semibold-webfont.eot');
82+
src: url('/fonts/sofiapro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
83+
url('/fonts/sofiapro-semibold-webfont.woff') format('woff'),
84+
url('/fonts/sofiapro-semibold-webfont.ttf') format('truetype'),
85+
url('/fonts/sofiapro-semibold-webfont.svg#webfont') format('svg');
86+
font-weight: 600;
87+
}
88+
89+
@font-face {
90+
font-family: 'Sofia Pro';
91+
src: url('/fonts/sofiapro-semibold-italic-webfont.eot');
92+
src: url('/fonts/sofiapro-semibold-italic-webfont.eot?#iefix') format('embedded-opentype'),
93+
url('/fonts/sofiapro-semibold-italic-webfont.woff') format('woff'),
94+
url('/fonts/sofiapro-semibold-italic-webfont.ttf') format('truetype'),
95+
url('/fonts/sofiapro-semibold-italic-webfont.svg#webfont') format('svg');
96+
font-weight: 600;
97+
font-style: italic;
98+
}
99+
100+
@font-face {
101+
font-family: 'Sofia Pro';
102+
src: url('/fonts/sofiapro-medium-webfont.eot');
103+
src: url('/fonts/sofiapro-medium-webfont.eot?#iefix') format('embedded-opentype'),
104+
url('/fonts/sofiapro-medium-webfont.woff') format('woff'),
105+
url('/fonts/sofiapro-medium-webfont.ttf') format('truetype'),
106+
url('/fonts/sofiapro-medium-webfont.svg#webfont') format('svg');
107+
font-weight: 500;
108+
}
109+
110+
@font-face {
111+
font-family: 'Sofia Pro';
112+
src: url('/fonts/sofiapro-medium-italic.eot');
113+
src: url('/fonts/sofiapro-medium-italic.eot?#iefix') format('embedded-opentype'),
114+
url('/fonts/sofiapro-medium-italic.woff') format('woff'),
115+
url('/fonts/sofiapro-medium-italic.ttf') format('truetype'),
116+
url('/fonts/sofiapro-medium-italic.svg#webfont') format('svg');
117+
font-style: italic;
118+
font-weight: 500;
119+
}
120+
121+
@font-face {
122+
font-family: 'Sofia Pro';
123+
src: url('/fonts/sofiapro-regular-webfont.eot');
124+
src: url('/fonts/sofiapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
125+
url('/fonts/sofiapro-regular-webfont.woff') format('woff'),
126+
url('/fonts/sofiapro-regular-webfont.ttf') format('truetype'),
127+
url('/fonts/sofiapro-regular-webfont.svg#webfont') format('svg');
128+
font-weight: 400;
129+
}
130+
131+
@font-face {
132+
font-family: 'Sofia Pro';
133+
src: url('/fonts/sofiapro-regular-webfont.eot');
134+
src: url('/fonts/sofiapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
135+
url('/fonts/sofiapro-regular-webfont.woff') format('woff'),
136+
url('/fonts/sofiapro-regular-webfont.ttf') format('truetype'),
137+
url('/fonts/sofiapro-regular-webfont.svg#webfont') format('svg');
138+
font-weight: 400;
139+
font-style: italic;
140+
}
141+
142+
@font-face {
143+
font-family: 'Sofia Pro';
144+
src: url('/fonts/sofiapro-light-webfont.eot');
145+
src: url('/fonts/sofiapro-light-webfont.eot?#iefix') format('embedded-opentype'),
146+
url('/fonts/sofiapro-light-webfont.woff') format('woff'),
147+
url('/fonts/sofiapro-light-webfont.ttf') format('truetype'),
148+
url('/fonts/sofiapro-light-webfont.svg#webfont') format('svg');
149+
font-weight: 300;
150+
}
151+
152+
@font-face {
153+
font-family: 'Sofia Pro';
154+
src: url('/fonts/sofiapro-light-italic-webfont.eot');
155+
src: url('/fonts/sofiapro-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
156+
url('/fonts/sofiapro-light-italic-webfont.woff') format('woff'),
157+
url('/fonts/sofiapro-light-italic-webfont.ttf') format('truetype'),
158+
url('/fonts/sofiapro-light-italic-webfont.svg#webfont') format('svg');
159+
font-weight: 300;
160+
font-style: italic;
161+
}
162+
163+
@font-face {
164+
font-family: 'Sofia Pro';
165+
src: url('/fonts/sofiapro-extralight-webfont.eot');
166+
src: url('/fonts/sofiapro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
167+
url('/fonts/sofiapro-extralight-webfont.woff') format('woff'),
168+
url('/fonts/sofiapro-extralight-webfont.svg#webfont') format('svg');
169+
font-weight: 200;
170+
}
171+
172+
@font-face {
173+
font-family: 'Sofia Pro';
174+
src: url('/fonts/sofiapro-extralight-italic-webfont.eot');
175+
src: url('/fonts/sofiapro-extralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
176+
url('/fonts/sofiapro-extralight-italic-webfont.woff') format('woff'),
177+
url('/fonts/sofiapro-extralight-italic-webfont.svg#webfont') format('svg');
178+
font-weight: 200;
179+
font-style: italic;
180+
}
181+
182+
@font-face {
183+
font-family: 'Sofia Pro';
184+
src: url('/fonts/sofiapro-ultralight-webfont.eot');
185+
src: url('/fonts/sofiapro-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
186+
url('/fonts/sofiapro-ultralight-webfont.woff') format('woff'),
187+
url('/fonts/sofiapro-ultralight-webfont.ttf') format('truetype'),
188+
url('/fonts/sofiapro-ultralight-webfont.svg#webfont') format('svg');
189+
font-weight: 100;
190+
}
191+
192+
@font-face {
193+
font-family: 'Sofia Pro';
194+
src: url('/fonts/sofiapro-ultralight-italic-webfont.eot');
195+
src: url('/fonts/sofiapro-ultralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
196+
url('/fonts/sofiapro-ultralight-italic-webfont.woff') format('woff'),
197+
url('/fonts/sofiapro-ultralight-italic-webfont.ttf') format('truetype'),
198+
url('/fonts/sofiapro-ultralight-italic-webfont.svg#webfont') format('svg');
199+
font-weight: 100;
200+
font-style: italic;
201+
}
202+
203+
204+
// Merriweather Sans
205+
// Converted at www.fontsqirrel.com
206+
207+
@font-face {
208+
font-family: 'Merriweather Sans';
209+
src: url('/fonts/merriweather-sans/../fonts/merriweather-sans/merriweathersans-bold-webfont.eot');
210+
src: url('/fonts/merriweather-sans/merriweathersans-bold-webfont.eot?#iefix') format('embedded-opentype'),
211+
url('/fonts/merriweather-sans/merriweathersans-bold-webfont.woff2') format('woff2'),
212+
url('/fonts/merriweather-sans/merriweathersans-bold-webfont.woff') format('woff'),
213+
url('/fonts/merriweather-sans/merriweathersans-bold-webfont.ttf') format('truetype'),
214+
url('/fonts/merriweather-sans/merriweathersans-bold-webfont.svg#merriweather_sansbold') format('svg');
215+
font-weight: 700;
216+
font-style: normal;
217+
218+
}
219+
220+
221+
@font-face {
222+
font-family: 'Merriweather Sans';
223+
src: url('/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.eot');
224+
src: url('/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
225+
url('/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.woff2') format('woff2'),
226+
url('/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.woff') format('woff'),
227+
url('/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.ttf') format('truetype'),
228+
url('/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.svg#merriweather_sansbold_italic') format('svg');
229+
font-weight: 700;
230+
font-style: italic;
231+
232+
}
233+
234+
235+
@font-face {
236+
font-family: 'Merriweather Sans';
237+
src: url('/fonts/merriweather-sans/merriweathersans-regular-webfont.eot');
238+
src: url('/fonts/merriweather-sans/merriweathersans-regular-webfont.eot?#iefix') format('embedded-opentype'),
239+
url('/fonts/merriweather-sans/merriweathersans-regular-webfont.woff2') format('woff2'),
240+
url('/fonts/merriweather-sans/merriweathersans-regular-webfont.woff') format('woff'),
241+
url('/fonts/merriweather-sans/merriweathersans-regular-webfont.ttf') format('truetype'),
242+
url('/fonts/merriweather-sans/merriweathersans-regular-webfont.svg#merriweather_sansregular') format('svg');
243+
font-weight: 400;
244+
font-style: normal;
245+
246+
}
247+
248+
249+
@font-face {
250+
font-family: 'Merriweather Sans';
251+
src: url('/fonts/merriweather-sans/merriweathersans-italic-webfont.eot');
252+
src: url('/fonts/merriweather-sans/merriweathersans-italic-webfont.eot?#iefix') format('embedded-opentype'),
253+
url('/fonts/merriweather-sans/merriweathersans-italic-webfont.woff2') format('woff2'),
254+
url('/fonts/merriweather-sans/merriweathersans-italic-webfont.woff') format('woff'),
255+
url('/fonts/merriweather-sans/merriweathersans-italic-webfont.ttf') format('truetype'),
256+
url('/fonts/merriweather-sans/merriweathersans-italic-webfont.svg#merriweather_sansitalic') format('svg');
257+
font-weight: 400;
258+
font-style: italic;
259+
260+
}
261+
262+
263+
@font-face {
264+
font-family: 'Merriweather Sans';
265+
src: url('/fonts/merriweather-sans/merriweathersans-light-webfont.eot');
266+
src: url('/fonts/merriweather-sans/merriweathersans-light-webfont.eot?#iefix') format('embedded-opentype'),
267+
url('/fonts/merriweather-sans/merriweathersans-light-webfont.woff2') format('woff2'),
268+
url('/fonts/merriweather-sans/merriweathersans-light-webfont.woff') format('woff'),
269+
url('/fonts/merriweather-sans/merriweathersans-light-webfont.ttf') format('truetype'),
270+
url('/fonts/merriweather-sans/merriweathersans-light-webfont.svg#merriweather_sansbook') format('svg');
271+
font-weight: 300;
272+
font-style: normal;
273+
274+
}
275+
276+
277+
@font-face {
278+
font-family: 'Merriweather Sans';
279+
src: url('/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.eot');
280+
src: url('/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
281+
url('/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.woff2') format('woff2'),
282+
url('/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.woff') format('woff'),
283+
url('/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.ttf') format('truetype'),
284+
url('/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.svg#merriweather_sansbookitalic') format('svg');
285+
font-weight: 300;
286+
font-style: italic;
287+
288+
}
289+
290+
291+
292+
/********** SOURCE SANS PRO **********/
293+
// We are cleaning this out. Keep here for the time being though;
294+
295+
@font-face {
296+
font-family: 'Source Sans Pro';
297+
src: url('/fonts/sourcesanspro/SourceSansPro/SourceSansPro-Light-webfont.eot');
298+
src: url('/fonts/sourcesanspro/SourceSansPro/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
299+
url('/fonts/sourcesanspro/SourceSansPro/SourceSansPro-Light-webfont.woff') format('woff'),
300+
url('/fonts/sourcesanspro/SourceSansPro/SourceSansPro-Light-webfont.ttf') format('truetype'),
301+
url('/fonts/sourcesanspro/SourceSansPro/SourceSansPro-Light-webfont.svg#webfont') format('svg');
302+
font-weight: 300;
303+
}
304+
305+
@font-face {
306+
font-family: 'Source Sans Pro';
307+
src: url('/fonts/sourcesanspro/SourceSansPro-Regular-webfont.eot');
308+
src: url('/fonts/sourcesanspro/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
309+
url('/fonts/sourcesanspro/SourceSansPro-Regular-webfont.woff') format('woff'),
310+
url('/fonts/sourcesanspro/SourceSansPro-Regular-webfont.ttf') format('truetype'),
311+
url('/fonts/sourcesanspro/SourceSansPro-Regular-webfont.svg#webfont') format('svg');
312+
font-weight: normal;
313+
}
314+
315+
@font-face {
316+
font-family: 'Source Sans Pro';
317+
src: url('/fonts/sourcesanspro/SourceSansPro-It-webfont.eot');
318+
src: url('/fonts/sourcesanspro/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
319+
url('/fonts/sourcesanspro/SourceSansPro-It-webfont.woff') format('woff'),
320+
url('/fonts/sourcesanspro/SourceSansPro-It-webfont.ttf') format('truetype'),
321+
url('/fonts/sourcesanspro/SourceSansPro-It-webfont.svg#webfont') format('svg');
322+
font-weight: normal;
323+
font-style: italic;
324+
}
325+
326+
@font-face {
327+
font-family: 'Source Sans Pro';
328+
src: url('/fonts/sourcesanspro/SourceSansPro-Semibold-webfont.eot');
329+
src: url('/fonts/sourcesanspro/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
330+
url('/fonts/sourcesanspro/SourceSansPro-Semibold-webfont.woff') format('woff'),
331+
url('/fonts/sourcesanspro/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
332+
url('/fonts/sourcesanspro/SourceSansPro-Semibold-webfont.svg#webfont') format('svg');
333+
font-weight: 600;
334+
}
335+
336+
@font-face {
337+
font-family: 'Source Sans Pro';
338+
src: url('/fonts/sourcesanspro/SourceSansPro-Bold-webfont.eot');
339+
src: url('/fonts/sourcesanspro/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
340+
url('/fonts/sourcesanspro/SourceSansPro-Bold-webfont.woff') format('woff'),
341+
url('/fonts/sourcesanspro/SourceSansPro-Bold-webfont.ttf') format('truetype'),
342+
url('/fonts/sourcesanspro/SourceSansPro-Bold-webfont.svg#webfont') format('svg');
343+
font-weight: 700;
344+
}

‎assets/css/partials/_tc-variables.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
// Typography
2+
//
3+
// Font, line-height, and color for body text, headings, and more.
4+
5+
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
6+
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
7+
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
8+
$font-family-base: $font-family-sans-serif !default;

0 commit comments

Comments
 (0)