Compare commits
49 Commits
explore-re
...
master
BIN
common/80x15.png
Before Width: | Height: | Size: 410 B After Width: | Height: | Size: 327 B |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 230 B |
Before Width: | Height: | Size: 289 B After Width: | Height: | Size: 230 B |
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 3.8 KiB |
Before Width: | Height: | Size: 755 B After Width: | Height: | Size: 286 B |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 784 B |
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 128 KiB |
After Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 369 KiB After Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 3.4 KiB |
BIN
eosc-logo.png
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 735 B After Width: | Height: | Size: 465 B |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 861 B |
|
@ -33,8 +33,11 @@
|
|||
@dashboard-sidebar-toggle-size: @icon-button-small-size;
|
||||
@dashboard-sidebar-toggle-top: 50%;
|
||||
|
||||
@dashboard-logo-width: 30%;
|
||||
|
||||
@dashboard-menu-section-font-size: @global-small-font-size;
|
||||
@dashboard-menu-section-line-height: 1.5 * @global-small-font-size;
|
||||
@dashboard-menu-section-margin: 10px;
|
||||
@dashboard-menu-section-item-line-height: @global-control-small-height;
|
||||
@dashboard-menu-section-item-padding-vertical: 5px;
|
||||
@dashboard-menu-section-item-padding-horizontal: 20px;
|
||||
@dashboard-menu-section-item-padding-horizontal-s: 30px;
|
||||
|
@ -85,7 +88,7 @@
|
|||
}
|
||||
|
||||
.sidebar_mobile_toggle {
|
||||
line-height: @dashboard-menu-section-item-line-height;
|
||||
line-height: @dashboard-menu-section-line-height;
|
||||
|
||||
& .menu-icon {
|
||||
background-color: @dashboard-primary-background;
|
||||
|
@ -102,7 +105,7 @@
|
|||
& > a {
|
||||
position: relative;
|
||||
padding: @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal;
|
||||
line-height: @dashboard-menu-section-item-line-height;
|
||||
line-height: @dashboard-menu-section-line-height;
|
||||
|
||||
&:not(.uk-flex) {
|
||||
display: block;
|
||||
|
@ -119,7 +122,7 @@
|
|||
& > a {
|
||||
padding: @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal;
|
||||
|
||||
&::after {
|
||||
.uk-nav-parent-icon::after {
|
||||
color: @dashboard-menu-section-item-parent-icon-color;
|
||||
}
|
||||
|
||||
|
@ -128,7 +131,7 @@
|
|||
right: (@dashboard-menu-section-item-padding-horizontal/2);
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
line-height: (@dashboard-menu-section-item-line-height - 10px);
|
||||
line-height: (@dashboard-menu-section-line-height - 10px);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -203,8 +206,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
&:not(.mobile) .uk-nav-default:extend(.uk-text-small) {
|
||||
&:not(.mobile) .uk-nav-default {
|
||||
font-size: @dashboard-menu-section-font-size;
|
||||
line-height: @dashboard-menu-section-line-height;
|
||||
margin-left: @dashboard-menu-section-margin;
|
||||
|
||||
& .uk-nav-sub > li {
|
||||
font-size: @dashboard-menu-section-font-size;
|
||||
line-height: @dashboard-menu-section-line-height;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -223,8 +233,11 @@
|
|||
|
||||
.sidebar_main_swipe {
|
||||
#sidebar_main {
|
||||
height: calc(100vh - @dashboard-header-height);
|
||||
position: relative;
|
||||
|
||||
#sidebar_toggle {
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
z-index: @dashboard-z-index + 1;
|
||||
top: @dashboard-sidebar-toggle-top;
|
||||
left: @dashboard-sidebar-width;
|
||||
|
@ -264,23 +277,31 @@
|
|||
|
||||
#sidebar_content {
|
||||
width: @dashboard-sidebar-width;
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding-top: @dashboard-header-height;
|
||||
z-index: @dashboard-z-index;
|
||||
background: @dashboard-sidebar-background;
|
||||
border-right: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
|
||||
border: @dashboard-sidebar-border-width solid @dashboard-sidebar-border;
|
||||
border-left: none;
|
||||
transition: width @dashboard-transition-delay linear;
|
||||
-webkit-transition: width @dashboard-transition-delay linear;
|
||||
-moz-transition: width @dashboard-transition-delay linear;
|
||||
-o-transition: width @dashboard-transition-delay linear;
|
||||
overflow-y: auto;
|
||||
|
||||
& #sidebar_logo:extend(.uk-flex):extend(.uk-flex-center) {
|
||||
& > img {
|
||||
width: @dashboard-logo-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@{dashboard-pages}, @{dashboard-elements} {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-left: @dashboard-sidebar-width;
|
||||
transition: padding-left @dashboard-transition-delay linear;
|
||||
-webkit-transition: padding-left @dashboard-transition-delay linear;
|
||||
|
|
|
@ -30,6 +30,24 @@
|
|||
@usage-counts-icon-gradient: linear-gradient(127deg, @usage-counts-orange-color 0%, @usage-counts-blue-color 100%);
|
||||
@usage-counts-number-gradient: linear-gradient(122deg, @primary-light-color 0%, @primary-dark-color 100%);
|
||||
|
||||
@general-dot-size: 8px;
|
||||
@general-dot-default-background: @global-inverse-color;
|
||||
@general-dot-items: {
|
||||
open: @open-access-color;
|
||||
restricted: @restricted-access-color;
|
||||
embargo: @embargo-access-color;
|
||||
closed: @closed-access-color;
|
||||
|
||||
green: @green-oa-color;
|
||||
gold: @gold-oa-color;
|
||||
hybrid: @hybrid-oa-color;
|
||||
bronze: @bronze-oa-color;
|
||||
diamond: @diamond-oa-color;
|
||||
}
|
||||
|
||||
@general-access-route-label-padding: @global-xsmall-margin;
|
||||
@general-access-route-badge-size: 18px;
|
||||
|
||||
main {
|
||||
min-height: calc(100vh - var(--header-height));
|
||||
}
|
||||
|
@ -204,6 +222,7 @@ noscript, ol, section, table, tfoot, ul, video;
|
|||
background-color: @general-search-form-background;
|
||||
background-image: @general-search-form-background-image;
|
||||
background-position: @general-search-form-background-position;
|
||||
.hook-general-search-form();
|
||||
}
|
||||
|
||||
/* Filter slider */
|
||||
|
@ -338,6 +357,101 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
|
|||
|
||||
.fully_rounded .a2a_svg { border-radius: 50% !important; }
|
||||
|
||||
|
||||
/* Dot Items */
|
||||
.dot:extend(.uk-margin-xsmall-right):extend(.uk-display-inline-block) {
|
||||
width: @general-dot-size;
|
||||
height: @general-dot-size;
|
||||
background: @general-dot-default-background;
|
||||
border-radius: 50%;
|
||||
|
||||
each(@general-dot-items, {
|
||||
&.@{key} {
|
||||
background: @value;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* Access Routes */
|
||||
.access-route-label:extend(.uk-label all):extend(.uk-background-default):extend(.uk-text-capitalize) {
|
||||
padding: @general-access-route-label-padding;
|
||||
}
|
||||
|
||||
.access-route-badge {
|
||||
width: @general-access-route-badge-size;
|
||||
height: @general-access-route-badge-size;
|
||||
position: relative;
|
||||
|
||||
& > .dot {
|
||||
position: absolute;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
&.dots-1 {
|
||||
& > .dot:first-child {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.dots-2 {
|
||||
& > .dot:first-child {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.dots-3 {
|
||||
& > .dot:first-child {
|
||||
left: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(2) {
|
||||
right: 0;
|
||||
top: 100%;
|
||||
transform: translate(0, -100%);
|
||||
}
|
||||
|
||||
& > .dot:nth-child(3) {
|
||||
left: 50%;
|
||||
top: 0;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {
|
||||
--mat-standard-button-toggle-height: @global-control-small-height;
|
||||
background-color: @global-inverse-color;
|
||||
|
||||
& > button > span {
|
||||
padding:@global-xsmall-margin;
|
||||
margin: @global-xsmall-margin;
|
||||
|
||||
&:hover {
|
||||
background-color: @global-secondary-background;
|
||||
color: @global-inverse-color;
|
||||
border-radius: @global-small-border-radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.filter-button-toggle.mat-button-toggle-checked > button > span {
|
||||
background-color: @global-secondary-background;
|
||||
color: @global-inverse-color;
|
||||
border-radius: @global-small-border-radius;
|
||||
}
|
||||
|
||||
@inverse-general-custom-external-color: @global-inverse-color;
|
||||
|
||||
.hook-inverse() {
|
||||
|
@ -347,3 +461,5 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hook-general-search-form() {}
|
||||
|
|
|
@ -0,0 +1,122 @@
|
|||
@section-container-background: @global-inverse-color;
|
||||
@section-container-border: @global-border-width solid @global-border;
|
||||
@section-container-margin-top: @global-font-size + 2*@global-xsmall-gutter;
|
||||
@section-tab-padding: @global-xsmall-gutter @global-gutter;
|
||||
@section-tab-background: @muted-color;
|
||||
@section-tab-border: @global-border-width solid @gray-300;
|
||||
@section-tab-color: @placeholder-color;
|
||||
@section-tab-active-color: @global-primary-background;
|
||||
@section-tab-active-background: @section-container-background;
|
||||
@section-tab-width: @width-small-width;
|
||||
|
||||
.number-preview {
|
||||
border: @global-border-width solid @global-border;
|
||||
background: transparent;
|
||||
border-radius: @global-border-radius;
|
||||
min-width: 100px;
|
||||
min-height: 70px;
|
||||
}
|
||||
|
||||
.refresh-indicator {
|
||||
background-color: @global-overlay-background;
|
||||
border-radius: @global-border-radius;
|
||||
position: absolute;
|
||||
color: @global-inverse-color;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 60px 45px;
|
||||
border-radius: @global-border-radius;
|
||||
border: @global-border-width solid @global-border;
|
||||
position: relative;
|
||||
background: @global-inverse-color;
|
||||
border-left: 5px @global-primary-background solid;
|
||||
|
||||
& > .tools {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -100%);
|
||||
max-width: 50px;
|
||||
padding: 5px 10px;
|
||||
background-image: @global-primary-gradient;
|
||||
color: @global-inverse-color;
|
||||
-webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
|
||||
clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
& > .tools {
|
||||
display: block;
|
||||
|
||||
a {
|
||||
color: currentColor;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.indicator-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: @global-overlay-background;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.inner {
|
||||
background: @global-background;
|
||||
border-radius: @global-border-radius;
|
||||
width: 75%;
|
||||
max-height: 75%;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.section-container:extend(.uk-padding) {
|
||||
background: @section-container-background;
|
||||
border: @section-container-border;
|
||||
position: relative;
|
||||
margin-top: @section-container-margin-top + @global-large-margin;
|
||||
|
||||
ul.tabs {
|
||||
position: absolute;
|
||||
top: -@section-container-margin-top - @global-border-width;
|
||||
left: 0;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
font-size: @global-small-font-size;
|
||||
|
||||
& > li:extend(.clickable) {
|
||||
padding: @section-tab-padding;
|
||||
background: @section-tab-background;
|
||||
color: @section-tab-color;
|
||||
border: @section-tab-border;
|
||||
border-bottom: none;
|
||||
height: @global-font-size;
|
||||
line-height: @global-font-size;
|
||||
margin-left: -@global-border-width;
|
||||
width: @section-tab-width;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: @global-small-border-radius;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-top-right-radius: @global-small-border-radius;
|
||||
}
|
||||
|
||||
&.uk-active:extend(.uk-text-bold) {
|
||||
background: @section-tab-active-background;
|
||||
border-bottom: @section-tab-active-background;
|
||||
color: @section-tab-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -32,10 +32,14 @@
|
|||
|
||||
@landing-section-min-height: 60vh;
|
||||
@landing-section-border-width: 3px;
|
||||
@landing-section-gutter-vertical: @global-large-gutter;
|
||||
@landing-section-gutter-horizontal: @global-small-margin;
|
||||
@landing-section-separator: fade(@landing-portal-color, @global-opacity);
|
||||
|
||||
@landing-tab-background: @global-muted-background;
|
||||
@landing-tab-border-width: 4px;
|
||||
@landing-tab-border-horizontal-width: @global-border-width;
|
||||
@landing-tab-border-horizontal: @global-border;
|
||||
@landing-tab-border-top-width: 4px;
|
||||
@landing-tab-border-radius: @global-small-border-radius;
|
||||
@landing-tab-background-active: @global-background;
|
||||
@landing-tab-color-active: @landing-portal-color;
|
||||
|
@ -50,6 +54,10 @@
|
|||
@landing-action-bar-border-radius: @global-small-border-radius;
|
||||
|
||||
@landing-metrics-grip-gap: 80px;
|
||||
@landing-metrics-background-color: @openaire-secondary-color;
|
||||
@landing-metrics-background-svg: '<svg id="Layer_1-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="326" height="155.391" viewBox="0 0 326 155.391"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_17830" data-name="Rectangle 17830" width="326" height="155.39" fill="none"/> </clipPath> </defs> <g id="Group_15222" data-name="Group 15222"> <rect id="Rectangle_17829" data-name="Rectangle 17829" width="326" height="155.39" rx="15" fill="@landing-metrics-background-color"/> <g id="Group_15221" data-name="Group 15221" clip-path="url(#clip-path)"> <circle id="Ellipse_868" data-name="Ellipse 868" cx="181.05" cy="181.05" r="181.05" transform="translate(-129.306 -88.381)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/> <circle id="Ellipse_869" data-name="Ellipse 869" cx="204.367" cy="204.367" r="204.367" transform="translate(-153.59 -135.71)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/> <circle id="Ellipse_870" data-name="Ellipse 870" cx="181.05" cy="181.05" r="181.05" transform="translate(-82.804 -115.955)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.75" opacity="0.72"/> <circle id="Ellipse_871" data-name="Ellipse 871" cx="181.05" cy="181.05" r="181.05" transform="translate(-56.26 -128.15)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.5" opacity="0.72"/> <path id="Path_119069" data-name="Path 119069" d="M-38.064-5.565a180.54,180.54,0,0,1,.745-69.415C-17.165-172.917,78.573-235.972,176.51-215.819S337.5-99.927,317.348-1.99,201.456,159,103.52,138.848A180.614,180.614,0,0,1-17.462,50.859" transform="translate(15.132 80.898)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.25" opacity="0.72"/> </g> </g></svg>';
|
||||
|
||||
@landing-action-bar-mobile-border: @global-border;
|
||||
|
||||
.landing {
|
||||
#landing-center-content {
|
||||
|
@ -89,10 +97,10 @@
|
|||
|
||||
#landing-sections {
|
||||
.landing-section {
|
||||
padding-bottom: 80px;
|
||||
padding: (@landing-section-gutter-vertical/2) @landing-section-gutter-horizontal @landing-section-gutter-vertical @landing-section-gutter-horizontal;
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-top: 80px;
|
||||
margin-top: @landing-section-gutter-vertical;
|
||||
}
|
||||
|
||||
&:not(.landing-section-height-auto) {
|
||||
|
@ -141,16 +149,20 @@
|
|||
.landing-tab:extend(.uk-text-small) {
|
||||
background: @landing-tab-background;
|
||||
border-radius: @landing-tab-border-radius;
|
||||
border-left: @border-width;
|
||||
|
||||
& .uk-tab {
|
||||
|
||||
& > * > a {
|
||||
border-bottom: none;
|
||||
border-top: @landing-tab-border-width solid transparent;
|
||||
border-left: @landing-tab-border-horizontal-width solid @landing-tab-border-horizontal;
|
||||
border-right: @landing-tab-border-horizontal-width solid @landing-tab-border-horizontal;
|
||||
border-top: @landing-tab-border-top-width solid transparent;
|
||||
}
|
||||
|
||||
& > .uk-active > a {
|
||||
border-color: @landing-tab-border-active;
|
||||
border-radius: @landing-tab-border-radius 0 0 0;
|
||||
border-top: @landing-tab-border-top-width solid @landing-tab-border-active;
|
||||
background: @landing-tab-background-active;
|
||||
color: @landing-tab-color-active;
|
||||
position: relative;
|
||||
|
@ -188,8 +200,8 @@
|
|||
z-index: @global-z-index - 20;
|
||||
|
||||
& > div {
|
||||
padding: 10px 20px;
|
||||
border-top: @landing-action-bar-border-width solid lightgrey;
|
||||
padding: 8px 20px;
|
||||
border-top: @landing-action-bar-border-width solid @landing-action-bar-mobile-border;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -197,13 +209,26 @@
|
|||
grid-gap: @landing-metrics-grip-gap;
|
||||
}
|
||||
|
||||
.landing-metrics-card {
|
||||
background-image: url("../metrics-bg.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
.landing-metrics-card:extend(.uk-card):extend(.uk-card-secondary all) {
|
||||
background-repeat: no-repeat, no-repeat;
|
||||
@svg: escape(replace(@landing-metrics-background-svg, "@landing-metrics-background-color", @landing-metrics-background-color));
|
||||
background-image: url("../metrics-badge.svg"), url("data: image/svg+xml, @{svg}");
|
||||
background-position: calc(100% - @card-body-padding-vertical) calc(100% - @card-body-padding-horizontal), center;
|
||||
background-blend-mode: color-dodge;
|
||||
background-size: auto, cover;
|
||||
background-color: unset;
|
||||
min-height: 78px;
|
||||
}
|
||||
|
||||
// rules for overriding styles of altmetrics embedded library
|
||||
.landing-oaroutes-card:extend(.uk-card):extend(.uk-card-default all) {
|
||||
background-repeat: no-repeat, no-repeat;
|
||||
background-image: url("../open-access.svg");
|
||||
background-position: calc(100%) calc(100%), center;
|
||||
background-size: auto, contain;
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
// rules for overriding styles of altmetrics embedded library
|
||||
.altmetric-embed {
|
||||
position: relative !important;
|
||||
z-index: 1 !important;
|
||||
|
|
|
@ -1,24 +1,60 @@
|
|||
@use '@angular/material' as mat;
|
||||
@use '@angular/material/theming';
|
||||
@include mat.core();
|
||||
|
||||
$primary-color: (
|
||||
0: #211F7E,
|
||||
100: #211F7E,
|
||||
200: #211F7E,
|
||||
300: #211F7E,
|
||||
400: #211F7E,
|
||||
500: #211F7E,
|
||||
600: #211F7E,
|
||||
700: #211F7E,
|
||||
800: #211F7E,
|
||||
900: #211F7E,
|
||||
contrast: (50: #ffffff)
|
||||
);
|
||||
$secondary-color: (
|
||||
0: #3086ED,
|
||||
100: #3086ED,
|
||||
200: #3086ED,
|
||||
300: #3086ED,
|
||||
400: #3086ED,
|
||||
500: #3086ED,
|
||||
600: #3086ED,
|
||||
700: #3086ED,
|
||||
800: #3086ED,
|
||||
900: #3086ED,
|
||||
contrast: (50: #ffffff)
|
||||
);
|
||||
$my-app-primary: mat.define-palette($primary-color, 0);
|
||||
$my-app-accent: mat.define-palette($secondary-color, 0);
|
||||
$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent);
|
||||
$warn-color: (
|
||||
0: #BD640D,
|
||||
100: #BD640D,
|
||||
200: #BD640D,
|
||||
300: #BD640D,
|
||||
400: #BD640D,
|
||||
500: #BD640D,
|
||||
600: #BD640D,
|
||||
700: #BD640D,
|
||||
800: #BD640D,
|
||||
900: #BD640D,
|
||||
contrast: (50: #ffffff)
|
||||
);
|
||||
$my-app-primary: mat.define-palette($primary-color);
|
||||
$my-app-accent: mat.define-palette($secondary-color);
|
||||
$my-app-warn: mat.define-palette($warn-color);
|
||||
$my-app-theme: mat.define-light-theme((
|
||||
color: (
|
||||
primary: $my-app-primary,
|
||||
accent: $my-app-accent,
|
||||
warn: $my-app-warn
|
||||
),
|
||||
typography: mat.define-typography-config(),
|
||||
density: 0,
|
||||
));
|
||||
|
||||
@include mat.all-component-themes($my-app-theme);
|
||||
|
||||
.cdk-global-overlay-wrapper, .cdk-overlay-container {
|
||||
z-index: 9999!important;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 5.6 KiB |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 993 B |
Before Width: | Height: | Size: 9.7 KiB After Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 980 B |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 9.7 KiB After Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 4.6 KiB |
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 735 B After Width: | Height: | Size: 465 B |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 861 B |
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 9.7 KiB After Width: | Height: | Size: 3.4 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 1.6 KiB |
|
@ -1,8 +1,8 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62.004" height="67" viewBox="0 0 62.004 67">
|
||||
<defs>
|
||||
<linearGradient id="linear-gradient" y1="0.129" x2="1" y2="1" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#e96439"/>
|
||||
<stop offset="1" stop-color="#ff7a4e"/>
|
||||
<stop offset="0" stop-color="#fff"/>
|
||||
<stop offset="1" stop-color="#fff"/>
|
||||
</linearGradient>
|
||||
<filter id="Union_1" x="0" y="0" width="56.004" height="61" filterUnits="userSpaceOnUse">
|
||||
<feOffset dx="-3" dy="-3" input="SourceAlpha"/>
|
||||
|
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 649 KiB |
After Width: | Height: | Size: 162 KiB |
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 34 KiB |
BIN
placeholder.png
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 4.1 KiB |
BIN
sdg/icons/g1.png
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 850 B After Width: | Height: | Size: 439 B |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 631 B |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 763 B |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 933 B |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 890 B |
Before Width: | Height: | Size: 871 B After Width: | Height: | Size: 563 B |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 689 B |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 904 B |
BIN
sdg/icons/g2.png
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 732 B |
BIN
sdg/icons/g3.png
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 617 B |
BIN
sdg/icons/g4.png
Before Width: | Height: | Size: 795 B After Width: | Height: | Size: 548 B |
BIN
sdg/icons/g5.png
Before Width: | Height: | Size: 998 B After Width: | Height: | Size: 566 B |
BIN
sdg/icons/g6.png
Before Width: | Height: | Size: 808 B After Width: | Height: | Size: 535 B |
BIN
sdg/icons/g7.png
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 769 B |
BIN
sdg/icons/g8.png
Before Width: | Height: | Size: 821 B After Width: | Height: | Size: 558 B |
BIN
sdg/icons/g9.png
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 713 B |
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 17 KiB |