fix: style fixes
This commit is contained in:
parent
a9e0c78025
commit
19b6a4e1ea
5 changed files with 34 additions and 5 deletions
|
@ -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> " . $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> " . $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> " . $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> " . $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> " . $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> " . $tag->name . "</a></li>";
|
||||||
}
|
}
|
||||||
echo "</ul>";
|
echo "</ul>";
|
||||||
}
|
}
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
|
@ -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);
|
||||||
|
|
15
style.css
15
style.css
|
@ -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: " ";
|
||||||
|
|
Reference in a new issue