github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Blueprint] add support for input[type=email]

Browse Source
This commit is contained in:
Stephan Kaag 2010-06-09 11:39:08 +02:00 committed by Chris Eppstein
parent 605e58d543
commit 389a13d05f
3 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frameworks/blueprint/stylesheets/blueprint/_form.scss
View File

@ -21,6 +21,7 @@
input { input {
&.text, &.text,
&.title, &.title,
&[type=email],
&[type=text], &[type=text],
&[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; } &[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; }
&.title { font-size: 1.5em; } &.title { font-size: 1.5em; }
@ -42,6 +43,7 @@
input { input {
&.text, &.text,
&.title, &.title,
&[type=email],
&[type=text], &[type=text],
&[type=password] { width: $input_width; } &[type=password] { width: $input_width; }
} }
@ -56,7 +58,7 @@
) { ) {
fieldset { fieldset {
border: 1px solid $fieldset_border_color; } border: 1px solid $fieldset_border_color; }
input.text, input.title, input[type=text], input[type=password], input.text, input.title, input[type=email], input[type=text], input[type=password],
textarea, select { textarea, select {
border: 1px solid $unfocused_border_color; border: 1px solid $unfocused_border_color;
&:focus { &:focus {

8
test/fixtures/stylesheets/blueprint/css/screen.css vendored
View File

@ -726,7 +726,7 @@ legend {
font-weight: bold; font-weight: bold;
font-size: 1.2em; } font-size: 1.2em; }
input.text, input.title, input[type=text], input[type=password] { input.text, input.title, input[type=email], input[type=text], input[type=password] {
margin: 0.5em 0; margin: 0.5em 0;
background-color: white; background-color: white;
padding: 5px; } padding: 5px; }
@ -746,14 +746,14 @@ select {
fieldset { fieldset {
border: 1px solid #cccccc; } border: 1px solid #cccccc; }
input.text, input.title, input[type=text], input[type=password], input.text, input.title, input[type=email], input[type=text], input[type=password],
textarea, select { textarea, select {
border: 1px solid #bbbbbb; } border: 1px solid #bbbbbb; }
input.text:focus, input.title:focus, input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, input[type=email]:focus, input[type=text]:focus, input[type=password]:focus,
textarea:focus, select:focus { textarea:focus, select:focus {
border: 1px solid #666666; } border: 1px solid #666666; }
input.text, input.title, input[type=text], input[type=password] { input.text, input.title, input[type=email], input[type=text], input[type=password] {
width: 300px; } width: 300px; }
textarea { textarea {

8
test/fixtures/stylesheets/blueprint/css/single-imports/form.css vendored
View File

@ -11,7 +11,7 @@ form.bp fieldset {
form.bp legend { form.bp legend {
font-weight: bold; font-weight: bold;
font-size: 1.2em; } font-size: 1.2em; }
form.bp input.text, form.bp input.title, form.bp input[type=text], form.bp input[type=password] { form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
margin: 0.5em 0; margin: 0.5em 0;
background-color: white; background-color: white;
padding: 5px; } padding: 5px; }
@ -27,13 +27,13 @@ form.bp select {
margin: 0.5em 0; } margin: 0.5em 0; }
form.bp fieldset { form.bp fieldset {
border: 1px solid #cccccc; } border: 1px solid #cccccc; }
form.bp input.text, form.bp input.title, form.bp input[type=text], form.bp input[type=password], form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password],
form.bp textarea, form.bp select { form.bp textarea, form.bp select {
border: 1px solid #bbbbbb; } border: 1px solid #bbbbbb; }
form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus, form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus,
form.bp textarea:focus, form.bp select:focus { form.bp textarea:focus, form.bp select:focus {
border: 1px solid #666666; } border: 1px solid #666666; }
form.bp input.text, form.bp input.title, form.bp input[type=text], form.bp input[type=password] { form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
width: 300px; } width: 300px; }
form.bp textarea { form.bp textarea {
width: 390px; width: 390px;