Add some underlines to links for accessibility reasons

This commit is contained in:
Jason McBrayer 2019-01-27 21:33:17 -05:00
parent 5b3d34b762
commit 705ea8917b
4 changed files with 26 additions and 2 deletions

View File

@ -228,3 +228,9 @@ input#id_poll_frequency
{
height: 0;
}
.media-content a:not(.mention)
{
text-decoration-line: underline;
text-decoration-style: dotted;
}

View File

@ -212,3 +212,9 @@ body.has-navbar-fixed-top, html.has-navbar-fixed-top {
{
height: 0;
}
.media-content a:not(.mention)
{
text-decoration-line: underline;
text-decoration-style: dotted;
}

View File

@ -24,12 +24,18 @@ a, a.button, a.button.is-primary, input.button.is-primary, input, .input, .texta
font-size: medium;
}
a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover {
color: #000000;
background-color: #ff8800;
}
.media-content a:not(.mention):not(.tag)
{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration:color: #ff7700;
}
.control input[type=text], .control textarea
{
width: 100%;
@ -199,7 +205,6 @@ img.emoji
}
@media screen and (max-width: 768px) {
.media {
display: block;

View File

@ -30,6 +30,13 @@ a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hove
background-color: #00ff88;
}
.media-content a:not(.mention):not(.tag)
{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration:color: #00ff77;
}
.control input[type=text], .control textarea
{
width: 100%;