96 lines
2.2 KiB
Stylus
96 lines
2.2 KiB
Stylus
#work-content
|
|
width 100%
|
|
max-width 1024px
|
|
margin 0 auto
|
|
#header
|
|
#header-two
|
|
p
|
|
font 400 1.5em $bodyType
|
|
span
|
|
color $secondary
|
|
#work-display
|
|
padding 0
|
|
margin 0 0 40px 0
|
|
opacity 0
|
|
|
|
|
|
#work-list
|
|
|
|
.work-item
|
|
width 50%
|
|
height 300px
|
|
display inline-block
|
|
vertical-align top
|
|
background-size cover
|
|
background-color $tertiary
|
|
color $tertiary
|
|
span
|
|
font 600 .7em $titleType
|
|
|
|
#work-contact
|
|
#contact-form
|
|
opacity 1
|
|
label
|
|
font 600 .8em $titleType
|
|
color $highlight
|
|
margin 0 0 15px 0
|
|
display block
|
|
#request-form
|
|
input[type=email], input[type=password], input[type=text]
|
|
width 100%
|
|
margin 0 10px 10px 0
|
|
|
|
select
|
|
width 100%
|
|
margin-bottom: 10px;
|
|
|
|
textarea
|
|
width: 100%
|
|
#contact-info
|
|
label#request-status
|
|
font 600 .8em $titleType
|
|
color $highlight
|
|
margin 0 0 15px 0
|
|
display block
|
|
text-transform uppercase
|
|
p
|
|
font 400 1em $bodyType
|
|
color $tertiary
|
|
i
|
|
color $highlight
|
|
|
|
|
|
#project-content
|
|
width 100%
|
|
max-width 1024px
|
|
margin 0 auto
|
|
#project-display
|
|
padding: 0 20px 20px 20px
|
|
|
|
#project-info
|
|
span
|
|
font 400 2em $titleType
|
|
color $white
|
|
#project-desc
|
|
font 300 1.2em $bodyType
|
|
color $tertiary
|
|
#project-images
|
|
margin 10px 0 0 0
|
|
opacity 1
|
|
.folio-image
|
|
width 100%
|
|
margin 0 0 50px 0
|
|
opacity 0
|
|
|
|
/**
|
|
-------------------------------
|
|
-- Responsive
|
|
-------------------------------
|
|
**/
|
|
|
|
@media screen and (max-width: 768px)
|
|
#work-content
|
|
#work-list
|
|
.work-item
|
|
width 100%
|
|
|