Home page style changes

This commit is contained in:
Ascendings 2015-09-05 00:48:02 -04:00
parent 03b9c3f522
commit b230682748
4 changed files with 56 additions and 54 deletions

View File

@ -8,7 +8,6 @@
div div
position: relative position: relative
background: none
+transition(all, 200ms) +transition(all, 200ms)
&:hover &:hover
@ -16,7 +15,8 @@
.news .news
display: block display: block
+size(420px 100%) +size(100% 100%)
max-width: 420px
margin-right: 10px margin-right: 10px
background: url(/img/banner/oo-banner.jpg) background: url(/img/banner/oo-banner.jpg)
background-size: 100% 100% background-size: 100% 100%
@ -46,52 +46,3 @@
p p
margin-bottom: 7px margin-bottom: 7px
text-align: center text-align: center
.card
display: block
width: 100%
height: auto
margin-bottom: 15px
padding: 15px 10px
background: white
.underline
text-decoration: underline
input[type=text]
background: none
border: none
outline: none
.input-group
position: relative
display: block
width: 100%
margin: 20px auto 10px
input
display: inline-block
width: 100%
padding: 10px 0
border-bottom: solid 2px $main-color
color: rgb(25, 25, 25)
font-size: 16px
&:focus, &:active
outline: none
label
+position(absolute, 50% null null 0)
+transform(translateY(-50%))
font-style: italic
font-size: 16px
color: #999
pointer-events: none
+transition(all, 200ms ease-out 0s)
input:focus + label,
input.has-value + label
top: -5px
font-size: 12px
color: $main-color

View File

@ -1,4 +1,8 @@
// Page parts
@import 'base' @import 'base'
@import 'header' @import 'header'
@import 'navigation' @import 'navigation'
@import 'footer' @import 'footer'
// Page elements
@import 'card'

View File

@ -0,0 +1,47 @@
.card
display: block
width: 100%
height: auto
margin-bottom: 15px
padding: 15px 10px
background: white
.underline
text-decoration: underline
input[type=text]
background: none
border: none
outline: none
.input-group
position: relative
display: block
width: 100%
margin: 20px auto 10px
input
display: inline-block
width: 100%
padding: 10px 0
border-bottom: solid 2px $main-color
color: rgb(25, 25, 25)
font-size: 16px
&:focus, &:active
outline: none
label
+position(absolute, 50% null null 0)
+transform(translateY(-50%))
font-style: italic
font-size: 16px
color: #999
pointer-events: none
+transition(all, 200ms ease-out 0s)
input:focus + label,
input.has-value + label
top: -5px
font-size: 12px
color: $main-color

File diff suppressed because one or more lines are too long