Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3305147 by Aditya4478, rupeshghar, Gauravvvv, AkshayAdhav, shmy: Refactor Claro's icon-link stylesheet

merge-requests/5742/merge
Cristina Chumillas 2023-12-18 11:40:57 +01:00
parent 77af690699
commit 7c4decb5da
No known key found for this signature in database
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
core/themes/claro/css/components/icon-link.pcss.css
View File

@ -21,23 +21,25 @@
border: 1px solid var(--icon-link-border-color);
border-radius: 50%;
background-color: var(--icon-link-bg-color);
&:hover {
border-color: var(--icon-link--hover-border-color);
background-color: var(--icon-link--hover-bg-color);
}
&:focus {
box-shadow: 0 0 0 1.5px var(--color-white), 0 0 0 3.5px var(--color-focus);
}
&:active,
.open > & {
border-color: var(--icon-link--active-border-color);
background-color: var(--icon-link--active-bg-color);
}
}
.icon-link:hover {
border-color: var(--icon-link--hover-border-color);
background-color: var(--icon-link--hover-bg-color);
}
.icon-link:focus {
box-shadow: 0 0 0 1.5px var(--color-white), 0 0 0 3.5px var(--color-focus);
}
.icon-link:active,
.open > .icon-link {
border-color: var(--icon-link--active-border-color);
background-color: var(--icon-link--active-bg-color);
}
.icon-link--small:focus {
box-shadow: 0 0 0 1px var(--color-white), 0 0 0 3px var(--color-focus);
.icon-link--small {
&:focus {
box-shadow: 0 0 0 1px var(--color-white), 0 0 0 3px var(--color-focus);
}
}