course: html prototype

circuit/25-2/course_project/index.css

@@ -0,0 +1,112 @@
+body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0;
+  background-color: gray;
+}
+
+html {
+  font: 12pt Times;
+}
+
+section {
+  position: relative;
+  box-sizing: border-box;
+  width: 210mm;
+  height: 297mm;
+  padding: 20mm 15mm 20mm 30mm;
+  background-color: white;
+  border-bottom: 1mm solid gray;
+}
+
+header {
+  font-size: 1.5rem;
+  font-weight: bolder;
+}
+
+h1 {
+  font-size: 1.3rem;
+}
+
+h2 {
+  font-size: 1.15rem;
+}
+
+h3 {
+  font-size: 1rem;
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  gap: 5mm;
+}
+
+.row {
+  display: flex;
+  flex-direction: row;
+  gap: 5mm;
+}
+
+.x-between {
+  justify-content: space-between;
+}
+
+.x-end {
+  justify-content: end;
+}
+
+.y-center {
+  align-items: center;
+}
+
+.right {
+  text-align: right;
+}
+
+.center {
+  text-align: center;
+}
+
+.indent {
+  text-indent: 12.5mm;
+}
+
+.page-number {
+  position: absolute;
+  left: 50%;
+  bottom: 10mm;
+}
+
+.table-of-contents {
+  overflow-x: hidden;
+  list-style: none;
+  padding: 0;
+}
+
+.table-of-contents ol {
+  list-style: none;
+}
+
+.table-of-contents li:before {
+  float: left;
+  width: 0;
+  white-space: nowrap;
+  content:
+    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
+}
+
+.table-of-contents span:first-child {
+  padding-right: 0.33em;
+  background-color: white;
+}
+
+.table-of-contents span + span {
+  float: right;
+  padding-left: 0.33em;
+  background-color: white;
+}