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