Skip to content
This repository has been archived by the owner on Jul 2, 2024. It is now read-only.

Commit

Permalink
GH-202: Add styles and complete 1NF presentation steps
Browse files Browse the repository at this point in the history
  • Loading branch information
shorodilov committed Feb 25, 2024
1 parent 5fc30b1 commit 471fbd7
Show file tree
Hide file tree
Showing 3 changed files with 369 additions and 190 deletions.
121 changes: 121 additions & 0 deletions src/_static/scss/presentation-common.scss
Original file line number Diff line number Diff line change
Expand Up @@ -40,3 +40,124 @@
display: none;
}
}

/* colors */
// todo: adjust colors
$background: #212121;
$on-background: white;
$surface: #212121;
$on-surface: white;
$primary: #212121;
$on-primary: white;
$secondary: #212121;
$on-secondary: white;

body {
background: $background;
}

/* fonts */
$base-font-size: 3.75rem;
$title: $base-font-size * 2.5;
$subtitle: $base-font-size *2;
$section: $base-font-size * 1.5;

body {
font-size: $base-font-size;

h1 {
font-size: $title
}

h2 {
font-size: $subtitle
}

h3 {
font-size: $section
}

small {
font-size: $base-font-size * 0.5;
}
}

/* content align */
.text-start {
text-align: start
}

.text-center {
text-align: center
}

.text-end {
text-align: end
}

h1, h2, h3, caption {
@extend .text-center;
margin: 0 auto;
}

/* impress presentation */
$step-width: 1800px;

#impress {
pointer-events: none;

.step {
display: block;
position: relative;
width: $step-width;
padding: 60px;

background-color: $surface;
color: $on-surface;
}

.title,
#title {
h1 {
font-size: $title * 2;
}

h2 {
font-size: $subtitle * 2;
}
}

.overview,
#overview {
position: fixed;
background: none;
display: none;
}

.db-table {
width: 75%;

margin: auto auto 20px;

font-family: Monospaced, monospace;
font-size: $base-font-size * 0.75;

th, td {
padding: 1svh 3svw;
}

th {
@extend .text-center;

font-weight: bold;
font-size: $base-font-size * 0.8;

background-color: $secondary;
color: $on-secondary;
}
}

.description {
padding: 0 20px;
}
}
31 changes: 31 additions & 0 deletions src/_static/scss/presentation-normalization.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
@import "./presentation-common";

#normalization[aria-roledescription=presentation] {
#definition {
width: $step-width * 0.66;
padding: 0 0 120px 120px;
}

.requirements {
h3 {
@extend .text-start;
}
}

#mixed-data-types--1nf,
#no-mixed-data-types--1nf {
table {
margin-right: auto;
margin-left: auto;
width: 50%;
}
}

#repeating-groups--1nf {
table {
margin-right: auto;
margin-left: auto;
width: 50%;
}
}
}
Loading

0 comments on commit 471fbd7

Please sign in to comment.