From ae4a1e81fa2ab9bb0236b08e50e65805713dc2cd Mon Sep 17 00:00:00 2001 From: gballan1 Date: Tue, 29 Nov 2016 18:03:31 -0500 Subject: [PATCH] Untabified some sass files --- assets/sass/pages/_about.sass | 78 ++++++++++++------------ assets/sass/pages/_contact.sass | 64 ++++++++++---------- assets/sass/pages/_home.sass | 66 ++++++++++----------- assets/sass/pages/_shows.sass | 67 +++++++++++---------- assets/sass/partials/_base.sass | 46 +++++++-------- assets/sass/partials/_card.sass | 98 +++++++++++++++---------------- assets/sass/partials/_footer.sass | 74 +++++++++++------------ assets/sass/partials/_header.sass | 6 +- assets/sass/partials/_other.sass | 2 +- 9 files changed, 250 insertions(+), 251 deletions(-) diff --git a/assets/sass/pages/_about.sass b/assets/sass/pages/_about.sass index 9ce6b13..755cbe1 100755 --- a/assets/sass/pages/_about.sass +++ b/assets/sass/pages/_about.sass @@ -1,42 +1,42 @@ #about-header - margin-bottom: 25px - padding-bottom: 15px - background: white - - img - +position(absolute, 0 null null 0) - +size(100% 480px) - /*+filter(blur(2px)) - - .about-band - margin-top: 405px - - h2 - margin-bottom: 20px - color: white - - p - color: $text-color + margin-bottom: 25px + padding-bottom: 15px + background: white + + img + +position(absolute, 0 null null 0) + +size(100% 480px) + /*+filter(blur(2px)) + + .about-band + margin-top: 405px + + h2 + margin-bottom: 20px + color: white + + p + color: $text-color #about-content - section - a - display: block - +position(absolute, 0 null null 15px) - +calc(width, "100% - 30px") - +calc(height, "100% - 20px") - border-radius: 5px - text-decoration: none - +transition(all, 300ms ease-in) - - h3, - h4, - p - color: $text-color - - &:hover - a - background: rgba(#000, .15) - - hr - border-color: #bbb + section + a + display: block + +position(absolute, 0 null null 15px) + +calc(width, "100% - 30px") + +calc(height, "100% - 20px") + border-radius: 5px + text-decoration: none + +transition(all, 300ms ease-in) + + h3, + h4, + p + color: $text-color + + &:hover + a + background: rgba(#000, .15) + + hr + border-color: #bbb diff --git a/assets/sass/pages/_contact.sass b/assets/sass/pages/_contact.sass index 3e7a64b..849aeee 100755 --- a/assets/sass/pages/_contact.sass +++ b/assets/sass/pages/_contact.sass @@ -1,42 +1,42 @@ #contact-header - margin-top: -20px - text-align: center + margin-top: -20px + text-align: center - h1 - color: white - font: - size: 34px - weight: bold + h1 + color: white + font: + size: 34px + weight: bold #contact-info - .card - max-width: 680px - margin-top: 15px - padding: - top: 20px - bottom: 20px - background: #f0f0f0 + .card + max-width: 680px + margin-top: 15px + padding: + top: 20px + bottom: 20px + background: #f0f0f0 - hr - border-color: #666 + hr + border-color: #666 - a, - p, - h3 - text-align: center - font-size: 20px + a, + p, + h3 + text-align: center + font-size: 20px - p - padding: 5px - color: #212121 + p + padding: 5px + color: #212121 - a - color: darkred - text-decoration: none - +transition(color 200ms ease-in-out) + a + color: darkred + text-decoration: none + +transition(color 200ms ease-in-out) - &:hover - color: red + &:hover + color: red - h3 - margin-bottom: 15px + h3 + margin-bottom: 15px diff --git a/assets/sass/pages/_home.sass b/assets/sass/pages/_home.sass index 804347f..a7f4d15 100755 --- a/assets/sass/pages/_home.sass +++ b/assets/sass/pages/_home.sass @@ -1,39 +1,39 @@ #featured - height: auto - margin: 0 auto 20px - padding: 5px - background: none - - .hover-box - +transition(all, 200ms) + height: auto + margin: 0 auto 20px + padding: 5px + background: none - &:hover - box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2) + .hover-box + +transition(all, 200ms) - div - margin-bottom: 25px + &:hover + box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2) - a - display: block - width: 100% - //max-width: 500px - margin-left: auto - margin-right: auto + div + margin-bottom: 25px + + a + display: block + width: 100% + //max-width: 500px + margin-left: auto + margin-right: auto + + img + width: 100% - img - width: 100% - #wrapper-home - display: block - min-height: 300px - padding: 0 - - .content - margin: 0 - padding: 0 - - .actions - #mailing-list - p - margin-bottom: 7px - text-align: center + display: block + min-height: 300px + padding: 0 + + .content + margin: 0 + padding: 0 + + .actions + #mailing-list + p + margin-bottom: 7px + text-align: center diff --git a/assets/sass/pages/_shows.sass b/assets/sass/pages/_shows.sass index 1f1b1f3..5d95ec9 100755 --- a/assets/sass/pages/_shows.sass +++ b/assets/sass/pages/_shows.sass @@ -1,38 +1,37 @@ .shows-header - margin: - top: -20px - bottom: 20px - text-align: center - - h3 - color: #fff - font: - size: 26px - weight: bold + margin: + top: -20px + bottom: 20px + text-align: center + + h3 + color: #fff + font: + size: 26px + weight: bold #shows-table - margin-top: 20px + margin-top: 20px - tr - border-bottom: 1px solid rgba(#999, .4) - - &:last-child - border-bottom: none - - td - vertical-align: middle - border: none - - p, - a - font-size: 18px - color: white - - a - font-weight: 600 - text-decoration: underline - +transition(all, 200ms ease-in) - - &:hover - color: $main-color - \ No newline at end of file + tr + border-bottom: 1px solid rgba(#999, .4) + + &:last-child + border-bottom: none + + td + vertical-align: middle + border: none + + p, + a + font-size: 18px + color: white + + a + font-weight: 600 + text-decoration: underline + +transition(all, 200ms ease-in) + + &:hover + color: $main-color diff --git a/assets/sass/partials/_base.sass b/assets/sass/partials/_base.sass index efd3835..4dccd87 100755 --- a/assets/sass/partials/_base.sass +++ b/assets/sass/partials/_base.sass @@ -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) diff --git a/assets/sass/partials/_card.sass b/assets/sass/partials/_card.sass index 3821d7d..45fd4b4 100644 --- a/assets/sass/partials/_card.sass +++ b/assets/sass/partials/_card.sass @@ -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 diff --git a/assets/sass/partials/_footer.sass b/assets/sass/partials/_footer.sass index 87889f3..63b1c3a 100755 --- a/assets/sass/partials/_footer.sass +++ b/assets/sass/partials/_footer.sass @@ -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 diff --git a/assets/sass/partials/_header.sass b/assets/sass/partials/_header.sass index 7907eee..4637fd3 100644 --- a/assets/sass/partials/_header.sass +++ b/assets/sass/partials/_header.sass @@ -1,4 +1,4 @@ #header - .band-logo - width: 100% - max-width: 600px \ No newline at end of file + .band-logo + width: 100% + max-width: 600px diff --git a/assets/sass/partials/_other.sass b/assets/sass/partials/_other.sass index f3731b4..aa934a6 100644 --- a/assets/sass/partials/_other.sass +++ b/assets/sass/partials/_other.sass @@ -1,2 +1,2 @@ .full-width - width: 100% + width: 100%