File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 8181 display : flex ;
8282 justify-content : flex-end ;
8383 align-items : center ;
84- gap : 0.75 rem ;
84+ gap : 1 rem ;
8585 padding : 0 1rem ;
8686
87- label {
88- font-weight : 500 ;
89- font-size : 0.9rem ;
90- }
91-
9287 select {
9388 padding : 0.6rem 1rem ;
9489 border : 1px solid rgba ($heroDark , 0.3 );
9590 border-radius : 6px ;
9691 background-color : white ;
9792 font-size : 0.9rem ;
9893 cursor : pointer ;
99- transition : border-color 0.2s ease ;
10094
10195 & :hover {
10296 border-color : rgba ($heroDark , 0.5 );
157151 & :hover {
158152 border-color : rgba (white , 0.4 );
159153 }
160-
154+
161155 & :focus {
162156 border-color : $brightBgrd ;
163157 box-shadow : 0 0 0 2px rgba ($brightBgrd , 0.1 );
Original file line number Diff line number Diff line change @@ -9,14 +9,12 @@ <h1>{{section.title}}</h1>
99 < div class ="article-content-wrapper ">
1010 < div class ="article-content ">
1111 < div class ="blog-filters ">
12- < label for ="category-filter "> Filter by category:</ label >
1312 < select id ="category-filter ">
1413 < option value ="all "> All Posts</ option >
1514 < option value ="idiomatic-rust "> Idiomatic Rust</ option >
1615 < option value ="rust-insights "> Rust Insights</ option >
1716 </ select >
1817
19- < label for ="sort-filter " style ="margin-left: 1.5rem; "> Sort by:</ label >
2018 < select id ="sort-filter ">
2119 < option value ="date "> First Published</ option >
2220 < option value ="updated "> Last Updated</ option >
You can’t perform that action at this time.
0 commit comments