The pat­tern li­brary

Web Designer - - Tutorials -

In­cluded in the down­loaded files is the ‘pat­tern-li­brary’ folder. This folder con­tains a num­ber of cus­tomis­able el­e­ments, ob­jects and com­po­nents.

Some, like the SVG pat­tern in the HTML folder are sim­ply there as a ref­er­ence to copy and paste into your project and mod­ify where needed. Other com­po­nents, such as the ac­cor­dion and over­lay, re­quire el­e­ments from the HTML and JS fold­ers, as well as turn­ing on the de­fault styles for th­ese el­e­ments in the ‘01-set­tings/_mod­ule­sand-wid­gets.scss’ folder.

Al­most ev­ery­thing in the Bet­ter­boil­er­plate is styled us­ing the vari­ables found in the ‘01-set­tings’ folder. Th­ese prop­er­ties are in­her­ited and used to pro­vide the de­fault styles which can be over­writ­ten where needed to match the brand of the project you’re work­ing on.

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.