resources/scss/common/_variables.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 // primary colors
  27 $blue: #009fdb;
  28 $dark-blue: #0568ae;
  29 $light-blue: #71c5e8;
  30 $green: #4ca90c;
  31 $dark-green: #007a3e;
  32 $light-green: #b5bd00;
  33 $orange: #ea7400;
  34 $yellow: #ffb81c;
  35 $dark-purple: #702f8a;
  36 $purple: #9063cd;
  37 $light-purple: #caa2dd;
  38 $black: #000000;
  39 $dark-gray: #5a5a5a;
  40 $gray: #959595;
  41 $light-gray: #d2d2d2;
  42 $white: #ffffff;
  43
  44 // Secondary Colors
  45 $red: #cf2a2a;
  46 $background-gray: #f2f2f2;
  47 $text-black: #191919;
  48 $link-blue: #056bae;
  49 $functional-green: #007a3e;
  50 $functional-yellow: #ffb81c;
  51 $tlv-gray: #f8f8f8;
  52 $tlv-light-gray: #eaeaea;
  53 $di-light-grey: #91a2ae;
  54 $tlv-hover: #e6f6fb;
  55
  56
  57 $scroll-bar-color: $dark-gray;
  58
  59 //responsive @media params
  60 $tablet-max-width: 1024px;
  61 $laptop-min-width: 1224px;
  62 $desktop-min-width: 1824px;
  63
  64 /* Textures */
  65 $images-folder-name: "../images";
  66 $plus-circle-icon: $images-folder-name + "/plus-circle-icon.svg";
  67 $interface-icon: $images-folder-name + "/interface.svg";
  68 $sdc-logo: $images-folder-name + "/logo.svg";
  69 $warning-icon: $images-folder-name + "/warning.svg";
  70 $icons-folder-path: $images-folder-name + "/icons";