Removed generated css; Renamed SASS files that are @use only (imported) to have an _ prefix as per spec; Tried to customize the SMUI sass, but was having problems with compiling not finding the SMUI source files; Added initial cut of asset check out system.

2022-08-01 09:18:04 -07:00
parent 603f395ef0
commit bd2caacf77
19 changed files with 1968 additions and 3784 deletions
--- a/client/_simple-grid.sass
+++ b/client/_simple-grid.sass
@@ -0,0 +1,186 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic)
+
+html, body
+	height: 100%
+	width: 100%
+	margin: 0
+	padding: 0
+	left: 0
+	top: 0
+
+/* ROOT FONT STYLES
+
+*
+	font-family: 'Lato', Helvetica, sans-serif
+	color: #333447
+	line-height: 1.5
+
+/* TYPOGRAPHY
+
+h1
+	font-size: 2.5rem
+
+h2
+	font-size: 2rem
+
+h3
+	font-size: 1.375rem
+
+h4
+	font-size: 1.125rem
+
+h5
+	font-size: 1rem
+
+h6
+	font-size: 0.875rem
+
+p
+	font-size: 1.125rem
+	font-weight: 200
+	line-height: 1.8
+
+.font-light
+	font-weight: 300
+
+.font-regular
+	font-weight: 400
+
+.font-heavy
+	font-weight: 700
+
+/* POSITIONING
+
+.left
+	text-align: left
+
+.right
+	text-align: right
+
+.center
+	text-align: center
+	margin-left: auto
+	margin-right: auto
+
+.justify
+	text-align: justify
+
+/* ==== GRID SYSTEM ====
+
+.container
+	//width: 90%
+	width: 100%
+	margin-left: auto
+	margin-right: auto
+
+.row
+	position: relative
+	//width: 100%
+
+	[class^="col"]
+		float: left
+		margin: 0.5rem 2%
+		min-height: 0.125rem
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
+	width: 96%
+	margin: auto
+
+.col-1-sm
+	width: 4.33%
+
+.col-2-sm
+	width: 12.66%
+
+.col-3-sm
+	width: 21%
+
+.col-4-sm
+	width: 29.33%
+
+.col-5-sm
+	width: 37.66%
+
+.col-6-sm
+	width: 46%
+
+.col-7-sm
+	width: 54.33%
+
+.col-8-sm
+	width: 62.66%
+
+.col-9-sm
+	width: 71%
+
+.col-10-sm
+	width: 79.33%
+
+.col-11-sm
+	width: 87.66%
+
+.col-12-sm
+	width: 96%
+
+.row::after
+	content: ""
+	display: table
+	clear: both
+
+.hidden-sm
+	display: none
+
+@media only screen and (min-width: 33.75em)
+	/* 540px
+
+	.container
+		width: 80%
+
+@media only screen and (min-width: 45em)
+	/* 720px
+
+	.col-1
+		width: 4.33%
+
+	.col-2
+		width: 12.66%
+
+	.col-3
+		width: 21%
+
+	.col-4
+		width: 29.33%
+
+	.col-5
+		width: 37.66%
+
+	.col-6
+		width: 46%
+
+	.col-7
+		width: 54.33%
+
+	.col-8
+		width: 62.66%
+
+	.col-9
+		width: 71%
+
+	.col-10
+		width: 79.33%
+
+	.col-11
+		width: 87.66%
+
+	.col-12
+		width: 96%
+
+	.hidden-sm
+		display: block
+
+@media only screen and (min-width: 60em)
+	/* 960px
+
+	.container
+		width: 75%
+		max-width: 60rem