- added styles for input and textarea form-elements to the styleguidepull/1722/head
parent
92c386afbe
commit
6bb18efb7d
@ -0,0 +1,18 @@ |
||||
# [Form elements] - Input, Textarea |
||||
|
||||
``` |
||||
<div id="work-packages-index"> |
||||
|
||||
<input class="wide"></input> |
||||
<br /><br /> |
||||
<input class="small"></input> |
||||
<br /><br / > |
||||
<textarea rows="4"></textarea> |
||||
<br /><br /> |
||||
<input placeholder="with placeholder text"></input> |
||||
<br /><br /> |
||||
<textarea rows="4" placeholder="with placeholder text"></textarea> |
||||
|
||||
</div> |
||||
|
||||
``` |
@ -0,0 +1,34 @@ |
||||
/* Please use these styles for future purposes! The idea is to use these as global styles for form elements, after we finalised the work-packages view. The width of the elements may vary in different views */ |
||||
|
||||
#work-packages-index |
||||
input |
||||
border: 1px solid #cacaca |
||||
background: #ffffff |
||||
border-radius: 2px |
||||
padding: 8px |
||||
font-family: $font_family_normal |
||||
font-size: $global_font_size |
||||
box-sizing: border-box |
||||
&:hover |
||||
border: 1px solid #aaaaaa |
||||
&:focus |
||||
box-shadow: 1px 1px 1px #dddddd inset |
||||
.wide |
||||
width: 180px |
||||
.small |
||||
width: 90px |
||||
.form-textarea |
||||
margin: 0 0 10px 0 |
||||
textarea |
||||
border: 1px solid #cacaca |
||||
background: #ffffff |
||||
border-radius: 2px |
||||
padding: 8px |
||||
font-family: $font_family_normal |
||||
font-size: $global_font_size |
||||
width: 100% |
||||
box-sizing: border-box |
||||
&:hover |
||||
border: 1px solid #aaaaaa |
||||
&:focus |
||||
box-shadow: 1px 1px 1px #dddddd inset |
Loading…
Reference in new issue