<input type="file" id="" class="input-simple" title="Upload a file">
<input type="file" id="{{ field_id }}" class="input-simple" title="Upload a file">
/* No context defined for this component. */
  • Content:
    // input[type=file] {
    // 	color: transparent;
    // 	border: 0;
    // 	padding: 0;
    // }
    
    // input[type=file]::-webkit-file-upload-button {
    //  	visibility: hidden;
    // }
    
    // input[type=file]::before {
    // 	content: attr(title);
    // 	color: #000;
    // 	cursor: pointer;
    // 	@extend .button.button-small;
    // }
    
    input[type=file] {
    	color: #000;
    	cursor: pointer;
    	border:none;
    	font-size: 85%;
    	padding: .3em .7em;
    	border-radius: 4px;
    	word-break: nowrap;
    	white-space: nowrap;
    	background-color: transparent;
    	padding: 0;
    	box-shadow: none;
    	margin-bottom: $half-gutter;
    }
    
    ::-webkit-file-upload-button
    {	
    	border: none;
    	padding: .3em .7em;
    	border-radius: 4px;
    	background-color: palette(ui, light);
    }
  • URL: /components/raw/file-field/file-field.scss
  • Filesystem Path: src/components/12-forms/01-atoms/06-file-field/file-field.scss
  • Size: 691 Bytes