adyxax/www
1
0
Fork 0
Code Issues Pull requests Activity Actions

Update nav menu css

Browse source
This commit is contained in:
Julien Dessaux 2023-01-27 23:05:50 +01:00
parent 744819c90d
commit 6ad4e164af
Signed by: adyxax
GPG key ID: F92E51B86E07177E
10 changed files with 59 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/base.css
View file

@ -74,14 +74,6 @@
--br_violet: #825dc0;
}
#themes {
background-color: var(--bg-0);
border: none;
color: var(--fg-1);
font-size: 0.9em;
padding: 14px 16px;
}
* {
box-sizing: border-box;
}
@ -138,13 +130,6 @@ ul li {
h1, h2, h3, h4, h5 {
font-family: open, serif;
}
@media only screen and (min-width: 60rem) {
body {
max-width:60rem;
margin-left: auto;
margin-right: auto;
}
}
.fullwidth {
width: 100%;
}
@ -159,12 +144,10 @@ a {
a:visited {
color: var(--orange);
}
a:hover {
color: var(--red);
}
h1,
body header nav ul li a,
body header nav ul li a:visited {
body header nav ul li a:visited,
a:hover {
color: var(--red);
}
h2, h3, h4, h5, h6 {

49
assets/header.css
View file

@ -1,40 +1,47 @@
header {
background-color: var(--bg-0);
}
header nav ul {
header nav {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header nav ol {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 1.25rem;
}
header nav ul li {
display: inline;
float: right;
margin-bottom: 0;
}
header nav ul li a {
header nav ol li a {
display: block;
font-size: 1.25rem;
padding: 4px 16px 14px 16px;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
header nav ul li a:hover {
header nav ol li a:hover {
background-color: var(--bg-1);
}
#nav-menu {
align-items: baseline;
display: flex;
flex-wrap: nowrap;
}
#nav-menu li {
flex-direction: column;
}
.nav-menu-active {
background-color: var(--bg-1);
}
.nav-menu-title {
float: left;
text-transform: uppercase;
#title {
font-weight: 700;
margin-right: 4px;
text-transform: uppercase;
}
.nav-menu-margin-left {
margin-left: 4px;
}
.nav-menu-margins-left-and-right {
margin-left: 4px;
margin-right: 4px;
#themes {
background-color: var(--bg-0);
border: none;
color: var(--fg-1);
font-size: 1.25rem;
margin: 0;
padding: 0;
}

7
assets/responsive.css Normal file
View file

@ -0,0 +1,7 @@
@media only screen and (min-width: 60rem) {
body {
max-width:60rem;
margin-left: auto;
margin-right: auto;
}
}