HalfTone/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Untabified some sass files

Browse Source
This commit is contained in:
gballan1
2016-11-29 18:03:31 -05:00
parent 5dc1bcc792
commit ae4a1e81fa
9 changed files with 250 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
assets/sass/partials/_base.sass
View File

@ -1,41 +1,41 @@
*
margin: 0px
padding: 0px
font-family: "Open Sans", sans-serif
font-size: 14px
margin: 0px
padding: 0px
font-family: "Open Sans", sans-serif
font-size: 14px
html
width: 100%
+calc(height, "100% - 200px")
width: 100%
+calc(height, "100% - 200px")
body
+size(100% auto)
height: 100%
+size(100% auto)
height: 100%
#wrapper
+size(100% auto)
min-height: 100%
margin-bottom: 200px
padding-bottom: 50px
background: url(/img/bg2.jpg) no-repeat center center fixed
+background-size(cover)
+size(100% auto)
min-height: 100%
margin-bottom: 200px
padding-bottom: 50px
background: url(/img/bg2.jpg) no-repeat center center fixed
+background-size(cover)
#header
display: block
padding: -10px 0
text-align: center
display: block
padding: -10px 0
text-align: center
/* Box shadow styles used for material design
.shadow-0
border: 1px solid #eee
border: 1px solid #eee
.shadow-1
box-shadow: 0 2px 10px 0 rgba(#000, 0.16), 0 2px 5px 0 rgba(#000, 0.26)
box-shadow: 0 2px 10px 0 rgba(#000, 0.16), 0 2px 5px 0 rgba(#000, 0.26)
.shadow-2
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
.shadow-3
box-shadow: 0 17px 50px 0 rgba(#000, 0.19), 0 12px 15px 0 rgba(#000, 0.24)
box-shadow: 0 17px 50px 0 rgba(#000, 0.19), 0 12px 15px 0 rgba(#000, 0.24)
.shadow-4
box-shadow: 0 25px 55px 0 rgba(#000, 0.21), 0 16px 28px 0 rgba(#000, 0.22)
box-shadow: 0 25px 55px 0 rgba(#000, 0.21), 0 16px 28px 0 rgba(#000, 0.22)
.shadow-5
box-shadow: 0 40px 77px 0 rgba(#000, 0.22), 0 27px 24px 0 rgba(#000, 0.2)
box-shadow: 0 40px 77px 0 rgba(#000, 0.22), 0 27px 24px 0 rgba(#000, 0.2)

98
assets/sass/partials/_card.sass
View File

@ -1,52 +1,52 @@
.card
display: block
height: auto
margin-bottom: 15px
padding: 15px 10px
background: white
display: block
height: auto
margin-bottom: 15px
padding: 15px 10px
background: white
&.hover-box
+transition(box-shadow, 200ms)
&.hover-box
+transition(box-shadow, 200ms)
&:hover
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
.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
&:hover
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
.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

74
assets/sass/partials/_footer.sass
View File

@ -1,39 +1,39 @@
#footer
+position(fixed, null null 0 0)
width: 100%
background: white
margin: 0
padding: 10px 15px
z-index: -9999999
.column-info
text-align: center
p
font:
size: 18px
weight: bold
text-decoration: underline
ul
list-style: none
a
text-decoration: none
color: $text-color
+transition(all, 200ms)
&:hover
color: $main-color
.copyright
p
color: $text-color
text-align: center
hr
border-color: #bbb
+position(fixed, null null 0 0)
width: 100%
background: white
margin: 0
padding: 10px 15px
z-index: -9999999
.mailing-list
p
color: $text-color
.column-info
text-align: center
p
font:
size: 18px
weight: bold
text-decoration: underline
ul
list-style: none
a
text-decoration: none
color: $text-color
+transition(all, 200ms)
&:hover
color: $main-color
.copyright
p
color: $text-color
text-align: center
hr
border-color: #bbb
.mailing-list
p
color: $text-color

6
assets/sass/partials/_header.sass
View File

@ -1,4 +1,4 @@
#header
.band-logo
width: 100%
max-width: 600px
.band-logo
width: 100%
max-width: 600px

2
assets/sass/partials/_other.sass
View File

@ -1,2 +1,2 @@
.full-width
width: 100%
width: 100%