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 ############################################################################ */
73 justify-content: center;
77 text-transform: uppercase;
78 transition: $transition;
79 -moz-user-select: none;
80 -ms-user-select: none;
81 -webkit-touch-callout: none;
82 -webkit-user-select: none;
88 text-overflow: ellipsis;
89 transition: $transition;
95 transition: $transition;
98 /* Spacing between content and icon when icon is on the right */
103 /* Spacing between content and icon when icon is on the left */
110 // box-shadow: $focus-shadow;
111 border: 1px solid red;
115 ############################################################################ */
130 ############################################################################ */
134 background: $normalBackground;
135 border-color: darken($normalBackground, 10%);
138 color: $normalForeground;
142 fill: $normalForeground;
148 background: $normalHoverBackground;
149 border-color: darken($normalHoverBackground, 10%);
152 color: $normalHoverForeground;
156 fill: $normalHoverForeground;
162 background: $normalActiveBackground;
163 border-color: darken($normalActiveBackground, 10%);
166 color: $normalActiveForeground;
170 fill: $normalActiveForeground;
175 &--normal.is-disabled {
180 &--normal:hover.is-disabled,
181 &--normal:active.is-disabled {
182 background: $normalBackground;
183 border-color: darken($normalBackground, 10%);
186 color: $normalForeground;
190 fill: $normalForeground;
196 ############################################################################ */
200 background: $primaryBackground;
201 border-color: darken($primaryBackground, 10%);
204 color: $primaryForeground;
208 fill: $primaryForeground;
214 background: $primaryHoverBackground;
215 border-color: darken($primaryHoverBackground, 10%);
218 color: $primaryHoverForeground;
222 fill: $primaryHoverForeground;
228 background: $primaryActiveBackground;
229 border-color: darken($primaryActiveBackground, 10%);
232 color: $primaryActiveForeground;
236 fill: $primaryActiveForeground;
241 &--primary.is-disabled {
246 &--primary:hover.is-disabled,
247 &--primary:active.is-disabled {
248 background: $primaryBackground;
249 border-color: darken($primaryBackground, 10%);
252 color: $primaryForeground;
256 fill: $primaryForeground;