We use cookies to ensure you get the best experience on our website
Home Explore Help
Sign In
mirror
/
assets
mirror of https://github.com/vladimirok5959/assets.git
2
0
Fork 0
Files Wiki
Browse Source

Input

Volodymyr Tkach 2 years ago
parent
438f6e8c88
commit
c945bcabf5
2 changed files with 39 additions and 0 deletions
Split View Show Diff Stats
  1. 14 0
      css/controls/input/example.html
  2. 25 0
      css/controls/input/text.css

+ 14 - 0
css/controls/input/example.html
View File 

@@ -0,0 +1,14 @@
 
+<!doctype html>
 
+<html>
 
+	<head>
 
+		<meta charset="utf-8" />
 
+		<link rel="stylesheet" href="./../../reset.css">
 
+		<link rel="stylesheet" href="./text.css">
 
+		<link rel="stylesheet" href="./../button/button.css">
 
+	</head>
 
+	<body>
 
+		<div style="padding: 10px; background-color: gray;">
 
+			<input class="form-control" type="text" value="" placeholder="" /> <button class="btn">Button</button>
 
+		</div>
 
+	</body>
 
+</html>

+ 25 - 0
css/controls/input/text.css
View File 

@@ -0,0 +1,25 @@
 
+.form-control {
 
+	background-clip: padding-box;
 
+	background-color: #fff;
 
+	border-radius: 0.25rem;
 
+	border: 1px solid #ced4da;
 
+	color: #495057;
 
+	display: inline-block;
 
+	font-family: inherit;
 
+	font-size: 1rem;
 
+	height: calc(2.25rem + 2px);
 
+	line-height: 1.5;
 
+	margin: 0;
 
+	overflow: visible;
 
+	padding: 0.375rem 0.75rem;
 
+	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 
+	vertical-align: middle;
 
+}
 
+
 
+.form-control:focus {
 
+	background-color: #fff;
 
+	border-color: #80bdff;
 
+	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
 
+	color: #495057;
 
+	outline: 0;
 
+}