Chris LaChance chrislachance

## regex-Fullname.txt
^[A-Z][a-z]+\s[a-zA-Z\s\.]+

Matches "Chris L", "Chris LaChance", and "Rico del Sola"

## regex-Date.txt
^\d{2}\/\d{2}\/\d{4}$

MM/DD/YYYY

## pcds-form-input_example.html
<form action="#" class="form-entry">
    <input id="field-fullname-input" type="text" aria-describedby="field-fullname-info" required>
    <label for="field-fullname-input">Your full name</label>
    <div class="input-info" id="field-fullname-info">Please include your first and last name.</div>
</form>

## base.css
/* Merging Modern-Normalize and Sanitize, with my own magic sprinkles & reference assets */
*,::before,::after{background-repeat:no-repeat;box-sizing:border-box;color:inherit;cursor:inherit;font:inherit;hyphens:auto;line-height:inherit;margin:0;text-decoration:inherit;vertical-align:inherit;word-break:break-word;scroll-behavior:smooth}
::before,::after{text-decoration:inherit}
:root,html{-moz-tab-size:4;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;overflow-wrap:break-word;tab-size:4;font:-apple-system-body}
@supports (font:-apple-system-body) and (not(-webkit-touch-callout:default)){:root{font-size:16px}}
body{block-size:-moz-available;block-size:-webkit-fill-available;block-size:stretch;margin:0}

:where(h1,h2,h3,h4)>a{color:inherit}
abbr[title]{text-decoration:underline dotted}
b,strong{font-weight:700}

## base.scss
//// VARS
// Spacing
$spacing: .5; //REM value
$sQuarter: $spacing * .25rem;
$sThird: $spacing * .33rem;
$sHalf: $spacing * .5rem;
$s1: $spacing * 1rem;
$s2: $spacing * 2rem;
$s3: $spacing * 3rem;
$s4: $spacing * 4rem;

## base.html
<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!--link rel="stylesheet" href="normalize.css"-->

## Flex fix
flex: 1 0 auto;
	^[A-Z][a-z]+\s[a-zA-Z\s\.]+

	Matches "Chris L", "Chris LaChance", and "Rico del Sola"
	<form action="#" class="form-entry">
	<input id="field-fullname-input" type="text" aria-describedby="field-fullname-info" required>
	<label for="field-fullname-input">Your full name</label>
	<div class="input-info" id="field-fullname-info">Please include your first and last name.</div>
	</form>
	/* Merging Modern-Normalize and Sanitize, with my own magic sprinkles & reference assets */
	*,::before,::after{background-repeat:no-repeat;box-sizing:border-box;color:inherit;cursor:inherit;font:inherit;hyphens:auto;line-height:inherit;margin:0;text-decoration:inherit;vertical-align:inherit;word-break:break-word;scroll-behavior:smooth}
	::before,::after{text-decoration:inherit}
	:root,html{-moz-tab-size:4;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;overflow-wrap:break-word;tab-size:4;font:-apple-system-body}
	@supports (font:-apple-system-body) and (not(-webkit-touch-callout:default)){:root{font-size:16px}}
	body{block-size:-moz-available;block-size:-webkit-fill-available;block-size:stretch;margin:0}

	:where(h1,h2,h3,h4)>a{color:inherit}
	abbr[title]{text-decoration:underline dotted}
	b,strong{font-weight:700}
	//// VARS
	// Spacing
	$spacing: .5; //REM value
	$sQuarter: $spacing * .25rem;
	$sThird: $spacing * .33rem;
	$sHalf: $spacing * .5rem;
	$s1: $spacing * 1rem;
	$s2: $spacing * 2rem;
	$s3: $spacing * 3rem;
	$s4: $spacing * 4rem;
	<!doctype html>
	<html lang="en-us">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!--link rel="stylesheet" href="normalize.css"-->