fix:correction des effets secondaire des liens
This commit is contained in:
parent
5ec2ac0021
commit
cfd932a943
4 changed files with 21 additions and 10 deletions
|
@ -230,6 +230,12 @@ footer {
|
|||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
&:hover, &:active, &:visited {
|
||||
color: $color-light;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -244,7 +250,7 @@ ul.social {
|
|||
margin:0;
|
||||
list-style: none;
|
||||
display: inline;
|
||||
a {
|
||||
a, a:visited {
|
||||
color: $color-footer-back;
|
||||
background-color: $color-footer-text;
|
||||
padding:0.3em;
|
||||
|
|
|
@ -39,7 +39,7 @@ em {
|
|||
}
|
||||
|
||||
|
||||
a:not(.preview-link), a:visited:not(.preview-link) {
|
||||
a, a:visited {
|
||||
color: $color-light;
|
||||
background-color: $color-link;
|
||||
text-decoration:none;
|
||||
|
|
|
@ -50,8 +50,9 @@ $preview-height: 8*$lineheight;
|
|||
box-shadow: $large-shadow, $inset-shadow;
|
||||
}
|
||||
|
||||
.preview-link:hover {
|
||||
text-decoration:none!important;
|
||||
.preview-link {
|
||||
padding:0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.preview-item {
|
||||
|
|
16
style.css
16
style.css
|
@ -306,7 +306,7 @@ em {
|
|||
font-style: italic;
|
||||
font-weight: 400; }
|
||||
|
||||
a:not(.preview-link), a:visited:not(.preview-link) {
|
||||
a, a:visited {
|
||||
color: #fdf6e3;
|
||||
background-color: #2aa198;
|
||||
text-decoration: none;
|
||||
|
@ -314,7 +314,7 @@ a:not(.preview-link), a:visited:not(.preview-link) {
|
|||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
border-radius: 0.1rem; }
|
||||
a:not(.preview-link):hover, a:not(.preview-link):active, a:not(.preview-link):focus, a:visited:not(.preview-link):hover, a:visited:not(.preview-link):active, a:visited:not(.preview-link):focus {
|
||||
a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
|
||||
color: #2aa198;
|
||||
background-color: transparent;
|
||||
text-decoration: none; }
|
||||
|
@ -788,6 +788,9 @@ footer {
|
|||
@media (min-width: 992px) {
|
||||
footer .footer-collumns {
|
||||
grid-template-columns: 1fr 1fr 1fr; } }
|
||||
footer .footer-collumns a:hover, footer .footer-collumns a:active, footer .footer-collumns a:visited, footer .footer-collumns a:visited:hover, footer .footer-collumns a:visited:active, footer .footer-collumns a:visited:visited {
|
||||
color: #fdf6e3; }
|
||||
|
||||
/* social media */
|
||||
ul.social {
|
||||
font-size: 1.5em;
|
||||
|
@ -798,7 +801,7 @@ ul.social {
|
|||
margin: 0;
|
||||
list-style: none;
|
||||
display: inline; }
|
||||
ul.social li a {
|
||||
ul.social li a, ul.social li a:visited {
|
||||
color: #073642;
|
||||
background-color: #fdf6e3;
|
||||
padding: 0.3em;
|
||||
|
@ -806,7 +809,7 @@ ul.social {
|
|||
padding-right: 0.36em;
|
||||
vertical-align: middle;
|
||||
border-radius: 100%; }
|
||||
ul.social li a:hover {
|
||||
ul.social li a:hover, ul.social li a:visited:hover {
|
||||
color: #fdf6e3;
|
||||
background-color: #073642; }
|
||||
|
||||
|
@ -1748,8 +1751,9 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
|
|||
margin: auto;
|
||||
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
|
||||
|
||||
.preview-link:hover {
|
||||
text-decoration: none !important; }
|
||||
.preview-link {
|
||||
padding: 0;
|
||||
background-color: transparent; }
|
||||
|
||||
.preview-item {
|
||||
height: 12rem;
|
||||
|
|
Reference in a new issue