Menu icon Foundation
Box-sizing + button = ?

Trying to give a button a certain look.

First added a style to that button called .extraStyle. And then added some styles.

But the box-sizing somehow does not apply.

Am I missing something?

.extraStyle { background: white; border: 1px solid $secondary-color;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; !important}

box-sizingborder-boxbutton

Trying to give a button a certain look.

First added a style to that button called .extraStyle. And then added some styles.

But the box-sizing somehow does not apply.

Am I missing something?

.extraStyle { background: white; border: 1px solid $secondary-color;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; !important}
Chiribuc Robert Cristian over 5 years ago

Hi there,

  1. Delete the box-sizing declaration from you selector
  2. Paste this on top of you css file.
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}