Browse Source

fix:correction des effets secondaire des liens

main
Kazhnuz Klappsthul 8 months ago
parent
commit
cfd932a943
  1. 8
      scss/_global.scss
  2. 2
      scss/_typography.scss
  3. 5
      scss/components/_previews.scss
  4. 16
      style.css

8
scss/_global.scss

@ -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;

2
scss/_typography.scss

@ -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;

5
scss/components/_previews.scss

@ -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

@ -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;

Loading…
Cancel
Save