begrafx

Prerequisites

• VSCode installed.
• VSCode PATH installed. See: https://code.visualstudio.com/docs/setup/mac.

Instructions

• Download the drupal-vsc-extensions.sh file.
• Open terminal to the path of the drupal-vsc-extensions.sh file.
• Run sh drupal-vsc-extensions.sh.
• It should output to the console Completed Successfully! when done.

begrafx

<style>
#social [class*="fab fa-"] {
 	background-color: #2A00FF;
 	border-radius: 40px;
 	color: #fff;
 	height: 40px;
  	line-height: 40px;
 	margin: auto 3px;
 	width: 40px;
 	font-size: 24px;

begrafx

Screen width based styles can be applied to most classes. They are

-ns (not small > 48em)

-m (medium >48em <64em)

-l (large >64em).

Tachyons is mobile-first and small is left out as it's the default.