mirror of
https://github.com/wukko/cobalt.git
synced 2025-02-27 05:28:49 +01:00
web/layout: reduce button border by .5px
yes it matters a lot to me
This commit is contained in:
parent
104c9004c5
commit
0f21c9b236
5 changed files with 8 additions and 8 deletions
|
@ -88,7 +88,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-right: 1.5px var(--button-stroke) solid;
|
border-right: 1px var(--button-stroke) solid;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -243,8 +243,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#input-container.focused {
|
#input-container.focused {
|
||||||
box-shadow: 0 0 0 1.5px var(--secondary) inset;
|
box-shadow: 0 0 0 1px var(--secondary) inset;
|
||||||
outline: var(--secondary) 0.5px solid;
|
outline: var(--secondary) 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
#input-container.focused :global(#input-icons svg) {
|
#input-container.focused :global(#input-icons svg) {
|
||||||
|
|
|
@ -138,7 +138,7 @@
|
||||||
.sidebar-tab:active:not(.active),
|
.sidebar-tab:active:not(.active),
|
||||||
.sidebar-tab:focus:hover:not(.active) {
|
.sidebar-tab:focus:hover:not(.active) {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
box-shadow: 0 0 0 1.5px var(--sidebar-stroke) inset;
|
box-shadow: 0 0 0 1px var(--sidebar-stroke) inset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -133,7 +133,7 @@
|
||||||
.subnav-tab:not(:last-child) {
|
.subnav-tab:not(:last-child) {
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
box-shadow: 48px 3px 0px -1.8px var(--button-stroke);
|
box-shadow: 48px 3px 0px -2px var(--button-stroke);
|
||||||
}
|
}
|
||||||
|
|
||||||
.subnav-tab:not(:first-child) {
|
.subnav-tab:not(:first-child) {
|
||||||
|
|
|
@ -129,7 +129,7 @@
|
||||||
--button-press-transparent: rgba(0, 0, 0, 0.09);
|
--button-press-transparent: rgba(0, 0, 0, 0.09);
|
||||||
--button-stroke: rgba(0, 0, 0, 0.06);
|
--button-stroke: rgba(0, 0, 0, 0.06);
|
||||||
--button-text: #282828;
|
--button-text: #282828;
|
||||||
--button-box-shadow: 0 0 0 1.5px var(--button-stroke) inset;
|
--button-box-shadow: 0 0 0 1px var(--button-stroke) inset;
|
||||||
|
|
||||||
--button-elevated: #e3e3e3;
|
--button-elevated: #e3e3e3;
|
||||||
--button-elevated-hover: #dadada;
|
--button-elevated-hover: #dadada;
|
||||||
|
@ -171,7 +171,7 @@
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
--content-border-thickness: 1.5px;
|
--content-border-thickness: 1px;
|
||||||
--content-margin: calc(var(--sidebar-inner-padding) + var(--content-border-thickness));
|
--content-margin: calc(var(--sidebar-inner-padding) + var(--content-border-thickness));
|
||||||
|
|
||||||
--safe-area-inset-top: env(safe-area-inset-top);
|
--safe-area-inset-top: env(safe-area-inset-top);
|
||||||
|
@ -223,7 +223,7 @@
|
||||||
--button-press-transparent: rgba(225, 225, 225, 0.15);
|
--button-press-transparent: rgba(225, 225, 225, 0.15);
|
||||||
--button-stroke: rgba(255, 255, 255, 0.05);
|
--button-stroke: rgba(255, 255, 255, 0.05);
|
||||||
--button-text: #e1e1e1;
|
--button-text: #e1e1e1;
|
||||||
--button-box-shadow: 0 0 0 1.5px var(--button-stroke) inset;
|
--button-box-shadow: 0 0 0 1px var(--button-stroke) inset;
|
||||||
|
|
||||||
--button-elevated: #282828;
|
--button-elevated: #282828;
|
||||||
--button-elevated-hover: #2f2f2f;
|
--button-elevated-hover: #2f2f2f;
|
||||||
|
|
Loading…
Reference in a new issue