Added some input styles and making button styles

This commit is contained in:
2018-05-14 07:14:19 +10:00
parent 466bdee08c
commit 3dd71b38cc
9 changed files with 85 additions and 7 deletions

View File

@ -3,13 +3,21 @@
* Clicky Tappy Touchy Buttons!
*
* Dependencies:
* styles/tools/_gradient.scss
*
*
* Version:
* 1.0.0 - 2018/05/11
* 1.0.1 - 2018/05/14
*/
.o-btn {
//Reset
display: inline-block;
cursor: pointer;
border: 1px solid #DDD;
border-radius: 4px;
padding: 0.5em 1.25em;
@include t-vertical-gradient(#FFF, #FBFBFB);
}

View File

@ -0,0 +1,13 @@
/*
* Form
* Forms
*
* Dependencies:
*
*
* Version:
* 1.0.0 - 2018/05/13
*/
.o-form { }
.o-form__group { }

View File

@ -0,0 +1,22 @@
/*
* Input
* Contains styles for input and input elements.
*
* Dependencies:
*
*
* Version:
* 1.0.0 - 2018/05/13
*/
.o-input {
display: block;
width: 100%;
padding: 0.25em;
}
.o-label {
display: block;
visibility: hidden;
}

View File

@ -81,7 +81,7 @@ $o-navbar--link-thickness: 5px;
@include t-media-query($s-xsmall-up) {
padding: 1em;
//padding: 1em;
&__logo-container {
text-align: left;
@ -97,7 +97,7 @@ $o-navbar--link-thickness: 5px;
}
@include t-media-query($s-small-up) {
padding: 3em;
//padding: 3em;
&__logo {
width: 12em;