Reformat numerus.css

This commit is contained in:
jordi fita mas 2024-01-18 21:10:54 +01:00
parent f3fdc0d743
commit 6de4135fa6
1 changed files with 50 additions and 51 deletions

View File

@ -542,24 +542,24 @@ ul[role="menu"].action-menu li i[class^='ri-'] {
/* menu tauler */ /* menu tauler */
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a { #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a {
color: var(--numerus--text-color); color: var(--numerus--text-color);
text-decoration: none; text-decoration: none;
transition: 0.25s ease; transition: 0.25s ease;
} }
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a { #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a {
color: #ccc; color: #ccc;
} }
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover { #profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover {
color: var(--numerus--text-color); color: var(--numerus--text-color);
text-decoration: none; text-decoration: none;
} }
#profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active { #profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active {
color: var(--numerus--text-color); color: var(--numerus--text-color);
text-decoration: none; text-decoration: none;
} }
body > nav a[aria-current] { body > nav a[aria-current] {
@ -10284,13 +10284,13 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
} }
.header-web { .header-web {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid var(--numerus--color--black); border-bottom: 1px solid var(--numerus--color--black);
} }
.menu a { .menu a {
color: var(--numerus--font-family); color: var(--numerus--font-family);
} }
#login { #login {
@ -10306,7 +10306,6 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
padding: 5rem 0; padding: 5rem 0;
} }
.graella { .graella {
@ -10389,72 +10388,72 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
.descripcio { .descripcio {
display: flex; display: flex;
gap: 5rem; gap: 5rem;
justify-content: space-around; justify-content: space-around;
margin: 5rem 0; margin: 5rem 0;
} }
.paragraf p { .paragraf p {
margin: 15px 0; margin: 15px 0;
max-width: 45%; max-width: 45%;
} }
.icon-list { .icon-list {
display: flex; display: flex;
gap: 10px; gap: 10px;
padding: 5px 0; padding: 5px 0;
} }
.icon-list svg { .icon-list svg {
width: 24px; width: 24px;
} }
.opensource { .opensource {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 5rem; gap: 5rem;
border-top: 1px solid var(--numerus--color--black); border-top: 1px solid var(--numerus--color--black);
} }
.quadradet { .quadradet {
width: 17rem; width: 17rem;
height: 17rem; height: 17rem;
background: white; background: white;
} }
.llicencia { .llicencia {
max-width: 40%; max-width: 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
gap: 5rem; gap: 5rem;
margin: 17rem 0 0 0; margin: 17rem 0 0 0;
} }
.price-section { .price-section {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 5rem; gap: 5rem;
border-top: 1px solid var(--numerus--color--black); border-top: 1px solid var(--numerus--color--black);
padding: 5rem 0 0 0; padding: 5rem 0 0 0;
} }
.price h3 { .price h3 {
font-size: 4rem; font-size: 4rem;
} }
.price-detail { .price-detail {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 10px; gap: 10px;
align-items: center; align-items: center;
} }
.footer-web { .footer-web {
border-top: 1px solid var(--numerus--color--black); border-top: 1px solid var(--numerus--color--black);
margin: 5rem 0; margin: 5rem 0;
padding: 5rem 0 0 0; padding: 5rem 0 0 0;
} }
/* web responsive */ /* web responsive */