diff options
| author |   Michael Lando <ml636r@att.com> | 2017-02-19 12:57:33 +0200 |
|---|---|---|
| committer | Michael Lando <ml636r@att.com> | 2017-02-19 13:47:13 +0200 |
| commit | efa037d34be7b1570efdc767c79fad8d4005f10e (patch) | |
| tree | cf1036ba2728dea8a61492b678fa91954e629403 /openecomp-ui/resources/scss/common/_typography.scss | |
| parent | f5f13c4f6b6fe3b4d98e349dfd7db59339803436 (diff) | |
Add new code new version
Change-Id: Ic02a76313503b526f17c3df29eb387a29fe6a42a
Signed-off-by: Michael Lando <ml636r@att.com>
Diffstat (limited to 'openecomp-ui/resources/scss/common/_typography.scss')
| -rw-r--r-- | openecomp-ui/resources/scss/common/_typography.scss | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/openecomp-ui/resources/scss/common/_typography.scss b/openecomp-ui/resources/scss/common/_typography.scss new file mode 100644 index 0000000000..46edfb03de --- /dev/null +++ b/openecomp-ui/resources/scss/common/_typography.scss @@ -0,0 +1,115 @@ +/* Fonts */ +@font-face { + font-family: Omnes-Light; + src: url('../fonts/omnes-att-light.otf'); +} + +@font-face { + font-family: Omnes-Regular; + src: url('../fonts/omnes-att-regular.otf'); +} + +@font-face { + font-family: Omnes-Medium; + src: url('../fonts/omnes-att-medium.otf'); +} + +@font-face { + font-family: Omnes-Bold; + src: url('../fonts/omnes-att-bold.otf'); +} + +$base-font-regular: omnes-regular, "Omnes-Regular"; +$base-font-light: omnes-light, "Omnes-Light"; +$base-font-medium: omnes-medium, "Omnes-Medium"; +$base-font-bold: omnes-bold, "Omnes-Bold"; + +$heading-font-1: 36px; +$heading-font-2: 24px; +$heading-font-3: 20px; +$heading-font-4: 18px; +$heading-font-5: 16px; + +$body-font-1: 14px; +$body-font-2: 13px; +$body-font-3: 12px; + +$icon-font-size: 10px; +$icon-font-family: FontAwesome; +$radio-font-family: Arial; + +.heading-1 { + font-family: $base-font-light; + font-size: $heading-font-1; +} + +.heading-2 { + font-family: $base-font-light; + font-size: $heading-font-2; +} + +.heading-3-light { + font-family: $base-font-light; + font-size: $heading-font-3; +} + +.heading-3 { + font-family: $base-font-regular; + font-size: $heading-font-3; +} + +.heading-3-medium { + font-family: $base-font-medium; + font-size: $heading-font-3; +} + +.heading-4 { + font-family: $base-font-regular; + font-size: $heading-font-4; +} + +.heading-4-medium { + font-family: $base-font-medium; + font-size: $heading-font-4; +} + +.heading-5 { + font-family: $base-font-regular; + font-size: $heading-font-5; +} + +.heading-5-medium { + font-family: $base-font-medium; + font-size: $heading-font-5; +} + +.body-1 { + font-family: $base-font-regular; + font-size: $body-font-1; +} + +.body-1-medium { + font-family: $base-font-medium; + font-size: $body-font-1; +} + +.body-2 { + font-family: $base-font-regular; + font-size: $body-font-2; +} + +.body-2-medium { + font-family: $base-font-medium; + font-size: $body-font-2; +} + +.body-3 { + font-family: $base-font-regular; + font-size: $body-font-3; +} + +.body-3-medium { + font-family: $base-font-medium; + font-size: $body-font-3; +} + |