YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling inputs

Browse Source
This commit is contained in:
Dominic Masters
2018-05-15 08:43:07 +10:00
parent d8b1c41538
commit 7500de1649
7 changed files with 46 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/styles/objects/_button.scss
View File

@ -18,7 +18,7 @@ $o-btn--padding: 1em;//Base Padding size.
position: relative;
display: inline-block;
cursor: pointer;
padding-bottom: 0.5em;
padding-bottom: $o-btn--padding / 2;
overflow: hidden;
&::before {

20
public/styles/objects/_input.scss
View File

@ -10,14 +10,32 @@
*/
$o-input--padding: 1em;
.o-input-wrapper {
position: relative;
display: inline-block;
width: 100%;
border: $s-color--input-default__border;
border-radius: $o-input--padding / 3;
padding-bottom: $o-input--padding / 2;
}
.o-input {
display: block;
width: 100%;
padding: $o-input--padding / 2;
margin: 0;//For some reason textareas have a 1px margin
border: $s-color--input-default__border;
border-bottom: $s-color--input-default__border;
border-radius: $o-input--padding / 3;
//Textarea
max-width: 100%;
min-width: 100%;
//Placeholder
@include t-placeholder() {
}
}