Rename scss files to css

library-css/import.css

@@ -0,0 +1,19 @@
+@import "variables.css";
+@import "portal.css";
+@import "pagination.css";
+@import "labels.css";
+@import "utils.css";
+@import "search-utils.css";
+@import "landing-utils.css";
+@import "tabs.css";
+@import "breadcrumbs.css";
+@import "material.css";
+@import "alerts.css";
+@import "login.css";
+@import "text.css";
+@import "button.css";
+@import "notification.css";
+@import "modal.css";
+@import "input.css";
+@import "card.css";
+@import "dropdown-tooltip.css";

library-css/library.scss

@@ -1,22 +0,0 @@
-/*@import "variables.scss";
-@import "portal.scss";
-@import "pagination.scss";
-@import "labels.scss";
- */
-@import "utils.scss";
-/*
-@import "search-utils.scss";
-@import "landing-utils.scss";
-@import "tabs.scss";
-@import "breadcrumbs.scss";
-@import "material.scss";
-@import "alerts.scss";
-@import "login.scss";
-@import "text.scss";
-@import "button.scss";
-@import "notification.scss";
-@import "modal.scss";
-@import "input.scss";
-@import "card.scss";
-@import "dropdown-tooltip.scss";
-*/

library-css/utils.css

@@ -0,0 +1,149 @@
+/*@media (min-width: 960px) {*/
+/*  .float-children-right-at-medium > * {*/
+/*    float: right;*/
+/*  }*/
+/*}*/
+
+/*@media (max-width: 959px) {*/
+/*  .margin-small-top-at-small {*/
+/*    margin-top: 10px !important;*/
+/*  }*/
+/*}*/
+
+/*.space {*/
+/*  margin-left: 4px !important;*/
+/*}*/
+
+/*.custom-icon {*/
+/*  display: inline-block;*/
+/*  width: 18px;*/
+/*  height: 18px;*/
+/*  vertical-align: text-top;*/
+/*}*/
+
+/*.custom-icon.large {*/
+/*  width: 22px;*/
+/*  height: 22px;*/
+/*}*/
+
+/*.custom-external {*/
+/*  background: url("~src/assets/common-assets/external-link.svg") no-repeat;*/
+/*  background-size: contain;*/
+/*}*/
+
+/*.custom-icon-button {*/
+/*  border-radius: 50%;*/
+/*  padding: 9px 10px;*/
+/*  line-height: unset;*/
+/*}*/
+
+/*.custom-external-white {*/
+/*  background: url("~src/assets/common-assets/icons/external.svg") no-repeat;*/
+/*  background-size: contain;*/
+/*}*/
+
+/*.custom-copy-white {*/
+/*  background: url("~src/assets/common-assets/icons/copy.svg") no-repeat;*/
+/*  background-size: contain;*/
+/*}*/
+
+/*h2 .custom-external {*/
+/*  min-height: 20px;*/
+/*  background-size: 20px 20px;*/
+/*  padding-left: 21px;*/
+/*  background: rgba(0, 0, 0, 0) url("~src/assets/common-assets/external-link.svg") no-repeat scroll left center;*/
+/*}*/
+
+.multi-line-ellipsis p {
+  display: -webkit-box;
+  autoprefixer: ignore next;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.multi-line-ellipsis.line-1 p {
+  -webkit-line-clamp: 1;
+}
+
+.multi-line-ellipsis.lines-2 p {
+  -webkit-line-clamp: 2;
+}
+
+.multi-line-ellipsis.lines-3 p {
+  -webkit-line-clamp: 3;
+}
+
+.multi-line-ellipsis.lines-10 p {
+  -webkit-line-clamp: 10;
+}
+
+/*.iframeContainer {*/
+/*  overflow: hidden;*/
+
+/*}*/
+
+/*.iframeContainer iframe {*/
+/*  width: 100%;*/
+/*  height: 100%;*/
+/*  border: 0;*/
+/*}*/
+
+
+/*.orcid > input[name="code"] {*/
+/*  border-radius: 2px 0 0 2px;*/
+/*  border: 1px solid #ededed;*/
+/*  border-right: none;*/
+/*}*/
+
+/*.orcid > .uk-button.copy {*/
+/*  border-radius: 0 2px 2px 0;*/
+/*  border-left: none;*/
+/*}*/
+
+/*.uk-button.copy {*/
+/*  border-radius: 0;*/
+/*}*/
+
+/*.uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover{*/
+/*  color:var(--portal-main-color) !important;*/
+/*}*/
+
+/*ul > li > .circle {*/
+/*  border-radius: 50%;*/
+/*  padding: 1px;*/
+/*}*/
+
+/*ul > li > .circle.uk-light svg > * {*/
+/*  stroke: #ffffff;*/
+/*}*/
+
+/*div:not(.uk-logo) > img {*/
+/*  align-self: start;*/
+/*}*/
+
+/*.number-width {*/
+/*  width: 270px;*/
+/*}*/
+
+/*.hide-element {*/
+/*  padding: 0 !important;*/
+/*  height: 0 !important;*/
+/*  overflow: hidden !important;*/
+/*}*/
+
+/*.cursor-default {*/
+/*  cursor: default !important;*/
+/*}*/
+
+/*.custom-break {*/
+/*  overflow-wrap: break-word;*/
+/*  word-wrap: break-word;*/
+/*  -ms-word-break: break-all;*/
+/*  word-break: break-all;*/
+/*  -ms-hyphens: auto;*/
+/*  -moz-hyphens: auto;*/
+/*  -webkit-hyphens: auto;*/
+/*  hyphens: auto;*/
+
+/*}*/

library-css/utils.scss

@@ -1,151 +0,0 @@
-/*
-@media (min-width: 960px) {
-  .float-children-right-at-medium > * {
-    float: right;
-  }
-}
-
-@media (max-width: 959px) {
-  .margin-small-top-at-small {
-    margin-top: 10px !important;
-  }
-}
-
-.space {
-  margin-left: 4px !important;
-}
-
-.custom-icon {
-  display: inline-block;
-  width: 18px;
-  height: 18px;
-  vertical-align: text-top;
-}
-
-.custom-icon.large {
-  width: 22px;
-  height: 22px;
-}
-
-.custom-external {
-  background: url("~src/assets/common-assets/external-link.svg") no-repeat;
-  background-size: contain;
-}
-
-.custom-icon-button {
-  border-radius: 50%;
-  padding: 9px 10px;
-  line-height: unset;
-}
-
-.custom-external-white {
-  background: url("~src/assets/common-assets/icons/external.svg") no-repeat;
-  background-size: contain;
-}
-
-.custom-copy-white {
-  background: url("~src/assets/common-assets/icons/copy.svg") no-repeat;
-  background-size: contain;
-}
-
-h2 .custom-external {
-  min-height: 20px;
-  background-size: 20px 20px;
-  padding-left: 21px;
-  background: rgba(0, 0, 0, 0) url("~src/assets/common-assets/external-link.svg") no-repeat scroll left center;
-}*/
-
-.multi-line-ellipsis p {
-  display: -webkit-box;
-  autoprefixer: ignore next;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.multi-line-ellipsis.line-1 p {
-  -webkit-line-clamp: 1;
-}
-
-.multi-line-ellipsis.lines-2 p {
-  -webkit-line-clamp: 2;
-}
-
-.multi-line-ellipsis.lines-3 p {
-  -webkit-line-clamp: 3;
-}
-
-.multi-line-ellipsis.lines-10 p {
-  -webkit-line-clamp: 10;
-}
-
-/*.iframeContainer {
-  overflow: hidden;
-
-}
-
-.iframeContainer iframe {
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
-
-.orcid > input[name="code"] {
-  border-radius: 2px 0 0 2px;
-  border: 1px solid #ededed;
-  border-right: none;
-}
-
-.orcid > .uk-button.copy {
-  border-radius: 0 2px 2px 0;
-  border-left: none;
-}
-
-.uk-button.copy {
-  border-radius: 0;
-}
-
-.uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover{
-  color:var(--portal-main-color) !important;
-}
-
-ul > li > .circle {
-  border-radius: 50%;
-  padding: 1px;
-}
-
-ul > li > .circle.uk-light svg > * {
-  stroke: #ffffff;
-}
-
-div:not(.uk-logo) > img {
-  align-self: start;
-}
-
-.number-width {
-  width: 270px;
-}
-
-.hide-element {
-  padding: 0 !important;
-  height: 0 !important;
-  overflow: hidden !important;
-}
-
-.cursor-default {
-  cursor: default !important;
-}
-
-.custom-break {
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  -ms-word-break: break-all;
-  word-break: break-all;
-  -ms-hyphens: auto;
-  -moz-hyphens: auto;
-  -webkit-hyphens: auto;
-  hyphens: auto;
-
-}
-*/

library.css

@@ -1,4 +1,4 @@
-@import "library-css/library.scss";
+@import "library-css/import.css";
 
 /*!* theme *!*/
 body {