1
0
forked from mirrors/earl-grey

started adding round borders

This commit is contained in:
Lu Baumann 2024-10-17 05:01:47 +02:00
parent 4f8695f3c8
commit f3b0063dd8

View File

@ -271,6 +271,8 @@
--color-placeholder-text: #6a737d; --color-placeholder-text: #6a737d;
--color-editor-line-highlight: var(--color-primary-light-5); --color-editor-line-highlight: var(--color-primary-light-5);
--color-project-board-bg: var(--color-secondary-light-2); --color-project-board-bg: var(--color-secondary-light-2);
--theme-border-radius: 15px;
--theme-inner-border-radius: 14px;
} }
::-webkit-calendar-picker-indicator { ::-webkit-calendar-picker-indicator {
filter: invert(0.8); filter: invert(0.8);
@ -842,3 +844,55 @@ img[src$="/img/matrix.svg"] {
#navbar .item:hover:not(div) { #navbar .item:hover:not(div) {
background-color: var(--color-hover); background-color: var(--color-hover);
} }
.navbar-left > .item,
.navbar-right > .item {
border-radius: var(--theme-border-radius);
}
.inline-code-block {
border-radius: 13px;
}
.ui.menu,
.ui.secondary.menu .dropdown.item > .menu,
.ui.vertical.menu > .active.item:only-child,
.ui.secondary.menu .item,
.ui.secondary.menu .active.item {
border-radius: var(--theme-border-radius);
}
.ui.secondary.vertical.menu > .item {
border-radius: var(--theme-border-radius) !important;
}
.ui.menu > .item:first-child {
border-radius: var(--theme-border-radius) 0 0 var(--theme-border-radius);
}
.ui.menu .dropdown.item .menu,
.ui.vertical.menu > .item:last-child,
.ui.vertical.menu > .active.item:last-child {
border-radius: 0 0 var(--theme-border-radius) var(--theme-border-radius);
}
.ui.vertical.menu > .item:first-child,
.ui[class*="top attached"].menu {
border-radius: var(--theme-border-radius) var(--theme-border-radius) 0 0;
}
.ui.vertical.menu > .active.item:first-child,
.ui.pagination.menu .item:last-child,
.ui.compact.menu .item:last-child,
.ui.compact.menu:not(.secondary) .item:last-child {
border-radius: 0 var(--theme-border-radius) var(--theme-border-radius) 0;
}
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
border-radius: var(--theme-border-radius) var(--theme-border-radius) 0 0 !important;
}
.ui.top.attached.menu > .item:first-child {
border-radius: var(--theme-border-radius) 0 0;
}