mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-28 23:48:31 +02:00
Tables in articles (#37)
* bootstrap from scss, reused table in articles * gitignore upd
This commit is contained in:
@@ -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";
|
||||
|
||||
Reference in New Issue
Block a user