4 * Copyright 2016 RIFT.IO Inc
6 * Licensed under the Apache License, Version 2.0 (the "License");
7 * you may not use this file except in compliance with the License.
8 * You may obtain a copy of the License at
10 * http://www.apache.org/licenses/LICENSE-2.0
12 * Unless required by applicable law or agreed to in writing, software
13 * distributed under the License is distributed on an "AS IS" BASIS,
14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 * See the License for the specific language governing permissions and
16 * limitations under the License.
20 $darker-gray: rgb(91,91,91);
21 $dark-gray: rgb(211, 211, 211);
22 $lightest-gray: rgb(221,221,221);
23 $light-green: rgb(147, 203, 67);
24 $light-blue: rgb(0, 168, 235);
25 $lighter-blue: rgb(159, 196, 244);
28 $primary-header: $light-green;
29 $secondary-header: $dark-gray;
30 $body-color:$lightest-gray;
37 $gray-lightest: #f1f1f1;
38 $gray-lighter: #e5e5e5;
48 $brand-blue-light: #30baef;
50 $brand-blue-dark: #147ca3;
51 $brand-green-light: #93cb43;
52 $brand-green: #7cc118;
56 New Styles. Phase out old above
60 ############################################################################ */
62 $neutral-white: hsl( 0, 100%, 100%);
63 $neutral-light-1: hsl(360, 100%, 50%);
64 $neutral-light-2: hsl(360, 100%, 50%);
65 $neutral-light-3: hsl(360, 100%, 50%);
66 $neutral-light-4: hsl(360, 100%, 50%);
67 $neutral-light-5: hsl(360, 100%, 50%);
69 $neutral-dark-1: hsl(0, 0%, 63.7%);
70 $neutral-dark-2: hsl(0, 0%, 56.7%);
71 $neutral-dark-3: hsl(0, 0%, 49.7%);
72 $neutral-dark-4: hsl(0, 0%, 42.7%);
73 $neutral-dark-5: hsl(0, 0%, 35.7%);
74 $netral-black: hsl(0, 100%, 0%);
78 /* SUCCESS, WARNING, ALERT
79 ############################################################################ */
81 $success: hsl(198, 59%, 56%);
82 $warning: hsl(39, 89%, 67%);
83 $alert: hsl(5, 100%, 71%);
88 ############################################################################ */
90 $header: hsl(218, 18%, 17%);
91 $body: hsl(181, 6%, 95%);
96 ############################################################################ */
98 $primary: hsl(204, 100%, 39%);
99 $focus: hsla(204, 100%, 39%, 1);
104 ############################################################################ */
106 $normalBackground: hsl(211, 3%, 91%);
107 $normalForeground: hsl(211, 3%, 11%);
109 $normalHoverBackground: darken($normalBackground, 10%);
110 $normalHoverForeground: $normalForeground;
112 $normalActiveBackground: saturate($primary, 50%);
113 $normalActiveForeground: $neutral-white;
116 $primaryBackground: $primary;
117 $primaryForeground: $neutral-white;
119 $primaryHoverBackground: darken($primaryBackground, 10%);
120 $primaryHoverForeground: $primaryForeground;
122 $primaryActiveBackground: saturate($primary, 50%);
123 $primaryActiveForeground: $neutral-white;