search

yujing-student / component-building-block

Ontwerp en bouw een robuust, goed werkend component, waarin de belangen van de eindgebruiker centraal staan.
https://component-building-block.vercel.app
1 stars 0 forks source link

opnieuw stylen button #35

Closed yujing-student closed 1 day ago

yujing-student commented 3 days ago

opnieuw stylen button met het design

na het mergen met de main is er wat missgegaan omdat in de global.css er border-box-sizing stond en dit had ik niet in mijn component

image

yujing-student commented 3 days ago

dit heb ik aangepast

image

    .button{
        border-left: 1px solid var(--grey);
        border-right: 1px solid var(--grey);
        border-top: 1px solid var(--grey);
        border-bottom: 1px solid var(--grey);
        margin-right: -0.3rem;
        color: var(--black);
        text-decoration: none;
        padding: 0px 0.2rem 0.4rem 0.4rem;
        background-color: transparent;

    }
    .button *{
        box-sizing: content-box;
    }

  svg{
        margin-bottom: -0.6rem;
        border-left: 1px solid var(--grey);
        padding: 0.2rem 0.2rem 0.4rem 0.4em;
    }