kazhnuz.space/kspace-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: kazhnuz.space:9cee7e78a5536e655af198ef99a236c4d7947057
Branches Tags
kazhnuz.space:main
...
compare: kazhnuz.space:cfd932a94315320d7d49d30aeca6a820381a11f9
Branches Tags
kazhnuz.space:main

2 commits
9cee7e78a5 ... cfd932a943

Author SHA1 Message Date
Kazhnuz
cfd932a943 fix:correction des effets secondaire des liens 2021-01-27 11:20:20 +01:00
Kazhnuz
5ec2ac0021 feat: nouveau style pour les liens 2021-01-27 10:51:34 +01:00
6 changed files with 74 additions and 33 deletions
Show stats Expand all files Collapse all files

8
scss/_global.scss
View file

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

4
scss/_palette.scss
View file

@ -53,10 +53,6 @@ $color-success: $color-green;
// Colorize important elements // Colorize important elements
a, a:hover, a:active {
color: $color-link;
}
::selection { ::selection {
@include background-color($color-selection, $color-light); @include background-color($color-selection, $color-light);
} }

14
scss/_typography.scss
View file

@ -38,11 +38,19 @@ em {
font-weight: $fontweight_base; font-weight: $fontweight_base;
} }
a {
color: $color-link; a, a:visited {
color: $color-light;
background-color: $color-link;
text-decoration:none; text-decoration:none;
&:hover, &:active { padding:0.05rem;
padding-left:0.25rem;
padding-right:0.25rem;
border-radius:0.1rem;
&:hover, &:active, &:focus {
color: $color-link; color: $color-link;
background-color: transparent;
text-decoration:none;
} }
} }

16
scss/components/_cards.scss
View file

