fix header invalid css property and update button styles
This commit is contained in:
parent
d4fc6901dc
commit
55297041a1
3 changed files with 5 additions and 3 deletions
ui/scss
|
@ -73,6 +73,7 @@ $text-color: #000;
|
||||||
--button-padding: $spacing-vertical * 2/3;
|
--button-padding: $spacing-vertical * 2/3;
|
||||||
--button-height: $spacing-vertical * 1.5;
|
--button-height: $spacing-vertical * 1.5;
|
||||||
--button-intra-margin: $spacing-vertical;
|
--button-intra-margin: $spacing-vertical;
|
||||||
|
--button-radius: 3px;
|
||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
--header-bg: var(--color-bg);
|
--header-bg: var(--color-bg);
|
||||||
|
|
|
@ -20,7 +20,7 @@ $button-focus-shift: 12%;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 2px;
|
border-radius: var(--button-radius);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
.icon
|
.icon
|
||||||
{
|
{
|
||||||
|
|
|
@ -4,6 +4,8 @@
|
||||||
color: var(--header-color);
|
color: var(--header-color);
|
||||||
background: var(--header-bg);
|
background: var(--header-bg);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
box-shadow: var(--box-shadow-layer);
|
box-shadow: var(--box-shadow-layer);
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -14,12 +16,11 @@
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.header__item {
|
.header__item {
|
||||||
flex: 0 0 content;
|
|
||||||
padding-left: $spacing-vertical / 4;
|
padding-left: $spacing-vertical / 4;
|
||||||
padding-right: $spacing-vertical / 4;
|
padding-right: $spacing-vertical / 4;
|
||||||
.button-alt {
|
.button-alt {
|
||||||
background: var(--header-button-bg) !important;
|
background: var(--header-button-bg) !important;
|
||||||
font-size: 18px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
.button-alt:hover {
|
.button-alt:hover {
|
||||||
background: var(--header-button-hover-bg) !important;
|
background: var(--header-button-hover-bg) !important;
|
||||||
|
|
Loading…
Add table
Reference in a new issue