Skip to content

Commit 600d73a

Browse files
chriseppsteinjoshuaclayton
authored andcommitted
Remove !important from all form inputs with grid classes
1 parent 2e3e4f5 commit 600d73a

File tree

3 files changed

+58
-58
lines changed

3 files changed

+58
-58
lines changed

blueprint/screen.css

+25-25
Original file line numberDiff line numberDiff line change
@@ -125,31 +125,31 @@ form.inline p {margin-bottom:0;}
125125
.span-22 {width:870px;}
126126
.span-23 {width:910px;}
127127
.span-24 {width:950px;margin-right:0;}
128-
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
129-
input.span-1, textarea.span-1 {width:18px!important;}
130-
input.span-2, textarea.span-2 {width:58px!important;}
131-
input.span-3, textarea.span-3 {width:98px!important;}
132-
input.span-4, textarea.span-4 {width:138px!important;}
133-
input.span-5, textarea.span-5 {width:178px!important;}
134-
input.span-6, textarea.span-6 {width:218px!important;}
135-
input.span-7, textarea.span-7 {width:258px!important;}
136-
input.span-8, textarea.span-8 {width:298px!important;}
137-
input.span-9, textarea.span-9 {width:338px!important;}
138-
input.span-10, textarea.span-10 {width:378px!important;}
139-
input.span-11, textarea.span-11 {width:418px!important;}
140-
input.span-12, textarea.span-12 {width:458px!important;}
141-
input.span-13, textarea.span-13 {width:498px!important;}
142-
input.span-14, textarea.span-14 {width:538px!important;}
143-
input.span-15, textarea.span-15 {width:578px!important;}
144-
input.span-16, textarea.span-16 {width:618px!important;}
145-
input.span-17, textarea.span-17 {width:658px!important;}
146-
input.span-18, textarea.span-18 {width:698px!important;}
147-
input.span-19, textarea.span-19 {width:738px!important;}
148-
input.span-20, textarea.span-20 {width:778px!important;}
149-
input.span-21, textarea.span-21 {width:818px!important;}
150-
input.span-22, textarea.span-22 {width:858px!important;}
151-
input.span-23, textarea.span-23 {width:898px!important;}
152-
input.span-24, textarea.span-24 {width:938px!important;}
128+
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
129+
input.span-1, textarea.span-1 {width:18px;}
130+
input.span-2, textarea.span-2 {width:58px;}
131+
input.span-3, textarea.span-3 {width:98px;}
132+
input.span-4, textarea.span-4 {width:138px;}
133+
input.span-5, textarea.span-5 {width:178px;}
134+
input.span-6, textarea.span-6 {width:218px;}
135+
input.span-7, textarea.span-7 {width:258px;}
136+
input.span-8, textarea.span-8 {width:298px;}
137+
input.span-9, textarea.span-9 {width:338px;}
138+
input.span-10, textarea.span-10 {width:378px;}
139+
input.span-11, textarea.span-11 {width:418px;}
140+
input.span-12, textarea.span-12 {width:458px;}
141+
input.span-13, textarea.span-13 {width:498px;}
142+
input.span-14, textarea.span-14 {width:538px;}
143+
input.span-15, textarea.span-15 {width:578px;}
144+
input.span-16, textarea.span-16 {width:618px;}
145+
input.span-17, textarea.span-17 {width:658px;}
146+
input.span-18, textarea.span-18 {width:698px;}
147+
input.span-19, textarea.span-19 {width:738px;}
148+
input.span-20, textarea.span-20 {width:778px;}
149+
input.span-21, textarea.span-21 {width:818px;}
150+
input.span-22, textarea.span-22 {width:858px;}
151+
input.span-23, textarea.span-23 {width:898px;}
152+
input.span-24, textarea.span-24 {width:938px;}
153153
.append-1 {padding-right:40px;}
154154
.append-2 {padding-right:80px;}
155155
.append-3 {padding-right:120px;}

blueprint/src/grid.css

+28-28
Original file line numberDiff line numberDiff line change
@@ -64,36 +64,36 @@
6464

6565
/* Use these classes to set the width of an input. */
6666
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
67-
border-left-width: 1px!important;
68-
border-right-width: 1px!important;
69-
padding-left: 5px!important;
70-
padding-right: 5px!important;
67+
border-left-width: 1px;
68+
border-right-width: 1px;
69+
padding-left: 5px;
70+
padding-right: 5px;
7171
}
7272

