Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-28 17:49:40 +02:00
Code Issues Releases Activity

chore(ui): a bunch of style updates (#235)

Browse source 
* chore(styles): typography updating started

* page styles updated

* page header nav fix, inline code style fix, table, navigator

* use arrow-right icon instead of "»" in bread crumbs

* a bunch of updates

* make content and write page styles more consistent

* rollback layout change

* upd color text second

* upd sidebar logo text color

* resovle someone's ts errors

* remove duplicated variables
This commit is contained in:
Peter Savchenko 2022-09-06 22:58:50 +03:00 • committed by GitHub
parent 05f8f0d9e1
commit 237db3e472
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 349 additions and 1174 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/styles/components/header.pcss
View file

@ -10,15 +10,14 @@ html {
border-bottom: 1px solid var(--color-line-gray);
font-size: 18px;
flex-wrap: wrap;
height: var(--layout-height-header);
box-sizing: border-box;
position: sticky;
top: 0;
background: white;
z-index: 10;
@media (--mobile){
line-height: 40px;
@media (--not-mobile){
height: var(--layout-height-header);
}
&__menu-link,
@ -36,11 +35,13 @@ html {
}
&__menu-link {
padding: 4px 10px;
font-weight: 500;
transition: background-color .13s;
@apply --squircle;
@media (--not-mobile) {
padding: 4px 10px;
@apply --squircle;
}
&:hover {
background-color: var(--color-link-hover);
@ -55,8 +56,9 @@ html {
font-size: 16px;
@media (--mobile) {
margin-top: 6px;
flex-basis: 100%;
font-size: 12px;
font-size: 14px;
}
li {
@ -85,8 +87,8 @@ html {
@media (--mobile) {
display: block;
position: absolute;
right: 15px;
top: 15px;
right: 0;
top: 13px;
line-height: 1em;
}
}