fix: style fixes

This commit is contained in:
Kazhnuz 2023-11-18 13:17:15 +01:00
parent a9e0c78025
commit 19b6a4e1ea
5 changed files with 34 additions and 5 deletions

View file

@ -5,7 +5,7 @@
echo '<h4 class="sr-only" id="title-article-taxo-romans">Romans</h4>'; echo '<h4 class="sr-only" id="title-article-taxo-romans">Romans</h4>';
$romans = get_the_terms($post->ID, 'roman'); $romans = get_the_terms($post->ID, 'roman');
foreach( $romans as $roman ) { foreach( $romans as $roman ) {
echo "<li><a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='btn-small c-primary mr-half'><i class='icon icon-book'></i>&nbsp;" . $roman->name . "</a></li>"; echo "<li><a href= '" . esc_url( get_category_link( $roman->term_id ) ) . "' class='btn btn-small c-primary mr-half'><i class='icon icon-book'></i>&nbsp;" . $roman->name . "</a></li>";
} }
echo "</ul>"; echo "</ul>";
} else { } else {
@ -13,7 +13,7 @@
echo "<ul class='nolist' aria-labelledby='title-article-taxo-categories'>"; echo "<ul class='nolist' aria-labelledby='title-article-taxo-categories'>";
echo '<h4 class="sr-only" id="title-article-taxo-categories">Catégories</h4>'; echo '<h4 class="sr-only" id="title-article-taxo-categories">Catégories</h4>';
foreach( $categories as $category ) { foreach( $categories as $category ) {
echo "<li><a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='btn-small c-primary mr-half'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg>&nbsp;" . $category->cat_name . "</a></li>"; echo "<li><a href= '" . esc_url( get_category_link( $category->term_id ) ) . "' class='btn btn-small c-primary mr-half'><svg class='icon' alt=''><use xlink:href='#icon-folder'></use></svg>&nbsp;" . $category->cat_name . "</a></li>";
} }
echo "</ul>"; echo "</ul>";
} }
@ -22,7 +22,7 @@
echo "<ul class='nolist' aria-labelledby='title-article-taxo-tags'>"; echo "<ul class='nolist' aria-labelledby='title-article-taxo-tags'>";
echo '<h4 class="sr-only" id="title-article-taxo-tags">Tags</h4>'; echo '<h4 class="sr-only" id="title-article-taxo-tags">Tags</h4>';
foreach( $tags as $tag ) { foreach( $tags as $tag ) {
echo "<li><a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='btn-small c-secondary mr-half'><i class='icon icon-tag'></i>&nbsp;" . $tag->name . "</a></li>"; echo "<li><a href= '" . esc_url( get_tag_link( $tag->term_id ) ) . "' class='btn btn-small c-secondary mr-half'><i class='icon icon-tag'></i>&nbsp;" . $tag->name . "</a></li>";
} }
echo "</ul>"; echo "</ul>";
} }

View file

@ -67,6 +67,7 @@
transition: background-color .2s, border .2s, box-shadow .2s, color .2s; transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
outline-color: var(--accent-color); outline-color: var(--accent-color);
color: var(--text-color-contrast); color: var(--text-color-contrast);
background: none!important;
&::before { &::before {
background-color: var(--accent-color); background-color: var(--accent-color);

View file

@ -6,4 +6,18 @@
stroke: currentColor; stroke: currentColor;
fill: currentColor; fill: currentColor;
color: currentColor; color: currentColor;
}
.card-header .icon {
vertical-align: bottom;
}
.toolbar .icon {
position: relative;
top: 0.2em;
}
.btn.btn-small .icon, .label .icon {
position: relative;
top: 0.1em;
} }

View file

@ -43,7 +43,8 @@ a {
outline-color: $color-link; outline-color: $color-link;
padding: 0.05rem; padding: 0.05rem;
border-radius: 0.1rem; border-radius: 0.1rem;
text-decoration: underline dashed; text-decoration: underline dashed 1px;
text-underline-offset: 0.1rem;
&:visited { &:visited {
color: var(--link-color); color: var(--link-color);

View file

@ -84,7 +84,8 @@ a {
outline-color: #CB357D; outline-color: #CB357D;
padding: 0.05rem; padding: 0.05rem;
border-radius: 0.1rem; border-radius: 0.1rem;
text-decoration: underline dashed; } text-decoration: underline dashed 1px;
text-underline-offset: 0.1rem; }
a:visited { a:visited {
color: var(--link-color); } color: var(--link-color); }
a:hover, a:active { a:hover, a:active {
@ -226,6 +227,17 @@ pre {
fill: currentColor; fill: currentColor;
color: currentColor; } color: currentColor; }
.card-header .icon {
vertical-align: bottom; }
.toolbar .icon {
position: relative;
top: 0.2em; }
.btn.btn-small .icon, .label .icon {
position: relative;
top: 0.1em; }
.btn { .btn {
border: 0px solid rgba(0, 0, 0, 0.3); border: 0px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
@ -241,6 +253,7 @@ pre {
transition: background-color .2s, border .2s, box-shadow .2s, color .2s; transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
outline-color: var(--accent-color); outline-color: var(--accent-color);
color: var(--text-color-contrast); color: var(--text-color-contrast);
background: none !important;
font-weight: 400; } font-weight: 400; }
.btn:before { .btn:before {
content: " "; content: " ";