73-
input.span-1, textarea.span-1 { width: 18px!important; }
74-
input.span-2, textarea.span-2 { width: 58px!important; }
75-
input.span-3, textarea.span-3 { width: 98px!important; }
76-
input.span-4, textarea.span-4 { width: 138px!important; }
77-
input.span-5, textarea.span-5 { width: 178px!important; }
78-
input.span-6, textarea.span-6 { width: 218px!important; }
79-
input.span-7, textarea.span-7 { width: 258px!important; }
80-
input.span-8, textarea.span-8 { width: 298px!important; }
81-
input.span-9, textarea.span-9 { width: 338px!important; }
82-
input.span-10, textarea.span-10 { width: 378px!important; }
83-
input.span-11, textarea.span-11 { width: 418px!important; }
84-
input.span-12, textarea.span-12 { width: 458px!important; }
85-
input.span-13, textarea.span-13 { width: 498px!important; }
86-
input.span-14, textarea.span-14 { width: 538px!important; }
87-
input.span-15, textarea.span-15 { width: 578px!important; }
88-
input.span-16, textarea.span-16 { width: 618px!important; }
89-
input.span-17, textarea.span-17 { width: 658px!important; }
90-
input.span-18, textarea.span-18 { width: 698px!important; }
91-
input.span-19, textarea.span-19 { width: 738px!important; }
92-
input.span-20, textarea.span-20 { width: 778px!important; }
93-
input.span-21, textarea.span-21 { width: 818px!important; }
94-
input.span-22, textarea.span-22 { width: 858px!important; }
95-
input.span-23, textarea.span-23 { width: 898px!important; }
96-
input.span-24, textarea.span-24 { width: 938px!important; }
73+
input.span-1, textarea.span-1 { width: 18px; }
74+
input.span-2, textarea.span-2 { width: 58px; }
75+
input.span-3, textarea.span-3 { width: 98px; }
76+
input.span-4, textarea.span-4 { width: 138px; }
77+
input.span-5, textarea.span-5 { width: 178px; }
78+
input.span-6, textarea.span-6 { width: 218px; }
79+
input.span-7, textarea.span-7 { width: 258px; }
80+
input.span-8, textarea.span-8 { width: 298px; }
81+
input.span-9, textarea.span-9 { width: 338px; }
82+
input.span-10, textarea.span-10 { width: 378px; }
83+
input.span-11, textarea.span-11 { width: 418px; }
84+
input.span-12, textarea.span-12 { width: 458px; }
85+
input.span-13, textarea.span-13 { width: 498px; }
86+
input.span-14, textarea.span-14 { width: 538px; }
87+
input.span-15, textarea.span-15 { width: 578px; }
88+
input.span-16, textarea.span-16 { width: 618px; }
89+
input.span-17, textarea.span-17 { width: 658px; }
90+
input.span-18, textarea.span-18 { width: 698px; }
91+
input.span-19, textarea.span-19 { width: 738px; }
92+
input.span-20, textarea.span-20 { width: 778px; }
93+
input.span-21, textarea.span-21 { width: 818px; }
94+
input.span-22, textarea.span-22 { width: 858px; }
95+
input.span-23, textarea.span-23 { width: 898px; }
96+
input.span-24, textarea.span-24 { width: 938px; }
9797

9898
/* Add these to a column to append empty cols. */
9999

lib/blueprint/grid.css.erb

+5-5
Original file line numberDiff line numberDiff line change
@@ -43,13 +43,13 @@
4343

4444
/* Use these classes to set the width of an input. */
4545
<%= (1..column_count).map {|column| "input.span-#{column}, textarea.span-#{column}"}.join(", ") %> {
46-
border-left-width: <%= input_border %>px!important;
47-
border-right-width: <%= input_border %>px!important;
48-
padding-left: <%= input_padding %>px!important;
49-
padding-right: <%= input_padding %>px!important;
46+
border-left-width: <%= input_border %>px;
47+
border-right-width: <%= input_border %>px;
48+
padding-left: <%= input_padding %>px;
49+
padding-right: <%= input_padding %>px;
5050
}
5151
<% (1..column_count).each do |column| %>
52-
input.span-<%= column %>, textarea.span-<%= column %> { width: <%= ((column_width + gutter_width) * (column - 1) + column_width - 2*(input_padding + input_border))%>px!important; }<% end %>
52+
input.span-<%= column %>, textarea.span-<%= column %> { width: <%= ((column_width + gutter_width) * (column - 1) + column_width - 2*(input_padding + input_border))%>px; }<% end %>
5353

5454
/* Add these to a column to append empty cols. */
5555
<% (1..(column_count-1)).each do |column| %>

0 commit comments

Comments
 (0)