Tables in articles (#37)

* bootstrap from scss, reused table in articles

* gitignore upd
This commit is contained in:
trean
2022-04-25 16:42:26 +02:00
committed by GitHub
parent b0ac726edc
commit a1174137ac
7 changed files with 10172 additions and 123 deletions
@@ -1,110 +0,0 @@
article pre {
position: relative;
}
article img {
display: block;
margin-left: auto;
margin-right: auto;
}
article ul,
article ol {
margin-top: 1em;
margin-bottom: 1em;
}
article ul>li {
list-style: disc;
margin: 0 0 0 2em;
position: relative;
}
article ol>li {
list-style: decimal;
margin: 0 0 0 2em;
position: relative;
}
article h1 {
font-size: 2.25rem;
}
article h2 {
font-size: 1.75rem;
}
article h3 {
font-size: 1.25rem;
}
article h4 {
font-size: 1.25rem;
}
article h5 {
font-size: 1.25rem;
}
article h6 {
font-size: 1.25rem;
}
article p {
line-height: 1.8em;
margin-bottom: 0.7rem;
}
article figure {
text-align: center;
}
article aside[role="alert"],
article aside[role="status"] {
border: 1px solid transparent;
position: relative;
padding: .75rem 1.25rem .75rem 3rem;
margin-bottom: 1rem;
border-radius: 0.25rem;
}
article aside[role="alert"] {
color: var(--brand-primary);
background-color: #FBBFBF;
border-color: #fdb8b8;
}
article aside[role="alert"]:before,
article aside[role="status"]:before {
width: 3rem;
position: absolute;
top: calc(50% - 0.75rem);
left: 0;
font-size: 1rem;
text-align: center;
}
article aside[role="alert"]:before {
content: "\f071";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
}
article aside[role="status"] {
color: var(--brand-secondary);
background-color: #d1ecf1;
border-color: #bee5eb;
}
article aside[role="status"]:before {
content: "\f129";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
}
.single-page article:first-of-type {
padding-top: 38px;
}
@@ -0,0 +1,115 @@
article aside[role="alert"],
article aside[role="status"] {
border: 1px solid transparent;
position: relative;
padding: .75rem 1.25rem .75rem 3rem;
margin-bottom: 1rem;
border-radius: 0.25rem;
}
article aside[role="alert"] {
color: var(--brand-primary);
background-color: #FBBFBF;
border-color: #fdb8b8;
}
article aside[role="alert"]:before,
article aside[role="status"]:before {
width: 3rem;
position: absolute;
top: calc(50% - 0.75rem);
left: 0;
font-size: 1rem;
text-align: center;
}
article aside[role="alert"]:before {
content: "\f071";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
}
article aside[role="status"] {
color: var(--brand-secondary);
background-color: #d1ecf1;
border-color: #bee5eb;
}
article aside[role="status"]:before {
content: "\f129";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
}
article:first-of-type {
padding-top: 38px;
table {
@extend .table;
}
pre {
position: relative;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
ul,
ol {
margin-top: 1em;
margin-bottom: 1em;
}
ul > li {
list-style: disc;
margin: 0 0 0 2em;
position: relative;
}
ol > li {
list-style: decimal;
margin: 0 0 0 2em;
position: relative;
}
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.25rem;
}
p {
line-height: 1.8em;
margin-bottom: 0.7rem;
}
figure {
text-align: center;
}
}
File diff suppressed because it is too large Load Diff
@@ -38,13 +38,10 @@
34. Contact Form
**********************************************/
@import "../../../../node_modules/bootstrap/scss/bootstrap.scss";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto+Condensed:400,700,700i&display=swap');
/* font-family: 'Open Sans' ;
font-family: 'Roboto Condensed' ;
*/
@import url('font-awesome.css');
/* @import url('animate.css'); */
/* @import url('owl.css'); */
@@ -57,6 +54,8 @@
/* @import url('jquery.mCustomScrollbar.min.css'); */
@import url('colors.css');
@import "article";
@import "blocks/copy-btn";
@import "blocks/hero-code";
@import "blocks/widget-header";