create two version old and new

new/styles/text.css

@@ -0,0 +1,149 @@
+
+/*---------------------------------------------*/
+/*FONTS*/
+h1, h2, h3, h4, h5, h6, em {
+	font-family: var(--font-titles), var(--font-fallback), sans-serif;
+}
+a, p, li {
+	font-family: var(--font-texts), var(--font-fallback), sans-serif;
+}
+code {
+	font-family: monospace;
+}
+
+/*---------------------------------------------*/
+/*COLORS*/
+/*links when they are part of a text*/
+p a, p a:link {
+	color: var(--color-link);
+}
+p a:visited {
+	color: var(--color-link-visited);
+}
+p a:hover {
+	color: var(--color-link-hover);
+}
+p a:active {
+	color: var(--color-link-active);
+}
+/*color text*/
+h1, h2, h3, h4, h5, h6, p, span {
+	color: var(--color-text);
+}
+
+/*---------------------------------------------*/
+/*SIZES*/
+aside {
+	font-size: .8rem;
+}
+main {
+	font-size: 1rem;
+}
+p {
+	font-size: 1.8em;
+	line-height: 1.5em;
+}
+h1 {
+	font-size: 3.5em;
+	line-height: 1.5em;
+}
+h2 {
+	font-size: 2em;
+	line-height: 1.5em;
+}
+h3 {
+	font-size: 1.8em;
+	line-height: 1.5em;
+}
+h4 {
+	font-size: 1.8em;
+	line-height: 1.5em;
+}
+h5 {
+	font-size: 1.8em;
+	line-height: 1.5em;
+}
+h6 {
+	font-size: 1.8em;
+	line-height: 1.5em;
+}
+small, sub, sup {
+	font-size: 0.8em;
+	line-height: 1.2em;
+}
+
+/*---------------------------------------------*/
+/*OTHER SETTINGS*/
+p, p *, h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, li * {
+	display: inline;
+}
+a, a * {
+	cursor: pointer;
+}
+i {
+	font-style: italic;
+}
+b {
+	font-weight: 600;
+}
+mark { /*text with background color*/
+	padding: 0px 5px;
+	background-color: hsl(var(--hue-4) 50% 90%);
+}
+strong { /*text with color*/
+	background-color: hsl(var(--hue-2) 80% 80%);
+}
+del {
+	text-decoration: line-through;
+}
+ins {
+	text-decoration: underline;
+}
+sub {
+	vertical-align: sub;
+}
+sup {
+	vertical-align: super;
+}
+code {
+	background-color: var(--color-back-dark);
+}
+/*
+	<i>			- Italic
+	<em>		- Emphasized	-> title font
+	<b>			- Bold
+	<strong>	- Important		-> background color
+	<mark>		- Marked		-> background color
+	<small>		- Smaller
+	<del>		- Deleted
+	<ins>		- Inserted		-> underline
+	<sub>		- Subscript
+	<sup>		- Superscript
+	<code>		- Computer
+*/
+
+/*---------------------------------------------*/
+/*CLASS SETTINGS*/
+/*quote*/
+.quote {
+	max-width: 480px;
+	margin-right: 0px;
+	margin-left: auto;
+	text-align: right;
+}
+.quote p, .quote p * {
+	color: var(--color-text-light);
+}
+.quote_credit {
+	font-size: 1.8em;
+	margin-top: 0.9em;
+}
+.quote_credit p {
+	font-size: 0.8em;
+	line-height: 1.2em;
+}
+/*nocut*/
+.nocut {
+	white-space: nowrap;
+}
+