Tweak timeline arrows
This commit is contained in:
parent
44743f7fdb
commit
b933841c77
2
404.html
2
404.html
@ -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
@ -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="}}
|
@ -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;
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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
@ -27,7 +27,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
@ -26,7 +26,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
@ -27,7 +27,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
@ -27,7 +27,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
@ -26,7 +26,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
@ -26,7 +26,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
@ -26,7 +26,7 @@
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/main.c338f1efe3eb09e11489eef3cba927dff42543357b8d5505976668ded3fcddd7.css">
|
||||
<link rel="stylesheet" href="/main.e0e154b4550a15b93cb02fce68976e823a9538e27fc31ec4bf5419fed12fde73.css">
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user