Skip to content
Snippets Groups Projects
Unverified Commit 93f6a239 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3332442 by Gauravvv, smustgrave, bnjmnm: Refactor Claro's skip-link stylesheet

parent 3e0144bb
Branches
Tags
29 merge requests!12227Issue #3181946 by jonmcl, mglaman,!54479.5.x SF update,!5014Issue #3071143: Table Render Array Example Is Incorrect,!4868Issue #1428520: Improve menu parent link selection,!4289Issue #1344552 by marcingy, Niklas Fiekas, Ravi.J, aleevas, Eduardo Morales...,!4114Issue #2707291: Disable body-level scrolling when a dialog is open as a modal,!4100Issue #3249600: Add support for PHP 8.1 Enums as allowed values for list_* data types,!3630Issue #2815301 by Chi, DanielVeza, kostyashupenko, smustgrave: Allow to create...,!3600Issue #3344629: Passing null to parameter #1 ($haystack) of type string is deprecated,!2378Issue #2875033: Optimize joins and table selection in SQL entity query implementation,!2334Issue #3228209: Add hasRole() method to AccountInterface,!2062Issue #3246454: Add weekly granularity to views date sort,!1591Issue #3199697: Add JSON:API Translation experimental module,!1484Exposed filters get values from URL when Ajax is on,!1255Issue #3238922: Refactor (if feasible) uses of the jQuery serialize function to use vanillaJS,!1162Issue #3100350: Unable to save '/' root path alias,!1105Issue #3025039: New non translatable field on translatable content throws error,!1073issue #3191727: Focus states on mobile second level navigation items fixed,!10223132456: Fix issue where views instances are emptied before an ajax request is complete,!925Issue #2339235: Remove taxonomy hard dependency on node module,!877Issue #2708101: Default value for link text is not saved,!872Draft: Issue #3221319: Race condition when creating menu links and editing content deletes menu links,!844Resolve #3036010 "Updaters",!579Issue #2230909: Simple decimals fail to pass validation,!560Move callback classRemove outside of the loop,!555Issue #3202493,!485Sets the autocomplete attribute for username/password input field on login form.,!213Issue #2906496: Give Media a menu item under Content,!30Issue #3182188: Updates composer usage to point at ./vendor/bin/composer
Show whitespace changes
Inline Side-by-side
core/themes/claro/css/components/skip-link.css
+ 10
− 4
View file @ 93f6a239
......@@ -12,21 +12,27 @@
* Allows keyboard users to quickly skip to the main content of the page.
*/
:root {
--skip-link-bg-color: var(--color-gray-800);
--skip-link-color: var(--color-white);
--skip-link-active-bg-color: var(--color-gray);
}
.skip-link {
z-index: 50;
left: 50%;
padding: 1px 0.625rem 2px;
transform: translateX(-50%);
color: var(--color-white);
color: var(--skip-link-color);
border-radius: 0 0 0.625rem 0.625rem;
background: var(--color-gray-800);
background: var(--skip-link-bg-color);
font-size: 0.94em;
}
.skip-link:hover,
.skip-link:active {
color: var(--color-white);
background-color: var(--color-gray);
color: var(--skip-link-color);
background-color: var(--skip-link-active-bg-color);
}
.skip-link:focus {
......
core/themes/claro/css/components/skip-link.pcss.css
+ 19
− 13
View file @ 93f6a239
......@@ -5,24 +5,30 @@
* Allows keyboard users to quickly skip to the main content of the page.
*/
:root {
--skip-link-bg-color: var(--color-gray-800);
--skip-link-color: var(--color-white);
--skip-link-active-bg-color: var(--color-gray);
}
.skip-link {
z-index: 50;
left: 50%;
padding: 1px 10px 2px;
transform: translateX(-50%);
color: var(--color-white);
color: var(--skip-link-color);
border-radius: 0 0 10px 10px;
background: var(--color-gray-800);
background: var(--skip-link-bg-color);
font-size: 0.94em;
&:hover,
&:active {
color: var(--skip-link-color);
background-color: var(--skip-link-active-bg-color);
}
.skip-link:hover,
.skip-link:active {
color: var(--color-white);
background-color: var(--color-gray);
}
.skip-link:focus {
&:focus {
text-decoration: none;
}
.skip-link.visually-hidden.focusable:focus {
&.visually-hidden.focusable:focus {
position: absolute !important;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment