angelovcom.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

_fields.scss (994B)


      1 input[type="text"],
      2 input[type="email"],
      3 input[type="url"],
      4 input[type="password"],
      5 input[type="search"],
      6 input[type="number"],
      7 input[type="tel"],
      8 input[type="range"],
      9 input[type="date"],
     10 input[type="month"],
     11 input[type="week"],
     12 input[type="time"],
     13 input[type="datetime"],
     14 input[type="datetime-local"],
     15 input[type="color"],
     16 textarea {
     17 	-webkit-backface-visibility: hidden;
     18 	background: $color__background-input;
     19 	border: solid 1px $color__border;
     20 	box-sizing: border-box;
     21 	outline: none;
     22 	padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
     23 	-webkit-appearance: none;
     24 	outline-offset: 0;
     25 	border-radius: 0;
     26 
     27 	&:focus {
     28 		border-color: $color__link;
     29 		outline: thin solid rgba( $color__link, 0.15 );
     30 		outline-offset: -4px;
     31 	}
     32 }
     33 
     34 input[type="search"] {
     35 	&::-webkit-search-decoration {
     36 		display: none;
     37 	}
     38 }
     39 
     40 select {
     41 
     42 }
     43 
     44 textarea {
     45 	box-sizing: border-box;
     46 	display: block;
     47 	width: 100%;
     48 	max-width: 100%;
     49 	resize: vertical;
     50 }
     51 
     52 form {
     53 
     54 	p {
     55 		margin: $size__spacing-unit 0;
     56 	}
     57 
     58 }