• Mark Otto's avatar
    v5: Floating labels (#30449) · 3e2f9ab2
    Mark Otto authored
    
    * v5: Promote floating labels example to component
    
    - Adds new .form-floating
    - Stubs out basics of a docs page
    - Removes existing Example
    
    * Update floating labels to support .form-select, make inputs and selects more consistent
    
    - To do this, I made the .form-control and .form-select consistent in min-height vs height
    - Removed some unused variables now
    - Updated -color to be the -color because I don't know why this was any different before
    - Update page to include some examples for layout, validation, and value
    - Rewrite styles to not modify padding, but instead transform and opacity
    
    * Streamline and bulletproof some things
    
    - Apply some optimizations from code review
    - Removed unecessary properties from the label
    - Add some comments for what properties are required
    - Move from fixed height for labels to height 100% so we can support textareas
    - Improve docs a little bit, add ToC
    
    * Move some values to variables, switch from scaling font-size to scale, update transforms
    
    * Bring over changes from #30966 and add to them to tighten things up
    
    * Delete the now unused example images
    
    * Fix typo
    
    * Allowlist the calc function
    
    * Add transform-origin, update transform values
    
    * Test out autofill fix
    
    * Fix linter issue
    
    * Mention it in the migration guide
    
    * Bump bundlesize
    
    * Add one more variable per review
    
    * Shave .25rem off the height
    
    Co-authored-by: default avatarXhmikosR <xhmikosr@gmail.com>
    Unverified
    3e2f9ab2