mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-12 04:25:05 -05:00
[ux] small amendments to buttons and added header styles
This commit is contained in:
parent
1e8fb361f4
commit
a5ca6748d0
@ -34,3 +34,9 @@
|
|||||||
padding-bottom: 20px
|
padding-bottom: 20px
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px)
|
||||||
|
|
||||||
|
.box
|
||||||
|
width: 50%
|
||||||
|
|
||||||
|
|
||||||
|
@ -37,17 +37,18 @@ label
|
|||||||
|
|
||||||
button, a.button
|
button, a.button
|
||||||
display: inline-block
|
display: inline-block
|
||||||
text-decoration: none
|
|
||||||
text-align: center
|
|
||||||
roundall(3px)
|
roundall(3px)
|
||||||
border: none
|
border: none
|
||||||
height: 35px
|
height: 35px
|
||||||
|
min-width: 80px
|
||||||
padding: 0 1em
|
padding: 0 1em
|
||||||
color: white
|
color: white
|
||||||
background: $activeBlue
|
background: $activeBlue
|
||||||
line-height: 35px
|
line-height: 35px
|
||||||
font-size: 14px
|
font-size: 14px
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
|
text-decoration: none
|
||||||
|
text-align: center
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
|
@ -9,12 +9,15 @@ body
|
|||||||
font-weight: 400
|
font-weight: 400
|
||||||
-webkit-font-smoothing: antialiased
|
-webkit-font-smoothing: antialiased
|
||||||
|
|
||||||
#pages
|
h1, h2, h3, h4
|
||||||
position: absolute
|
color: darken($baseText, 30%)
|
||||||
top: 0px
|
|
||||||
right: 0px
|
|
||||||
left: 156px
|
|
||||||
borderbox()
|
|
||||||
|
|
||||||
#menu
|
#pages
|
||||||
width: 155px
|
position: absolute
|
||||||
|
top: 0px
|
||||||
|
right: 0px
|
||||||
|
left: 156px
|
||||||
|
borderbox()
|
||||||
|
|
||||||
|
#menu
|
||||||
|
width: 155px
|
||||||
|
@ -664,7 +664,13 @@ body {
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
body #pages {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
color: #3c3c3c;
|
||||||
|
}
|
||||||
|
#pages {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
@ -673,7 +679,7 @@ body #pages {
|
|||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
body #menu {
|
#menu {
|
||||||
width: 155px;
|
width: 155px;
|
||||||
}
|
}
|
||||||
.aux header {
|
.aux header {
|
||||||
@ -716,6 +722,11 @@ body #menu {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
.box {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
input[type=text],
|
input[type=text],
|
||||||
input[type=email],
|
input[type=email],
|
||||||
input[type=search],
|
input[type=search],
|
||||||
@ -770,8 +781,6 @@ label {
|
|||||||
button,
|
button,
|
||||||
a.button {
|
a.button {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
-moz-border-radius: 3px;
|
-moz-border-radius: 3px;
|
||||||
-webkit-border-radius: 3px;
|
-webkit-border-radius: 3px;
|
||||||
-khtml-border-radius: 3px;
|
-khtml-border-radius: 3px;
|
||||||
@ -780,12 +789,15 @@ a.button {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border: none;
|
border: none;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
|
min-width: 80px;
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #00aeef;
|
background: #00aeef;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
button:hover,
|
button:hover,
|
||||||
|
Loading…
Reference in New Issue
Block a user