|
|
@@ -1,76 +1,75 @@
|
|
|
-html, body {
|
|
|
- height: 100%;
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
-
|
|
|
- body.launching {
|
|
|
+html,
|
|
|
+body {
|
|
|
+ height: 100%;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+body.launching {
|
|
|
+ @include background-size(cover);
|
|
|
+ background-color: $auth-background-color;
|
|
|
+ background-image: $auth-background-image;
|
|
|
+ background-position: center;
|
|
|
+
|
|
|
+ &::before {
|
|
|
+ @include animation(rotate-animation 1s linear infinite);
|
|
|
+ @include transform-origin(50% 50%);
|
|
|
@include background-size(cover);
|
|
|
- background-color: $auth-background-color;
|
|
|
- background-image: $auth-background-image;
|
|
|
+ background-image: url(get-resource-path('images/loading.png'));
|
|
|
background-position: center;
|
|
|
-
|
|
|
- &::before {
|
|
|
- @include animation(rotate-animation 1s linear infinite);
|
|
|
- @include transform-origin(50% 50%);
|
|
|
- @include background-size(cover);
|
|
|
- background-image: url(get-resource-path('images/loading.png'));
|
|
|
- background-position: center;
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- margin-top: -15px;
|
|
|
- margin-left: -15px;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- width: 41px;
|
|
|
- height: 41px;
|
|
|
- }
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ margin-top: -15px;
|
|
|
+ margin-left: -15px;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ width: 41px;
|
|
|
+ height: 41px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
@mixin btn-border($background-color) {
|
|
|
- background-color: $background-color;
|
|
|
- border-color: $background-color !important;
|
|
|
-
|
|
|
- .x-btn-inner-default-toolbar-small {
|
|
|
- color: $lightest-color;
|
|
|
+ background-color: $background-color;
|
|
|
+ border-color: $background-color !important;
|
|
|
+
|
|
|
+ .x-btn-inner-default-toolbar-small {
|
|
|
+ color: $lightest-color;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background-color: transparent;
|
|
|
+
|
|
|
+ .x-btn-inner-default-toolbar-small,
|
|
|
+ .x-btn-inner-default-small {
|
|
|
+ color: $background-color;
|
|
|
}
|
|
|
-
|
|
|
- &:hover {
|
|
|
- background-color: transparent;
|
|
|
-
|
|
|
- .x-btn-inner-default-toolbar-small,
|
|
|
- .x-btn-inner-default-small {
|
|
|
- color: $background-color;
|
|
|
- }
|
|
|
-
|
|
|
- .x-btn-icon-el-default-small,
|
|
|
- .x-btn-icon-el-default-toolbar-small {
|
|
|
- color: $background-color;
|
|
|
- }
|
|
|
+
|
|
|
+ .x-btn-icon-el-default-small,
|
|
|
+ .x-btn-icon-el-default-toolbar-small {
|
|
|
+ color: $background-color;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .x-menu-header {
|
|
|
- z-index: 0 !important;
|
|
|
- }
|
|
|
-
|
|
|
- .x-css-shadow{
|
|
|
- box-shadow: none !important;
|
|
|
- }
|
|
|
-
|
|
|
- .shadow {
|
|
|
- @include box-shadow(rgba(0,0,0,0.2) 0 1px 2px);
|
|
|
- }
|
|
|
-
|
|
|
- .x-fa {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- .alignRight {
|
|
|
- float: right;
|
|
|
- }
|
|
|
-
|
|
|
- .boldFont {
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+}
|
|
|
+
|
|
|
+.x-menu-header {
|
|
|
+ z-index: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.x-css-shadow {
|
|
|
+ box-shadow: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.shadow {
|
|
|
+ @include box-shadow(rgba(0, 0, 0, 0.2) 0 1px 2px);
|
|
|
+}
|
|
|
+
|
|
|
+.x-fa {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.alignRight {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
|
|
|
-
|
|
|
+.boldFont {
|
|
|
+ font-weight: bold;
|
|
|
+}
|