Changeset 557 for trunk/css/utilities.inc.css
- Timestamp:
- Dec 23, 2015 11:22:00 PM (8 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/css/utilities.inc.css
r485 r557 14 14 input.sc-medium, textarea.sc-medium, select.sc-medium, 15 15 input.sc-large, textarea.sc-large, select.sc-large, 16 input.sc-full, textarea.sc-full, select.sc-full { margin: 0 0.5em 0 0; padding: 3px 0.25em; border-width: 1px; } 16 input.sc-full, textarea.sc-full, select.sc-full { 17 margin: 0 0.5rem 0 0; 18 padding: 3px 0.25rem; 19 border-width: 1px; 20 } 17 21 18 22 /* 19 23 The following widths are calculated using `width = (maxwidth - (1.2 * multiple)) / multiple` 20 where width is the s aught value, maxwidth is the width of a sc-large, and multiple is the number24 where width is the sought value, maxwidth is the width of a sc-large, and multiple is the number 21 25 of times an element fits within maxwidth (i.e. sc-tiny has a multiple of 8). 22 26 The values are dependent on the margin, padding, and border set above. 23 27 */ 24 input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny { width: 4.54 em; }25 input.sc-small, textarea.sc-small, select.sc-small, label.sc-small { width: 10.15 em; }26 input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium { width: 21.42 em; }27 input.sc-large, textarea.sc-large, select.sc-large, label.sc-large { width: 44 em; }28 input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny { width: 4.54rem; } 29 input.sc-small, textarea.sc-small, select.sc-small, label.sc-small { width: 10.15rem; } 30 input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium { width: 21.42rem; } 31 input.sc-large, textarea.sc-large, select.sc-large, label.sc-large { width: 44rem; } 28 32 input.sc-full, textarea.sc-full, select.sc-full, label.sc-full { width: 100%; } 29 33 30 select.sc-small { width: 10 em; }31 select.sc-medium { width: 20.5 em; }34 select.sc-small { width: 10rem; } 35 select.sc-medium { width: 20.5rem; } 32 36 33 textarea.sc-twolines, select.sc-twolines { height: 3 em; }34 textarea.sc-short, select.sc-short { height: 8 em; }35 textarea.sc-tall, select.sc-tall { height: 25 em; }36 textarea.sc-fullscreen, select.sc-fullscreen { height: 40 em; }37 textarea.sc-twolines, select.sc-twolines { height: 3rem; } 38 textarea.sc-short, select.sc-short { height: 8rem; } 39 textarea.sc-tall, select.sc-tall { height: 25rem; } 40 textarea.sc-fullscreen, select.sc-fullscreen { height: 40rem; } 37 41 38 42 /*_____________________ UTILITIES ____________________*/
Note: See TracChangeset
for help on using the changeset viewer.