« Modèle:Accueil/shared/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 127 : | Ligne 127 : | ||
/* ==================================== | /* ==================================== | ||
2. BARRE DE RECHERCHE - | 2. BARRE DE RECHERCHE - MINIMALISTE | ||
==================================== */ | ==================================== */ | ||
| Ligne 138 : | Ligne 134 : | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: | justify-content: center; | ||
max-width: | gap: 0.75rem; | ||
max-width: 500px; | |||
width: 100%; | width: 100%; | ||
margin-top: var(--space-xl); | margin-top: var(--space-xl); | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
padding: | padding: 0.625rem 1.25rem; | ||
/* Style | /* Style */ | ||
background-color: rgba(255, 255, 255, 0. | background-color: rgba(255, 255, 255, 0.02); | ||
border: 1px solid rgba( | border: 1px solid rgba(255, 255, 255, 0.15); | ||
border-radius: 50px; | border-radius: 50px; | ||
/* Typography */ | /* Typography */ | ||
font-size: 0. | font-size: 0.875rem; | ||
/* Interaction */ | /* Interaction */ | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0. | transition: all 0.2s ease; | ||
} | } | ||
.home-search:hover { | .home-search:hover { | ||
background-color: rgba(255, 255, 255, 0. | background-color: rgba(255, 255, 255, 0.04); | ||
border-color: rgba( | border-color: rgba(255, 255, 255, 0.25); | ||
} | } | ||
.home-search__icon { | .home-search__icon { | ||
font-size: | font-size: 0.875rem; | ||
opacity: 0. | opacity: 0.5; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
.home-search__text { | .home-search__text { | ||
color: var(--color-base); | color: var(--color-base); | ||
opacity: 0. | opacity: 0.6; | ||
user-select: none; | user-select: none; | ||
text-align: | text-align: center; | ||
line-height: 1 | line-height: 1; | ||
} | } | ||
| Ligne 202 : | Ligne 180 : | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
min-width: 1. | min-width: 1.25rem; | ||
height: 1. | height: 1.25rem; | ||
padding: 0 0. | padding: 0 0.35rem; | ||
font-family: monospace; | font-family: monospace; | ||
font-size: 0. | font-size: 0.6875rem; | ||
font-weight: | font-weight: 600; | ||
background: rgba( | background: rgba(255, 255, 255, 0.08); | ||
border: 1px solid rgba( | border: 1px solid rgba(255, 255, 255, 0.15); | ||
border-radius: | border-radius: 3px; | ||
color: var(--color-base); | color: var(--color-base); | ||
opacity: 0. | opacity: 0.5; | ||
} | } | ||
| Ligne 227 : | Ligne 198 : | ||
margin-left: 1rem; | margin-left: 1rem; | ||
margin-right: 1rem; | margin-right: 1rem; | ||
padding: 0. | padding: 0.5rem 1rem; | ||
} | } | ||
.home-search__kbd | .home-search__kbd { | ||
display: none; | display: none; | ||
} | } | ||