diff options
author | 2017-06-02 16:27:25 -0400 | |
---|---|---|
committer | 2017-06-02 16:33:14 -0400 | |
commit | ca007e933bcd9f63aa77801656ed9dd4142c432c (patch) | |
tree | ce97ed9df8c4fe48a524f0dc1365ad28acef7c46 /resources/scss/common/_typography.scss | |
parent | 42b788b852f0604748828e9e325e4a0f01152c75 (diff) |
Initial coomit for AAI-UI(sparky-fe)
Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb
Signed-off-by: ARULNA <arul.nambi@amdocs.com>
Diffstat (limited to 'resources/scss/common/_typography.scss')
-rw-r--r-- | resources/scss/common/_typography.scss | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/resources/scss/common/_typography.scss b/resources/scss/common/_typography.scss new file mode 100644 index 0000000..ce5462a --- /dev/null +++ b/resources/scss/common/_typography.scss @@ -0,0 +1,106 @@ +/* +* ============LICENSE_START======================================================= +* SPARKY (AAI UI service) +* ================================================================================ +* Copyright © 2017 AT&T Intellectual Property. +* Copyright © 2017 Amdocs +* All rights reserved. +* ================================================================================ +* Licensed under the Apache License, Version 2.0 (the "License"); +* you may not use this file except in compliance with the License. +* You may obtain a copy of the License at +* +* http://www.apache.org/licenses/LICENSE-2.0 +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +* ============LICENSE_END========================================================= +* +* ECOMP and OpenECOMP are trademarks +* and service marks of AT&T Intellectual Property. +*/ + +/* Fonts */ + +$base-font-regular: Arial; +$base-font-light: Arial; +$base-font-medium: Arial; +$base-font-bold: Arial; + +$heading-font-1: 36px; +$heading-font-2: 24px; +$heading-font-3: 18px; +$heading-font-4: 16px; + +$body-font-1: 14px; +$body-font-2: 13px; +$body-font-3: 12px; + +$focus-font-1: 55px; +$focus-font-2: 50px; +$focus-font-3: 45px; +$focus-font-4: 40px; + +.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 { + 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; +} + +.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; +} + |