Skip to content

Commit

Permalink
css: fixed horizontal line
Browse files Browse the repository at this point in the history
  • Loading branch information
@danieltomasz
danieltomasz committed Aug 12, 2023
1 parent d10f651 commit 978b568
Show file tree
Hide file tree
Showing 4 changed files with 90 additions and 11 deletions.
89 changes: 83 additions & 6 deletions assets/scss/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,17 +41,20 @@ img {
text-decoration: none;
}

.lista .meta span{
flex: 1;

.divider{

display: inline-block;
}
.lista .meta hr{
flex: 1;
display: inline-block;
}
border-top: 1px solid #ddd;
margin: 0 10px;
}

.lista .meta{
align-items: center;
display: flex;
padding-bottom: 0.85em;


}

Expand Down Expand Up @@ -232,6 +235,10 @@ nav ul {
list-style-type: none;
}

.nav {
padding-top: -3em;
}

// lista .meta {
// color: #be2929;

Expand All @@ -241,3 +248,73 @@ nav ul {
// display: inline;
// text-decoration: none;
// }


ul {
list-style-type: square;
}

ul, ol {
padding-left: 1.2rem;
}

header li, footer li {
display: inline;
text-transform: uppercase;
}

header a, footer a {
text-decoration: none;
}

header ul, footer ul {
justify-content: space-between;
display: flex;
}



[aria-current="page"] {
//font-weight: bold;
text-decoration: line-through;
}

// header,section, footer {
// padding:1rem 0;
// }

blockquote {
border-left: 5px solid #353535;
padding-left: 1rem;
}
.posts ul,header ul, footer ul {
list-style:none;
}

.posts, header ul, footer ul {
padding: 0;
}

.posts footer {
padding-top: -10em;
}

.posts li {
align-items:center;
display:flex;
justify-content:space-between;
// margin-bottom: .7rem;
}

.posts li a, .posts li div {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-decoration: none;
}

.posts li time {
padding-left: 1rem;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
9 changes: 6 additions & 3 deletions layouts/_default/list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,16 +13,19 @@

<a href="{{ .Params.externalLink | default .RelPermalink }}">{{ .Title }}</a>
<div class="meta">
<span>
<span>

{{ $terms := (.GetTerms "tags") }}
{{ range $key, $value := $terms }}
<a href="{{ .Permalink }}">
#{{ .Title | lower }}{{ if ne $key (sub (len $terms) 1) }}, {{ end }}
</a>
{{ end }}
<hr>

{{ end }}
</span>

<div class="divider"></div>

<time>{{ .Date.Format (.Site.Params.dateFormat | default "02·01·2006" ) }}</time>


Expand Down
1 change: 0 additions & 1 deletion layouts/partials/footer.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
{{/* <hr> */}}
<footer>
<nav>

<ul>
<li>
© {{ dateFormat "2006" now }}
Expand Down
2 changes: 1 addition & 1 deletion resources/_gen/assets/scss/scss/styles.scss_a2dda63ea13223dc3ead147955a91d17.content
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
*{line-height:1.6em;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,ubuntu,roboto,noto,segoe ui,arial,sans-serif;padding:2rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{max-width:70ch;padding:2ch;margin:auto}rig header,footer{margin-top:4rem;margin-bottom:4rem}h1:first-child{margin:0}img{display:block;max-width:100%}.meta{color:#777}.meta span a{color:#777;display:inline;text-decoration:none}.lista .meta span{flex:1;display:inline-block}.lista .meta hr{flex:1;display:inline-block}.lista .meta{align-items:center;display:flex}a,a:visited{color:initial}.list{list-style-type:none;padding-left:0;margin:0}.list li{margin-bottom:.5rem}time{color:#777;font-variant-numeric:tabular-nums}blockquote{border-left:2px solid #777;padding:.5rem 1rem;margin:2rem 0}table{border-collapse:collapse;text-align:left;width:100%}table tr{background:#fff;border-bottom:1px solid}table th,table td{padding:10px 20px}.posts ul,header ul,footer ul{list-style:none}.posts,header ul,footer ul{padding:0}.posts li{align-items:center;display:flex;justify-content:space-between;margin-bottom:.7rem}.posts li a,.posts li div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.posts li time{padding-left:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}code,pre{color:#353535;font-family:San Francisco Mono,Monaco,consolas,lucida console,dejavu sans mono,bitstream vera sans mono,monospace;font-size:normal;border:1px solid #353535;font-size:small}code{padding:.1rem;border:none}pre{padding:.5rem;overflow-x:auto}pre code{border:none}header li,footer li{display:inline;text-transform:uppercase}header a,footer a{text-decoration:none}header ul,footer ul{justify-content:space-between;display:flex}[aria-current=page]{text-decoration:line-through}header,section,footer{padding:1rem 0}.lista li{list-style-type:none}.lista ul{display:flex;list-style-type:none}
*{line-height:1.6em;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica,helvetica neue,ubuntu,roboto,noto,segoe ui,arial,sans-serif;padding:2rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{max-width:70ch;padding:2ch;margin:auto}rig header,footer{margin-top:4rem;margin-bottom:4rem}h1:first-child{margin:0}img{display:block;max-width:100%}.meta{color:#777}.meta span a{color:#777;display:inline;text-decoration:none}.divider{display:inline-block;flex:1;border-top:1px solid #ddd;margin:0 10px}.lista .meta{align-items:center;display:flex;padding-bottom:.85em}a,a:visited{color:initial}.list{list-style-type:none;padding-left:0;margin:0}.list li{margin-bottom:.5rem}time{color:#777;font-variant-numeric:tabular-nums}blockquote{border-left:2px solid #777;padding:.5rem 1rem;margin:2rem 0}table{border-collapse:collapse;text-align:left;width:100%}table tr{background:#fff;border-bottom:1px solid}table th,table td{padding:10px 20px}.posts ul,header ul,footer ul{list-style:none}.posts,header ul,footer ul{padding:0}.posts li{align-items:center;display:flex;justify-content:space-between;margin-bottom:.7rem}.posts li a,.posts li div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.posts li time{padding-left:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}code,pre{color:#353535;font-family:San Francisco Mono,Monaco,consolas,lucida console,dejavu sans mono,bitstream vera sans mono,monospace;font-size:normal;border:1px solid #353535;font-size:small}code{padding:.1rem;border:none}pre{padding:.5rem;overflow-x:auto}pre code{border:none}header li,footer li{display:inline;text-transform:uppercase}header a,footer a{text-decoration:none}header ul,footer ul{justify-content:space-between;display:flex}[aria-current=page]{text-decoration:line-through}header,section,footer{padding:1rem 0}.lista li{list-style-type:none}.lista ul{display:flex;list-style-type:none}.nav{padding-top:-3em}ul{list-style-type:square}ul,ol{padding-left:1.2rem}header li,footer li{display:inline;text-transform:uppercase}header a,footer a{text-decoration:none}header ul,footer ul{justify-content:space-between;display:flex}[aria-current=page]{text-decoration:line-through}blockquote{border-left:5px solid #353535;padding-left:1rem}.posts ul,header ul,footer ul{list-style:none}.posts,header ul,footer ul{padding:0}.posts footer{padding-top:-10em}.posts li{align-items:center;display:flex;justify-content:space-between}.posts li a,.posts li div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.posts li time{padding-left:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}

0 comments on commit 978b568

Please sign in to comment.