1
0

Tweak timeline arrows

This commit is contained in:
Tony Grosinger 2020-11-15 17:57:24 -08:00
parent 44743f7fdb
commit b933841c77
15 changed files with 35 additions and 30 deletions

View File

@ -26,7 +26,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"Target":"main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-wzjx7+PrCeEUie7zy6kn3/QlQzV7jVUFl2Zo3tP83dc="}}
{"Target":"main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css","MediaType":"text/css","Data":{"Integrity":"sha256-4OFUtFUKFbk8sC/OaJdugjqVOOJ/wx7Ev1QZ/tEv3nM="}}

View File

@ -10,7 +10,7 @@ $light-border-color: #dcdcdc;
/* dark theme colors */
$dark-background: #292a2d;
$dark-background-secondary: #3b3d42;
$dark-color: #8e8e96;
$dark-color: #75757c;
$dark-color-secondary: #73747b;
$dark-border-color: #4a4b50;

View File

@ -49,10 +49,10 @@ section {
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent;
top: 0;
left: -20px;
border-width: 18px 20px 18px 0;
border-color: transparent #10bbff transparent transparent;
}
}
}
@ -78,21 +78,21 @@ section {
border-style: solid;
width: 0;
height: 0;
top: 30px;
right: -15px;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #f5f5f5;
top: 0;
right: -20px;
border-width: 18px 0 18px 20px;
border-color: transparent transparent transparent #10bbff;
}
}
.timeline-img {
width: 30px;
height: 30px;
background: $primary;
background: #10bbff;
border-radius: 50%;
position: absolute;
left: 50%;
margin-top: 25px;
margin-top: 5px;
margin-left: -15px;
}
@ -149,11 +149,11 @@ blockquote {
@media screen and (max-width: 768px) {
.timeline {
&::before {
left: 50px;
left: 30px;
}
.timeline-img {
left: 50px;
left: 30px;
}
.timeline-content {
@ -171,15 +171,17 @@ blockquote {
&:nth-child(odd) {
.timeline-content {
border-radius: 0 4px 4px 4px;
&::after {
content: "";
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
top: 0;
left: -20px;
border-width: 18px 20px 18px 0;
border-color: transparent #f5f5f5 transparent transparent;
}
}

View File

@ -27,7 +27,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -27,7 +27,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

View File

@ -26,7 +26,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

View File

@ -27,7 +27,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

View File

@ -27,7 +27,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

View File

@ -26,7 +26,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

View File

@ -26,7 +26,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">

View File

@ -26,7 +26,7 @@
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">