blog

Log | Files | Refs

search.css (887B)

      1 .searchbox input {
      2     padding: 4px 10px;
      3     width: 100%;
      4     color: var(--primary);
      5     font-weight: bold;
      6     border: 2px solid var(--tertiary);
      7     border-radius: var(--radius);
      8 }
      9 
     10 .searchResults li {
     11     list-style: none;
     12     border-radius: var(--radius);
     13     padding: 10px 15px;
     14     position: relative;
     15     font-weight: 500;
     16     display: flex;
     17     align-items: center;
     18     justify-content: space-between;
     19     background: var(--entry);
     20     transition: transform .25s ease;
     21     border: 1px solid var(--border);
     22 }
     23 
     24 .searchResults {
     25     margin: var(--content-gap) 0;
     26     width: 100%;
     27     display: flex;
     28     flex-direction: column;
     29     gap: 10px;
     30 }
     31 
     32 .searchResults li:hover,
     33 .searchResults li:focus-within {
     34     transform: translateY(-2px);
     35     border-color: var(--tertiary);
     36 }
     37 
     38 .searchResults li .entry-link:focus {
     39     outline: 2px solid var(--secondary);
     40     outline-offset: -2px;
     41 }