resources/scss/common/_typography.scss

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * SPARKY (AAI UI service)
   4 * ================================================================================
   5 * Copyright © 2017 AT&T Intellectual Property.
   6 * Copyright © 2017 Amdocs
   7 * All rights reserved.
   8 * ================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file except in compliance with the License.
  11 * You may obtain a copy of the License at
  12 *
  13 *      http://www.apache.org/licenses/LICENSE-2.0
  14 *
  15 * Unless required by applicable law or agreed to in writing, software
  16 * distributed under the License is distributed on an "AS IS" BASIS,
  17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18 * See the License for the specific language governing permissions and
  19 * limitations under the License.
  20 * ============LICENSE_END=========================================================
  21 *
  22 * ECOMP and OpenECOMP are trademarks
  23 * and service marks of AT&T Intellectual Property.
  24 */
  25
  26 /* Fonts */
  27
  28 $base-font-regular: Arial;
  29 $base-font-light: Arial;
  30 $base-font-medium: Arial;
  31 $base-font-bold: Arial;
  32
  33 $heading-font-1: 36px;
  34 $heading-font-2: 24px;
  35 $heading-font-3: 18px;
  36 $heading-font-4: 16px;
  37
  38 $body-font-1: 14px;
  39 $body-font-2: 13px;
  40 $body-font-3: 12px;
  41
  42 $focus-font-1: 55px;
  43 $focus-font-2: 50px;
  44 $focus-font-3: 45px;
  45 $focus-font-4: 40px;
  46
  47 .heading-1 {
  48   font-family: $base-font-light;
  49   font-size: $heading-font-1;
  50 }
  51
  52 .heading-2 {
  53   font-family: $base-font-light;
  54   font-size: $heading-font-2;
  55 }
  56
  57 .heading-3 {
  58   font-family: $base-font-regular;
  59   font-size: $heading-font-3;
  60 }
  61
  62 .heading-3-medium {
  63   font-family: $base-font-medium;
  64   font-size: $heading-font-3;
  65 }
  66
  67 .heading-4 {
  68   font-family: $base-font-regular;
  69   font-size: $heading-font-4;
  70 }
  71
  72 .heading-4-medium {
  73   font-family: $base-font-medium;
  74   font-size: $heading-font-4;
  75 }
  76
  77 .body-1 {
  78   font-family: $base-font-regular;
  79   font-size: $body-font-1;
  80 }
  81
  82 .body-1-medium {
  83   font-family: $base-font-medium;
  84   font-size: $body-font-1;
  85 }
  86
  87 .body-2 {
  88   font-family: $base-font-regular;
  89   font-size: $body-font-2;
  90 }
  91
  92 .body-2-medium {
  93   font-family: $base-font-medium;
  94   font-size: $body-font-2;
  95 }
  96
  97 .body-3 {
  98   font-family: $base-font-regular;
  99   font-size: $body-font-3;
 100 }
 101
 102 .body-3-medium {
 103   font-family: $base-font-medium;
 104   font-size: $body-font-3;
 105 }
 106