Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS: Introduction of new CSS variables #39091

Draft
wants to merge 9 commits into
base: main
Choose a base branch
from
Draft

CSS: Introduction of new CSS variables #39091

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
f268c0b
Add two new CSS var in table.
louismaximepiton Aug 18, 2023
2b46993
Add new CSS vars to `.form-control`
louismaximepiton Aug 21, 2023
e746448
Reminder for form-check but there might be more to do in here.
louismaximepiton Aug 21, 2023
674dfd0
Proposal for floating labels
louismaximepiton Aug 22, 2023
daf4816
Proposal for form validation
louismaximepiton Aug 22, 2023
7959675
Proposal for form range
louismaximepiton Aug 22, 2023
886a782
Fix entirely #38202
louismaximepiton Aug 23, 2023
02ed5f2
Add stretched-link
louismaximepiton Aug 23, 2023
8610dff
Introducing CSS var for rules
louismaximepiton Aug 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add stretched-link
  • Loading branch information
@louismaximepiton
louismaximepiton committed Aug 23, 2023
commit 02ed5f24e320a76da9b04163134954b0d5dd8923
10 changes: 5 additions & 5 deletions scss/helpers/_stretched-link.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@
.stretched-link {
&::#{$stretched-link-pseudo-element} {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $stretched-link-z-index;
top: var(--#{$prefix}stretched-top, 0);
right: var(--#{$prefix}stretched-right, 0);
bottom: var(--#{$prefix}stretched-bottom, 0);
left: var(--#{$prefix}stretched-left, 0);
z-index: var(--#{$prefix}stretched-z-index, $stretched-link-z-index);
content: "";
}
}