playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

forms

pull/253/head
connors 11 years ago
parent
9f3680c4b9
commit
4877db4b6f
7 changed files with 33 additions and 48 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      dist/android-theme.css
  2. 6
      dist/ios-theme.css
  3. 6
      dist/ratchet.css
  4. 21
      docs-assets/css/docs.css
  5. 6
      lib/sass/forms.scss
  6. 20
      lib/sass/theme-android.scss
  7. 6
      lib/sass/theme-ios.scss

16
dist/android-theme.css vendored
Unescape View File

@ -88,7 +88,7 @@ body {
select, select,
textarea, textarea,
input[type="text"], input[type="text"],
input[type=search], input[type="search"],
input[type="password"], input[type="password"],
input[type="datetime"], input[type="datetime"],
input[type="datetime-local"], input[type="datetime-local"],
@ -105,18 +105,11 @@ input[type="color"],
height: 40px; height: 40px;
padding: 10px 15px; padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
} }
input[type=search] { input[type="search"] {
height: 34px; border-radius: 2px;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
border: 0;
border-radius: 6px;
}
input[type=search]:focus {
text-align: left;
} }
select, select,
@ -133,6 +126,7 @@ textarea,
.input-group input { .input-group input {
border: 0; border: 0;
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
box-shadow: none;
} }
.input-group input:last-child { .input-group input:last-child {

6
dist/ios-theme.css vendored
Unescape View File

@ -83,7 +83,7 @@ a {
select, select,
textarea, textarea,
input[type="text"], input[type="text"],
input[type=search], input[type="search"],
input[type="password"], input[type="password"],
input[type="datetime"], input[type="datetime"],
input[type="datetime-local"], input[type="datetime-local"],
@ -102,7 +102,7 @@ input[type="color"],
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
} }
input[type=search] { input[type="search"] {
height: 34px; height: 34px;
text-align: center; text-align: center;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
@ -110,7 +110,7 @@ input[type=search] {
border-radius: 6px; border-radius: 6px;
} }
input[type=search]:focus { input[type="search"]:focus {
text-align: left; text-align: left;
} }

6
dist/ratchet.css vendored
Unescape View File

@ -526,7 +526,7 @@ select {
select, select,
textarea, textarea,
input[type="text"], input[type="text"],
input[type=search], input[type="search"],
input[type="password"], input[type="password"],
input[type="datetime"], input[type="datetime"],
input[type="datetime-local"], input[type="datetime-local"],
@ -552,14 +552,14 @@ input[type="color"],
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type=search] { input[type="search"] {
padding: 0 10px; padding: 0 10px;
font-size: 16px; font-size: 16px;
border-radius: 20px; border-radius: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
input[type=search]:focus { input[type="search"]:focus {
text-align: left; text-align: left;
} }

21
docs-assets/css/docs.css
Unescape View File

@ -863,7 +863,7 @@ hr {
.platform-ios select, .platform-ios select,
.platform-ios textarea, .platform-ios textarea,
.platform-ios input[type="text"], .platform-ios input[type="text"],
.platform-ios input[type=search], .platform-ios input[type="search"],
.platform-ios input[type="password"], .platform-ios input[type="password"],
.platform-ios input[type="datetime"], .platform-ios input[type="datetime"],
.platform-ios input[type="datetime-local"], .platform-ios input[type="datetime-local"],
@ -881,14 +881,14 @@ hr {
padding: 10px 15px; padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
} }
.platform-ios input[type=search] { .platform-ios input[type="search"] {
height: 34px; height: 34px;
text-align: center; text-align: center;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
border: 0; border: 0;
border-radius: 6px; border-radius: 6px;
} }
.platform-ios input[type=search]:focus { .platform-ios input[type="search"]:focus {
text-align: left; text-align: left;
} }
.platform-ios select, .platform-ios select,
@ -1265,7 +1265,7 @@ hr {
.platform-android select, .platform-android select,
.platform-android textarea, .platform-android textarea,
.platform-android input[type="text"], .platform-android input[type="text"],
.platform-android input[type=search], .platform-android input[type="search"],
.platform-android input[type="password"], .platform-android input[type="password"],
.platform-android input[type="datetime"], .platform-android input[type="datetime"],
.platform-android input[type="datetime-local"], .platform-android input[type="datetime-local"],
@ -1282,16 +1282,10 @@ hr {
height: 40px; height: 40px;
padding: 10px 15px; padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
} }
.platform-android input[type=search] { .platform-android input[type="search"] {
height: 34px; border-radius: 2px;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
border: 0;
border-radius: 6px;
}
.platform-android input[type=search]:focus {
text-align: left;
} }
.platform-android select, .platform-android select,
.platform-android textarea, .platform-android textarea,
@ -1305,6 +1299,7 @@ hr {
.platform-android .input-group input { .platform-android .input-group input {
border: 0; border: 0;
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
box-shadow: none;
} }
.platform-android .input-group input:last-child { .platform-android .input-group input:last-child {
background-image: none; background-image: none;

6
lib/sass/forms.scss
Unescape View File

@ -15,7 +15,7 @@ select {
select, select,
textarea, textarea,
input[type="text"], input[type="text"],
input[type=search], input[type="search"],
input[type="password"], input[type="password"],
input[type="datetime"], input[type="datetime"],
input[type="datetime-local"], input[type="datetime-local"],
@ -42,13 +42,13 @@ input[type="color"],
} }
// Rounded search input // Rounded search input
input[type=search] { input[type="search"] {
padding: 0 10px; padding: 0 10px;
font-size: 16px; font-size: 16px;
border-radius: 20px; border-radius: 20px;
box-sizing: border-box; // Override content-box in normalize box-sizing: border-box; // Override content-box in normalize
} }
input[type=search]:focus { input[type="search"]:focus {
text-align: left; text-align: left;
} }

20
lib/sass/theme-android.scss
Unescape View File

@ -146,7 +146,7 @@ body {
select, select,
textarea, textarea,
input[type="text"], input[type="text"],
input[type=search], input[type="search"],
input[type="password"], input[type="password"],
input[type="datetime"], input[type="datetime"],
input[type="datetime-local"], input[type="datetime-local"],
@ -161,20 +161,15 @@ input[type="tel"],
input[type="color"], input[type="color"],
.input-group { .input-group {
height: 40px; height: 40px;
padding: 10px 15px; border: 1px solid rgba(0, 0, 0, .2); padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 1px 1px rgba(0,0,0,.1);
} }
// Rounded search input input[type="search"] {
input[type=search] { border-radius: $border-radius;
height: 34px;
text-align: center;
background-color: rgba(0,0,0,.1);
border: 0;
border-radius: 6px;
}
input[type=search]:focus {
text-align: left;
} }
select, select,
textarea, textarea,
.input-group { .input-group {
@ -190,6 +185,7 @@ textarea,
.input-group input { .input-group input {
border: 0; border: 0;
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
box-shadow: none;
} }
// Remove bottom border on last input to avoid double bottom border // Remove bottom border on last input to avoid double bottom border
.input-group input:last-child { .input-group input:last-child {

6
lib/sass/theme-ios.scss
Unescape View File

@ -131,7 +131,7 @@ a {
select, select,
textarea, textarea,
input[type="text"], input[type="text"],
input[type=search], input[type="search"],
input[type="password"], input[type="password"],
input[type="datetime"], input[type="datetime"],
input[type="datetime-local"], input[type="datetime-local"],
@ -150,14 +150,14 @@ input[type="color"],
} }
// Rounded search input // Rounded search input
input[type=search] { input[type="search"] {
height: 34px; height: 34px;
text-align: center; text-align: center;
background-color: rgba(0,0,0,.1); background-color: rgba(0,0,0,.1);
border: 0; border: 0;
border-radius: 6px; border-radius: 6px;
} }
input[type=search]:focus { input[type="search"]:focus {
text-align: left; text-align: left;
} }
select, select,

Write Preview
Loading…
Cancel
Save