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.
19 @import '../../style/_colors.scss';
20 @import '../../style/variables.scss';
24 display: inline-block;
26 padding: 0.75rem 3rem;
27 text-decoration: none;
28 text-transform: uppercase;
29 box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
33 background-color: #ffffff;
34 border: 1px solid #cccccc;
42 background-color: #333333;
43 border: 1px solid #000000;
56 ############################################################################ */
62 ############################################################################ */
65 -ms-flex-align: center;
71 display: -ms-inline-flexbox;
75 -ms-flex-pack: center;
76 justify-content: center;
80 text-transform: uppercase;
81 transition: $transition;
82 -moz-user-select: none;
83 -ms-user-select: none;
84 -webkit-touch-callout: none;
85 -webkit-user-select: none;
91 text-overflow: ellipsis;
92 transition: $transition;
98 transition: $transition;
101 /* Spacing between content and icon when icon is on the right */
106 /* Spacing between content and icon when icon is on the left */
113 /* box-shadow: $focus-shadow;*/
115 border-color: darken($normalHoverBackground, 10%);
119 ############################################################################ */
134 ############################################################################ */
138 background: $normalBackground;
139 border-color: darken($normalBackground, 10%);
142 color: $normalForeground;
146 fill: $normalForeground;
152 background: $normalHoverBackground;
153 border-color: darken($normalHoverBackground, 10%);
156 color: $normalHoverForeground;
160 fill: $normalHoverForeground;
166 background: $normalActiveBackground;
167 border-color: darken($normalActiveBackground, 10%);
170 color: $normalActiveForeground;
174 fill: $normalActiveForeground;
179 &--normal.is-disabled {
184 &--normal:hover.is-disabled,
185 &--normal:active.is-disabled {
186 background: $normalBackground;
187 border-color: darken($normalBackground, 10%);
190 color: $normalForeground;
194 fill: $normalForeground;
200 ############################################################################ */
204 background: $primaryBackground;
205 border-color: darken($primaryBackground, 10%);
208 color: $primaryForeground;
212 fill: $primaryForeground;
218 background: $primaryHoverBackground;
219 border-color: darken($primaryHoverBackground, 10%);
222 color: $primaryHoverForeground;
226 fill: $primaryHoverForeground;
232 background: $primaryActiveBackground;
233 border-color: darken($primaryActiveBackground, 10%);
236 color: $primaryActiveForeground;
240 fill: $primaryActiveForeground;
245 &--primary.is-disabled {
250 &--primary:hover.is-disabled,
251 &--primary:active.is-disabled {
252 background: $primaryBackground;
253 border-color: darken($primaryBackground, 10%);
256 color: $primaryForeground;
260 fill: $primaryForeground;
266 display: -ms-flexbox;
268 -ms-flex-pack: center;
269 justify-content: center;