PHP Classes

File: dist/css/field.css

Recommend this page to a friend!
  Classes of Naif Alshaye   Laravel Nova Toggle Field Switch   dist/css/field.css   Download  
File: dist/css/field.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Nova Toggle Field Switch
Output HTML for a Laravel Nova toggle switch field
Author: By
Last change:
Date: 1 year ago
Size: 576 bytes
 

Contents

Class file image Download
input.custom-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #d9dadc;border-radius:50px;box-shadow:inset -20px 0 0 0 #fff;height:30px;outline:none;position:relative;transition-duration:.2s;width:50px}input.custom-color:after{background-color:transparent;border-radius:50%;box-shadow:2px 4px 6px rgba(0,0,0,.2);content:"";height:26px;left:1px;position:absolute;top:1px;width:26px}input.custom-color:checked{box-shadow:inset 20px 0 0 0}input.custom-color:checked:after{box-shadow:-2px 4px 3px rgba(0,0,0,.05);left:20px}