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; 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; 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; font-size: medium;
} }
a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover { a:hover, a.button:hover, a.button.is-primary:hover, input.button.is-primary:hover {
color: #000000; color: #000000;
background-color: #ff8800; 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 .control input[type=text], .control textarea
{ {
width: 100%; width: 100%;
@ -199,7 +205,6 @@ img.emoji
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.media { .media {
display: block; 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; 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 .control input[type=text], .control textarea
{ {
width: 100%; width: 100%;