Andreas Reinhold / reiniandClaude Opus 5
172629face
<x-input> marks its field root data-md-input, and components/input.css brings what it renders, the field and its icons, so an application imports one file per component (plan step 36). Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9
14 lines
621 B
CSS
14 lines
621 B
CSS
/*
|
|
* <x-input>: M3's one-line text field (resources/views/components/input.blade.php).
|
|
*
|
|
* Nothing of its own to draw: the outlined and filled chrome, the floating label, the prefix and
|
|
* suffix, the clear and copy buttons and the character counter are the field's
|
|
* (components/field.css), and its icons are <x-icon>s. The field's root carries `data-md-input`
|
|
* for an application that wants to tell a one-line field from the others.
|
|
*/
|
|
|
|
@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;
|
|
|
|
@import './field.css';
|
|
@import './icon.css';
|