summaryrefslogtreecommitdiffstats
path: root/catalog-ui/app/styles/layout/main.less
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/app/styles/layout/main.less')
-rw-r--r--catalog-ui/app/styles/layout/main.less124
1 files changed, 0 insertions, 124 deletions
diff --git a/catalog-ui/app/styles/layout/main.less b/catalog-ui/app/styles/layout/main.less
deleted file mode 100644
index 925da09431..0000000000
--- a/catalog-ui/app/styles/layout/main.less
+++ /dev/null
@@ -1,124 +0,0 @@
-.full-height {
- height: 100%;
- background-color: @main_color_l
-}
-
-.w-sdc-main-container {
- position: absolute;
- top: @header_height + @top_nav_height;
- left: 0;
- right: 0;
- bottom: 0;
-
- .w-sdc-main-right-container {
- .bg_n;
- bottom: 0;
- padding: 22px 12px;
- position: absolute;
- left: 240px;
- right: 0;
- top: 0;
- overflow: hidden;
-
-
- & > div:first-child { /* scroll fix */
- padding-bottom: 80px;
- }
- }
-}
-
-.sdc-loading-page {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- position: absolute;
- height: 100%;
- width: 100%;
-
- .caption1 {
- .p_24;
- text-align: center;
- }
-
- .caption2 {
- .p_16_m;
- display: block;
- }
-}
-
-.main-loader {
- @green: #cccccc;
- @blue: #dddddd;
- @red: #eeeeee;
- @yellow: #bbbbbb;
- @white: #ffffff;
-
- @width: 80px;
-
- .loader {
- position: relative;
- margin: 0px auto;
- width: @width;
- &:before {
- content:'';
- display: block;
- padding-top: 100%;
- }
- }
-
- .circular {
- animation: rotate 2s linear infinite;
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0; bottom: 0; left: 0; right: 0;
- margin: auto;
- }
-
-
- .path {
- stroke-dasharray: 1,200;
- stroke-dashoffset: 0;
- animation:
- dash 1.5s ease-in-out infinite,
- color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes rotate{
- 100%{
- transform: rotate(360deg);
- }
- }
- @keyframes dash{
- 0%{
- stroke-dasharray: 1,200;
- stroke-dashoffset: 0;
- }
- 50%{
- stroke-dasharray: 89,200;
- stroke-dashoffset: -35px;
- }
- 100%{
- stroke-dasharray: 89,200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes color{
- 100%, 0%{
- stroke: @red;
- }
- 40%{
- stroke: @blue;
- }
- 66%{
- stroke: @green;
- }
- 80%, 90%{
- stroke: @yellow;
- }
- }
-
-}