Picture of Guy Willis
Adapt Theme - Box Sizing
by Guy Willis - Monday, 5 February 2018, 2:02 PM
 

Hi,

I'm interested in creating a new theme for Adapt and keen to find out what the communities preferred box model is.

  • Content box (default and currently the model Adapt uses)
  • Border box

There are pros and cons to both approaches and whilst my preference is border box, I am eager to hear your thoughts.

Thanks,

Guy

Picture of Thomas Berger
Re: Adapt Theme - Box Sizing
by Thomas Berger - Tuesday, 6 February 2018, 7:30 AM
 

Hello Guy,

thanks for picking up this topic and gather ideas around the new theme.

I think border-box is easier to work with. So I think we should have it as the default for Adapt in modern Browsers e.g. Version 3+.

Cheers

Thomas

Picture of Guy Willis
Re: Adapt Theme - Box Sizing
by Guy Willis - Tuesday, 6 February 2018, 10:27 AM
 

Hi Thomas,

Thank you for your reply.

Do you think that border-box is easier for newcomers to development to understand? With the differences between how border, padding, and width interact with each other between these two models.

Thanks,

Guy

Picture of Thomas Berger
Re: Adapt Theme - Box Sizing
by Thomas Berger - Wednesday, 7 February 2018, 9:48 AM
 

Yes, easier to understand and work with, in my opinion.

Cheers 

Picture of Nils Sanderson
Re: Adapt Theme - Box Sizing
by Nils Sanderson - Wednesday, 7 February 2018, 4:52 PM
 

I would agree on the border-box.

To be perfectly honest they are both very nice options, however I think the border-box has been more widely used and in turn probably would be better for newcomers to start using.

An article from the great Chris Coyier for anyone coming back to this thread in months to come and want to understand what it's all about - https://css-tricks.com/box-sizing.