File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 135135 cursor : default;
136136}
137137
138+ .rh-btn--white {
139+ color : var (--rhf-text );
140+ background : var (--rhf-bg , # fff );
141+ border : 1.5px solid var (--rhf-border );
142+ }
143+
144+ .rh-btn--white : hover {
145+ color : var (--rhf-text );
146+ border-color : var (--rhf-text );
147+ text-decoration : none;
148+ }
149+
150+ .rh-btn--dark {
151+ color : # fff ;
152+ background : # 0a0a0a ;
153+ border : 1.5px solid # 0a0a0a ;
154+ }
155+
156+ .rh-btn--dark : hover {
157+ color : # fff ;
158+ background : # 1a1a1a ;
159+ border-color : # 1a1a1a ;
160+ text-decoration : none;
161+ }
162+
163+ .rh-btn__icon {
164+ flex-shrink : 0 ;
165+ }
166+
138167/* Link columns */
139168
140169.rh-footer__label {
Original file line number Diff line number Diff line change @@ -131,16 +131,41 @@ export default function FooterLayout(): ReactNode {
131131 < span > code second.</ span >
132132 </ p >
133133 < div className = "rh-footer__cta" >
134- < Link to = "/blog" className = "rh-btn rh-btn--outline" >
134+ < Link to = "/blog" className = "rh-btn rh-btn--white" >
135+ < svg
136+ className = "rh-btn__icon"
137+ width = "16"
138+ height = "16"
139+ viewBox = "0 0 24 24"
140+ fill = "none"
141+ stroke = "currentColor"
142+ strokeWidth = "2"
143+ strokeLinecap = "round"
144+ strokeLinejoin = "round"
145+ aria-hidden = "true"
146+ >
147+ < path d = "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
148+ < path d = "M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
149+ </ svg >
135150 Read Blog
136151 </ Link >
137152 < a
138153 href = "https://github.com/recodehive/recode-website"
139154 target = "_blank"
140155 rel = "noopener noreferrer"
141- className = "rh-btn rh-btn--outline "
156+ className = "rh-btn rh-btn--dark "
142157 >
143- ★ Star on GitHub
158+ < svg
159+ className = "rh-btn__icon"
160+ width = "16"
161+ height = "16"
162+ viewBox = "0 0 24 24"
163+ fill = "currentColor"
164+ aria-hidden = "true"
165+ >
166+ < path d = "M12 .5C5.73.5.5 5.73.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.27-.01-1.17-.02-2.12-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.04-.71.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.76 2.7 1.25 3.36.96.1-.75.4-1.25.73-1.54-2.56-.29-5.25-1.28-5.25-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.06 11.06 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.4-5.27 5.69.42.36.78 1.07.78 2.16 0 1.56-.01 2.82-.01 3.2 0 .31.21.68.8.56A10.51 10.51 0 0 0 23.5 12c0-6.27-5.23-11.5-11.5-11.5Z" />
167+ </ svg >
168+ Star on GitHub
144169 </ a >
145170 </ div >
146171 </ div >
You can’t perform that action at this time.
0 commit comments