v3.4.0 #26
Merged
v3.4.0 #26
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
+ animations now listen for "prefers-reduced-motion" + .a11y *:focus has been replaced with *:focus-visible + no-js styles + visually-hidden Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
[-] float-* [-] float label + change copyright year to 2022 + version bump to 3.4.0 Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ box-sizing:border-box target ::before & ::after now + buttons padding is set to em instead of rem + center-axyz changed height to min-height so that if cont is larger is doesn't overflow ----- NEW ----- + Introducing two dimensional grids. + you can now make any element a grid or flex by adding: <div x-grid> or <span x-flex> and you can use pi="center" etc. also. + max grid sys is now 12 instead of 16 + you can use both x-col & x-cell now + you can use ps="" ai="" etc on all elements + fixed animation bug Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ button :hover fix + semicolon clean up + kbd, samp style fix + new hSize (smaller) Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com> --- New utilities --- + text-underline, text-line-through, + .group-input-button, group-input-button.no-style
Two dimensional grids
+ [NEW] <x-grid columns=1f> forces all <x-cell> to span 1 row so you don't have to set all <x-cell> individually to <x-cell span-s=row> + [NEW] you can now use auto-fill & auto-fit w/ <x-grid columns=fit> / <x-grid columns=fill> Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ placeholder now has a dim down color + input:invalid only shows red if there's text + select also has a dim down color Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ better styled type="file" + better & more dynamic arrow for select + fixed radio & checkbox heigh/width Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ fixed appearance bugs on several inputs in Safari + made adjustments to type=file type=range type=checkbox type=radio to make them look the same on most browsers + removed border from iframe on firefox Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ a11y wasn't working in Safari because :focus-visible isn't supported + fixed border for is-green, is-red Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ --box* renemad to --input to match the elements it's actually applied to Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ Fixed a bug where super long words broke grids + Added a .text-break-word for long words Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
+ added a variable for --fontFallback Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
Co-Authored-By: Sēlekkt. <14300778+Selekkt@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Added:
[+] Two dimensional grids. Use
<x-cell span-y="1-2">to create vertical columns.[+] You can now make any element a grid or flex by adding:
<div x-grid>or<span x-flex>and you can usepi="center"like so<div x-grid pi=center>[+] You can use both
x-col&x-cellnow[+] You can use
ps="" ai=""etc. on bothx-flex & x-grid[+]
<x-grid columns=1f>forces all<x-cell>to span 1 row so you don't have to set all<x-cell>individually to<x-cell span-s=row>[+] you can now use auto-fill & auto-fit w/
<x-grid columns=fit>/<x-grid columns=fill>[+]
.no-jsstyles[+]
.visually-hidden[+] Animations now listen for "prefers-reduced-motion"
[+] Added
--inputBorderActive:[+] Added a
.text-break-wordfor long words[+] Added a variable for
--fontFallbackRemoved:
[-]
float-*[-] Float label
[-] Semicolon clean up
Changed:
[=]
--box*renemad to--input*to match the elements it's actually applied to[=] Grid system goes from 1 column to 12 columns (instead of 16 columns)
[=] Buttons padding is set to em instead of rem
[=]
box-sizing:border-boxtarget::before & ::afternow[=]
.a11y *:focushas been replaced with*:focus-visibleFix:
[+]
--hSizeis now smaller[+] Fixed button:hover problem
[+] Fixed
center-axyzso that if cont is larger it doesn't overflow.[+] kbd, samp style fix
[+] Fixed button width problem in
.group-input-button[+] Fixed a bug where super long words broke grids
[+] Fixed animation bug