Home page style changes
This commit is contained in:
parent
03b9c3f522
commit
b230682748
@ -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
|
|
||||||
|
|
||||||
|
@ -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'
|
47
assets/sass/partials/_card.sass
Normal file
47
assets/sass/partials/_card.sass
Normal 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
Loading…
Reference in New Issue
Block a user