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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
assets/sass/pages/_about.sass
View File

@ -1,42 +1,42 @@
#about-header #about-header
margin-bottom: 25px margin-bottom: 25px
padding-bottom: 15px padding-bottom: 15px
background: white background: white
img img
+position(absolute, 0 null null 0) +position(absolute, 0 null null 0)
+size(100% 480px) +size(100% 480px)
/*+filter(blur(2px)) /*+filter(blur(2px))
.about-band .about-band
margin-top: 405px margin-top: 405px
h2 h2
margin-bottom: 20px margin-bottom: 20px
color: white color: white
p p
color: $text-color color: $text-color
#about-content #about-content
section section
a a
display: block display: block
+position(absolute, 0 null null 15px) +position(absolute, 0 null null 15px)
+calc(width, "100% - 30px") +calc(width, "100% - 30px")
+calc(height, "100% - 20px") +calc(height, "100% - 20px")
border-radius: 5px border-radius: 5px
text-decoration: none text-decoration: none
+transition(all, 300ms ease-in) +transition(all, 300ms ease-in)
h3, h3,
h4, h4,
p p
color: $text-color color: $text-color
&:hover &:hover
a a
background: rgba(#000, .15) background: rgba(#000, .15)
hr hr
border-color: #bbb border-color: #bbb

64
assets/sass/pages/_contact.sass
View File

@ -1,42 +1,42 @@
#contact-header #contact-header
margin-top: -20px margin-top: -20px
text-align: center text-align: center
h1 h1
color: white color: white
font: font:
size: 34px size: 34px
weight: bold weight: bold
#contact-info #contact-info
.card .card
max-width: 680px max-width: 680px
margin-top: 15px margin-top: 15px
padding: padding:
top: 20px top: 20px
bottom: 20px bottom: 20px
background: #f0f0f0 background: #f0f0f0
hr hr
border-color: #666 border-color: #666
a, a,
p, p,
h3 h3
text-align: center text-align: center
font-size: 20px font-size: 20px
p p
padding: 5px padding: 5px
color: #212121 color: #212121
a a
color: darkred color: darkred
text-decoration: none text-decoration: none
+transition(color 200ms ease-in-out) +transition(color 200ms ease-in-out)
&:hover &:hover
color: red color: red
h3 h3
margin-bottom: 15px margin-bottom: 15px

66
assets/sass/pages/_home.sass
View File

@ -1,39 +1,39 @@
#featured #featured
height: auto height: auto
margin: 0 auto 20px margin: 0 auto 20px
padding: 5px padding: 5px
background: none background: none
.hover-box
+transition(all, 200ms)
&:hover .hover-box
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2) +transition(all, 200ms)
div &:hover
margin-bottom: 25px box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
a div
display: block margin-bottom: 25px
width: 100%
//max-width: 500px a
margin-left: auto display: block
margin-right: auto width: 100%
//max-width: 500px
margin-left: auto
margin-right: auto
img
width: 100%
img
width: 100%
#wrapper-home #wrapper-home
display: block display: block
min-height: 300px min-height: 300px
padding: 0 padding: 0
.content .content
margin: 0 margin: 0
padding: 0 padding: 0
.actions .actions
#mailing-list #mailing-list
p p
margin-bottom: 7px margin-bottom: 7px
text-align: center text-align: center

67
assets/sass/pages/_shows.sass
View File

@ -1,38 +1,37 @@
.shows-header .shows-header
margin: margin:
top: -20px top: -20px
bottom: 20px bottom: 20px
text-align: center text-align: center
h3 h3
color: #fff color: #fff
font: font:
size: 26px size: 26px
weight: bold weight: bold
#shows-table #shows-table
margin-top: 20px margin-top: 20px
tr tr
border-bottom: 1px solid rgba(#999, .4) border-bottom: 1px solid rgba(#999, .4)
&:last-child &:last-child
border-bottom: none border-bottom: none
td td
vertical-align: middle vertical-align: middle
border: none border: none
p, p,
a a
font-size: 18px font-size: 18px
color: white color: white
a a
font-weight: 600 font-weight: 600
text-decoration: underline text-decoration: underline
+transition(all, 200ms ease-in) +transition(all, 200ms ease-in)
&:hover &:hover
color: $main-color color: $main-color

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

@ -1,41 +1,41 @@
* *
margin: 0px margin: 0px
padding: 0px padding: 0px
font-family: "Open Sans", sans-serif font-family: "Open Sans", sans-serif
font-size: 14px font-size: 14px
html html
width: 100% width: 100%
+calc(height, "100% - 200px") +calc(height, "100% - 200px")
body body
+size(100% auto) +size(100% auto)
height: 100% height: 100%
#wrapper #wrapper
+size(100% auto) +size(100% auto)
min-height: 100% min-height: 100%
margin-bottom: 200px margin-bottom: 200px
padding-bottom: 50px padding-bottom: 50px
background: url(/img/bg2.jpg) no-repeat center center fixed background: url(/img/bg2.jpg) no-repeat center center fixed
+background-size(cover) +background-size(cover)
#header #header
display: block display: block
padding: -10px 0 padding: -10px 0
text-align: center text-align: center
/* Box shadow styles used for material design /* Box shadow styles used for material design
.shadow-0 .shadow-0
border: 1px solid #eee border: 1px solid #eee
.shadow-1 .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 .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 .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 .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 .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 .card
display: block display: block
height: auto height: auto
margin-bottom: 15px margin-bottom: 15px
padding: 15px 10px padding: 15px 10px
background: white background: white
&.hover-box &.hover-box
+transition(box-shadow, 200ms) +transition(box-shadow, 200ms)
&:hover &:hover
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)
.underline .underline
text-decoration: underline text-decoration: underline
input[type=text] input[type=text]
background: none background: none
border: none border: none
outline: none outline: none
.input-group .input-group
position: relative position: relative
display: block display: block
width: 100% width: 100%
margin: 20px auto 10px margin: 20px auto 10px
input input
display: inline-block display: inline-block
width: 100% width: 100%
padding: 10px 0 padding: 10px 0
border-bottom: solid 2px $main-color border-bottom: solid 2px $main-color
color: rgb(25, 25, 25) color: rgb(25, 25, 25)
font-size: 16px font-size: 16px
&:focus, &:active &:focus, &:active
outline: none outline: none
label label
+position(absolute, 50% null null 0) +position(absolute, 50% null null 0)
+transform(translateY(-50%)) +transform(translateY(-50%))
font-style: italic font-style: italic
font-size: 16px font-size: 16px
color: #999 color: #999
pointer-events: none pointer-events: none
+transition(all, 200ms ease-out 0s) +transition(all, 200ms ease-out 0s)
input:focus + label, input:focus + label,
input.has-value + label input.has-value + label
top: -5px top: -5px
font-size: 12px font-size: 12px
color: $main-color color: $main-color

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

@ -1,39 +1,39 @@
#footer #footer
+position(fixed, null null 0 0) +position(fixed, null null 0 0)
width: 100% width: 100%
background: white background: white
margin: 0 margin: 0
padding: 10px 15px padding: 10px 15px
z-index: -9999999 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
.mailing-list .column-info
p text-align: center
color: $text-color
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 #header
.band-logo .band-logo
width: 100% width: 100%
max-width: 600px max-width: 600px

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

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