Add tests for query syntax

This commit is contained in:
arne 2025-11-18 21:48:32 +01:00
commit 5452579f0d
4 changed files with 85 additions and 15 deletions

View file

@ -93,6 +93,47 @@
padding: 0 0 36px;
}
section.posts .controls .search-form input {
width: 80%;
}
@media screen and (min-width: 640px) {
section.posts .controls {
display: grid;
grid-template:
"a a"
"b c";
}
section.posts .controls .post-info {
grid-area: a;
}
section.posts .controls .search-form {
grid-area: b;
}
section.posts .controls .search-form input {
width: auto;
}
section.posts .controls .buttons {
grid-area: c;
display: flex;
justify-content: end;
}
}
section.posts .controls .control-button {
padding: 6px;
margin: 6px 0;
background: #f5e6ab;
color: #444;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
section.posts ul.results {
margin: 0;
padding: 0;
@ -132,17 +173,6 @@
list-style-type: none;
}
section.posts .post .controls .control-element a {
padding: 6px;
margin: 0 0 6px 6px;
background: #f5e6ab;
color: #444;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
@media screen and (min-width: 640px) {
section.posts .post .controls {
display: flex;
@ -162,6 +192,20 @@
color: #eee;
margin: .16rem;
}
blockquote {
margin-left: 0;
padding: 16px 0 16px 24px;
border-left: 3px solid #f5e6ab;
}
blockquote p:first-child {
margin-top: 0;
}
blockquote p:last-child {
margin-bottom: 0;
}
</style>
</head>
<body>