@ -89,7 +89,7 @@ $card-smallpad: $lineheight_half;
margin:0; margin:0;
} }
.menu-element, .menu-element-link, li a { .menu-element, .menu-element-link, li a, li a:visited {
display:flex; display:flex;
line-height:$lineheight; line-height:$lineheight;
padding-right:$lineheight_half; padding-right:$lineheight_half;
@ -120,7 +120,7 @@ $card-smallpad: $lineheight_half;
} }
} }
a { a, a:visited {
text-decoration:none; text-decoration:none;
color: $color-violet; color: $color-violet;
background-color:transparent; background-color:transparent;
@ -238,4 +238,16 @@ ul.card-list, .card > ul {
&-danger { @include background-color($color-danger, $color-light); } &-danger { @include background-color($color-danger, $color-light); }
&-info { @include background-color($color-info, $color-light); } &-info { @include background-color($color-info, $color-light); }
&-success { @include background-color($color-success, $color-light); } &-success { @include background-color($color-success, $color-light); }
a, a:visited {
color: $color-light;
background-color:rgba(0,0,0,0.15);
text-decoration:none;
opacity:1;
&:hover, &:active, &:visited {
color: $color-light;
background-color:transparent;
opacity:1;
}
}
} }

5
scss/components/_previews.scss
View file

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

56
style.css
View file

@ -22,9 +22,6 @@
* également celles spécifiques pour certains sujets (liens, texte) * également celles spécifiques pour certains sujets (liens, texte)
* *
*/ */
a, a:hover, a:active {
color: #2aa198; }
::selection { ::selection {
background-color: #2aa198 !important; background-color: #2aa198 !important;
color: #fdf6e3; } color: #fdf6e3; }
@ -309,11 +306,18 @@ em {
font-style: italic; font-style: italic;
font-weight: 400; } font-weight: 400; }
a { a, a:visited {
color: #fdf6e3;
background-color: #2aa198;
text-decoration: none;
padding: 0.05rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
border-radius: 0.1rem; }
a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
color: #2aa198; color: #2aa198;
background-color: transparent;
text-decoration: none; } text-decoration: none; }
a:hover, a:active {
color: #2aa198; }
p { p {
padding: 0; padding: 0;
@ -784,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;
@ -794,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;
@ -802,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; }
@ -876,7 +883,7 @@ ul.social {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; } margin: 0; }
.card-menu .menu-element, .card-menu .menu-element-link, .card-menu li a, .menu-menu .menu-element, .menu-menu .menu-element-link, .menu-menu li a { .card-menu .menu-element, .card-menu .menu-element-link, .card-menu li a, .card-menu li a:visited, .menu-menu .menu-element, .menu-menu .menu-element-link, .menu-menu li a, .menu-menu li a:visited {
display: flex; display: flex;
line-height: 1.5rem; line-height: 1.5rem;
padding-right: 0.75rem; padding-right: 0.75rem;
@ -892,7 +899,7 @@ ul.social {
position: relative; position: relative;
z-index: 1; z-index: 1;
overflow: visible; } overflow: visible; }
.card-menu .menu-element:before, .card-menu .menu-element-link:before, .card-menu li a:before, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before, .menu-menu li a:before { .card-menu .menu-element:before, .card-menu .menu-element-link:before, .card-menu li a:before, .card-menu li a:visited:before, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before, .menu-menu li a:before, .menu-menu li a:visited:before {
content: " "; content: " ";
position: absolute; position: absolute;
top: 0; top: 0;
@ -902,24 +909,24 @@ ul.social {
z-index: -1; z-index: -1;
transform: skewX(-15deg); transform: skewX(-15deg);
transition: background-color 0.3s; } transition: background-color 0.3s; }
.card-menu .menu-element strong, .card-menu .menu-element-link strong, .card-menu li a strong, .menu-menu .menu-element strong, .menu-menu .menu-element-link strong, .menu-menu li a strong { .card-menu .menu-element strong, .card-menu .menu-element-link strong, .card-menu li a strong, .card-menu li a:visited strong, .menu-menu .menu-element strong, .menu-menu .menu-element-link strong, .menu-menu li a strong, .menu-menu li a:visited strong {
font-weight: 900; font-weight: 900;
color: #002b36 !important; } color: #002b36 !important; }
.card-menu .menu-element.noflex, .card-menu .menu-element-link.noflex, .card-menu li a.noflex, .menu-menu .menu-element.noflex, .menu-menu .menu-element-link.noflex, .menu-menu li a.noflex { .card-menu .menu-element.noflex, .card-menu .menu-element-link.noflex, .card-menu li a.noflex, .card-menu li a.noflex:visited, .menu-menu .menu-element.noflex, .menu-menu .menu-element-link.noflex, .menu-menu li a.noflex, .menu-menu li a.noflex:visited {
justify-content: flex-start; } justify-content: flex-start; }
.card-menu .menu-element.noflex :first-child, .card-menu .menu-element-link.noflex :first-child, .card-menu li a.noflex :first-child, .menu-menu .menu-element.noflex :first-child, .menu-menu .menu-element-link.noflex :first-child, .menu-menu li a.noflex :first-child { .card-menu .menu-element.noflex :first-child, .card-menu .menu-element-link.noflex :first-child, .card-menu li a.noflex :first-child, .card-menu li a.noflex:visited :first-child, .menu-menu .menu-element.noflex :first-child, .menu-menu .menu-element-link.noflex :first-child, .menu-menu li a.noflex :first-child, .menu-menu li a.noflex:visited :first-child {
min-width: 2rem; } min-width: 2rem; }
.card-menu a, .menu-menu a { .card-menu a, .card-menu a:visited, .menu-menu a, .menu-menu a:visited {
text-decoration: none; text-decoration: none;
color: #d33682; color: #d33682;
background-color: transparent; } background-color: transparent; }
.card-menu a:hover, .menu-menu a:hover { .card-menu a:hover, .card-menu a:visited:hover, .menu-menu a:hover, .menu-menu a:visited:hover {
text-decoration: none; text-decoration: none;
color: #d33682; color: #d33682;
position: relative; position: relative;
z-index: 1; z-index: 1;
overflow: visible; } overflow: visible; }
.card-menu a:hover:before, .menu-menu a:hover:before { .card-menu a:hover:before, .card-menu a:visited:hover:before, .menu-menu a:hover:before, .menu-menu a:visited:hover:before {
content: " "; content: " ";
position: absolute; position: absolute;
top: 0; top: 0;
@ -929,7 +936,7 @@ ul.social {
z-index: -1; z-index: -1;
transform: skewX(-15deg); transform: skewX(-15deg);
transition: background-color 0.3s; } transition: background-color 0.3s; }
.card-menu a:hover:before, .menu-menu a:hover:before { .card-menu a:hover:before, .card-menu a:visited:hover:before, .menu-menu a:hover:before, .menu-menu a:visited:hover:before {
background-color: #e3d9ba; } background-color: #e3d9ba; }
.card-menu .menu-divider, .menu-menu .menu-divider { .card-menu .menu-divider, .menu-menu .menu-divider {
position: relative; position: relative;
@ -1191,6 +1198,16 @@ ul.card-list, .card > ul {
background-color: #859900 !important; background-color: #859900 !important;
color: #fdf6e3; } color: #fdf6e3; }
.toast a, .toast a:visited {
color: #fdf6e3;
background-color: rgba(0, 0, 0, 0.15);
text-decoration: none;
opacity: 1; }
.toast a:hover, .toast a:active, .toast a:visited, .toast a:visited:hover, .toast a:visited:active, .toast a:visited:visited {
color: #fdf6e3;
background-color: transparent;
opacity: 1; }
/* /*
* 3. Buttons and labels * 3. Buttons and labels
* All clickable elements * All clickable elements
@ -1734,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;