mirror of
https://github.com/jambonz/next-static-site.git
synced 2025-12-19 04:47:44 +00:00
Responsive button inline icons
This commit is contained in:
@@ -150,17 +150,17 @@ export default function Kitofparts() {
|
||||
</div>
|
||||
<div className="btns pad">
|
||||
<Button href="https://github.com/jambonz" target="_blank" style="pill">
|
||||
<Icon size={18} name="GitHub" />
|
||||
<Icon name="GitHub" />
|
||||
<span>github.com/jambonz</span>
|
||||
</Button>
|
||||
<Button href="https://github.com/drachtio" target="_blank" style="pill">
|
||||
<Icon size={18} name="GitHub" />
|
||||
<Icon name="GitHub" />
|
||||
<span>github.com/drachtio</span>
|
||||
</Button>
|
||||
</div>
|
||||
<div className="pad">
|
||||
<Button href="#" style="pill" subStyle="jambonz">
|
||||
<Icon size={18} name="Send" />
|
||||
<Icon name="Send" />
|
||||
<span>Contact us to get started</span>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -67,6 +67,20 @@
|
||||
|
||||
svg {
|
||||
margin-right: 16px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
|
||||
@media (max-width: $width-tablet-2) {
|
||||
margin-right: 12px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: $width-mobile) {
|
||||
margin-right: 10px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
&--jambonz {
|
||||
|
||||
Reference in New Issue
Block a user