MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add table style base on style guide. Change nav header color in navbar dropdown.

This commit is contained in:
Konstantinos Triantafyllou 2022-08-02 23:10:50 +03:00
parent 0e650a002b
commit ff0dadc5dd
4 changed files with 44 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
less/_import.less vendored
View File

@ -11,6 +11,7 @@
@import "link";
@import "heading";
@import "list";
@import "table";
@import "icon";
@import "form";
@import "button";

6
less/nav.less
View File

@ -6,6 +6,12 @@
@nav-item-padding-horizontal: 30px;
@nav-sublist-padding-left: 45px;
@nav-header-color: @global-emphasis-color;
.hook-nav-default-item-active() {
font-weight: @nav-default-item-active-font-weight;
}
.hook-nav-header() {
color: @nav-header-color;
}

6
less/navbar.less
View File

@ -42,7 +42,7 @@
@navbar-dropdown-nav-item-active-font-weight: 600;
@navbar-dropdown-nav-item-active-color: @global-color;
@navbar-dropdown-nav-header-color: @global-emphasis-color;
@navbar-dropdown-nav-header-color: @info-color;
@navbar-dropdown-nav-sublist-item-color: @global-meta-color;
@navbar-dropdown-nav-sublist-item-hover-color: @global-link-hover-color;
@ -109,6 +109,10 @@
font-weight: @navbar-dropdown-nav-item-active-font-weight;
}
.hook-navbar-dropdown-nav-header() {
font-weight: 600;
}
@inverse-navbar-background: @primary-color;
@inverse-navbar-background-image: @global-primary-gradient;
@inverse-navbar-nav-item-color: @global-muted-background;

32
less/table.less Normal file
View File

@ -0,0 +1,32 @@
@table-cell-padding-vertical: 15px;
@table-cell-padding-horizontal: 17px;
@table-header-cell-font-weight: 300;
@table-header-cell-color: @global-meta-color;
@table-header-cell-text-transform: uppercase;
@table-row-active-background: fade(@global-primary-background, 20%);
@table-striped-row-background: @table-color;
@table-small-cell-padding-vertical: 10px;
@table-small-cell-padding-horizontal: 12px;
@table-large-cell-padding-vertical: 20px;
@table-large-cell-padding-horizontal: 17px;
@table-basic-background: @global-inverse-color;
@table-basic-border-width: @global-border-width;
@table-basic-border: @global-border;
.hook-table-header-cell() {
text-transform: @table-header-cell-text-transform;
letter-spacing: 0.6px;
}
.hook-table-misc() {
.uk-table-basic {
background: @table-basic-background;
border: @table-basic-border-width solid @table-basic-border;
}
}