Responsive button inline icons

This commit is contained in:
kitajchuk
2021-03-31 09:35:07 -07:00
parent 46fd6fc057
commit e8551e70ac
2 changed files with 17 additions and 3 deletions

View File

@@ -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>

View File

@@ -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 {