add new rule for landing action bar

This commit is contained in:
Alex Martzios 2023-02-16 12:58:18 +02:00
parent 07894ca918
commit 68fe02948c
1 changed files with 6 additions and 2 deletions

View File

@ -51,12 +51,13 @@
@landing-card-tab-border-width: 5px;
@landing-action-bar-padding: 10px 30px;
@landing-action-bar-grid-gap: 20px;
@landing-action-bar-border-width: @global-border-width;
@landing-action-bar-border-radius: @global-small-border-radius;
@landing-action-bar-divider-width: @global-border-width;
@landing-action-bar-divider-height: 15px;
@landing-metrics-grip-gap: 80px;
@landing-metrics-card-width: 380px;
.landing {
#landing-center-content {
@ -184,6 +185,9 @@
padding: @landing-action-bar-padding;
border-radius: @landing-action-bar-border-radius;
border: @landing-portal-color solid @landing-action-bar-border-width;
.landing-action-bar-grid-gap {
grid-gap: @landing-action-bar-grid-gap;
}
.landing-action-button-orcid {
icon {
color: @landing-action-button-orcid-color;
@ -200,6 +204,7 @@
.landing-action-bar-divider {
background: @disable-color;
width: @landing-action-bar-divider-width;
height: @landing-action-bar-divider-height;
}
// TODO: when we get there
@ -232,7 +237,6 @@
grid-gap: @landing-metrics-grip-gap;
}
.landing-metrics-card {
min-width: @landing-metrics-card-width;
background-image: url("../metrics-bg.svg");
background-repeat: no-repeat;
background-size: cover;