sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improving accesibility.

Browse Source
This commit is contained in:
Sergiotarxz 2023-08-26 16:04:20 +02:00
parent 9a750c2336
commit 4c190b7d95
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/css/styles.css
View File

@ -36,7 +36,7 @@ body {
align-items: center; align-items: center;
height: 100%; height: 100%;
text-decoration: none; } text-decoration: none; }
body div.carousel a:hover { body div.carousel a:hover, body div.carousel a:focus {
background: blueviolet; background: blueviolet;
color: #f2eb8c; } color: #f2eb8c; }
body div.carousel div.promoted-tag, body div.carousel h3 { body div.carousel div.promoted-tag, body div.carousel h3 {
@ -124,6 +124,9 @@ body {
text-decoration: none; text-decoration: none;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 30px; } margin-bottom: 30px; }
body div.page-contents div.description div.articles a:focus article, body div.page-contents div.description div.articles a:hover article {
background: blueviolet;
color: #f2eb8c; }
body div.page-contents div.description div.articles a article { body div.page-contents div.description div.articles a article {
word-wrap: break-word; word-wrap: break-word;
width: 90%; width: 90%;
@ -208,7 +211,7 @@ body {
text-decoration: none; text-decoration: none;
color: #f2eb8c; color: #f2eb8c;
margin: 0; } margin: 0; }
body div.page-contents nav a:hover { body div.page-contents nav a:hover, body div.page-contents nav a:focus {
background: #f2eb8c; background: #f2eb8c;
color: blueviolet; } color: blueviolet; }
body div.page-contents nav a.selected { body div.page-contents nav a.selected {
@ -219,9 +222,9 @@ body {
padding-bottom: 9px; } padding-bottom: 9px; }
body div.page-contents nav a.menu-expand .open-menu-icon-hover { body div.page-contents nav a.menu-expand .open-menu-icon-hover {
display: none; } display: none; }
body div.page-contents nav a.menu-expand:hover .open-menu-icon-hover { body div.page-contents nav a.menu-expand:hover .open-menu-icon-hover, body div.page-contents nav a.menu-expand:focus .open-menu-icon-hover {
display: block; } display: block; }
body div.page-contents nav a.menu-expand:hover .open-menu-icon { body div.page-contents nav a.menu-expand:hover .open-menu-icon, body div.page-contents nav a.menu-expand:focus .open-menu-icon {
display: none; } display: none; }
body div.page-contents nav.mobile-shortcuts { body div.page-contents nav.mobile-shortcuts {
position: fixed; position: fixed;

13
public/css/styles.scss
View File

@ -54,7 +54,7 @@ body {
align-items: center; align-items: center;
height: 100%; height: 100%;
text-decoration: none; text-decoration: none;
&:hover { &:hover,&:focus {
background: $background_div; background: $background_div;
color: $color_div; color: $color_div;
} }
@ -178,6 +178,13 @@ body {
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 30px; margin-bottom: 30px;
&:focus,&:hover {
//outline: red solid 3px;
article {
background: $background_div;
color: $color_div;
}
}
article { article {
word-wrap: break-word; word-wrap: break-word;
width: 90%; width: 90%;
@ -314,7 +321,7 @@ body {
color: $color_div; color: $color_div;
margin: 0; margin: 0;
&:hover { &:hover,&:focus {
background: $color_div; background: $color_div;
color: $background_div; color: $background_div;
} }
@ -333,7 +340,7 @@ body {
display: none; display: none;
} }
&:hover { &:hover,&:focus {
.open-menu-icon-hover { .open-menu-icon-hover {
display: block; display: block;
} }