From b5ef87fd32ef18318ab4f10ec811c292a7f93d43 Mon Sep 17 00:00:00 2001 From: Lisa P Date: Wed, 11 Nov 2015 18:59:01 +0100 Subject: [PATCH] also remove obsolete files --- app/styles/app/landing.sass | 478 --------------------------- app/styles/app/layouts/home-pro.sass | 296 ----------------- app/styles/app/layouts/untitled | 17 - 3 files changed, 791 deletions(-) delete mode 100644 app/styles/app/landing.sass delete mode 100644 app/styles/app/layouts/home-pro.sass delete mode 100644 app/styles/app/layouts/untitled diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass deleted file mode 100644 index 81c7a98b..00000000 --- a/app/styles/app/landing.sass +++ /dev/null @@ -1,478 +0,0 @@ -.top.landing-page .topbar, -.wrapper.centered .topbar - margin: 0 auto - max-width: 1024px - -.top.landing-page, -.top.landing-page .topbar - background-color: #fff - - .button--signin - background-color: #ffffff - background-image: inline-image('landing-page/signingithub.svg') - background-size: 16px 16px - border: 2px solid #e4e7e7 - color: #a0a8a8 - .button--signingin - border: 2px solid #3FA75F - .button--signin:hover - background-color: #73c78d - background-image: inline-image('landing-page/signingithub-hover.svg') - border: 2px solid #73c78d - color: #fff - -.landing-centered-wrapper - .button - .sync-spinner - height: 1.45em; - margin-right: 0.3em; - transform: translateY(-0.1em); - -.wrapper.centered #top, -.wrapper.centered .topbar, -.wrapper.non-centered .topbar - background-color: #eff0ec - -.landing - margin: 0 auto 170px auto - font-weight: 300 - overflow-x: hidden - - h1 - font-size: 5em - line-height: 1em - font-weight: 300 - color: #8f9294 - margin-bottom: 0 - - .hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials - padding: 70px 0 70px 0 - - .hero, .oss-testing, .customers, .recent-builds-text, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials - - h1, h2 - margin-top: 0 - - h2 - font-size: 3.3em - line-height: 1.15em - font-weight: 300 - color: #39a85b - - p - line-height: 1.5em - font-color: #606162 - font-size: 1.7em - - .hero.z-1 - text-align: center - position: relative - z-index: 1 - - - .landing-centered-wrapper - max-width: 1024px - margin: 0 auto - - > .columns.medium-6:first-child - padding-right: 2em - > .columns.medium-6:last-child - padding-left: 2em - - #laptop - margin-bottom: -192px - - #laptop img - border: 2px solid #d8dadc - border-radius: 2px - - .hero - background-color: #f6f6f6 - h1 - color: #339999 - line-height: 1.2em - margin-bottom: 0 - - p - margin: 0 - line-height: 1.5em - - br.mobile-break - display: none - - .button - background-color: #39a85b - color: #fff - font-size: 2em - font-weight: 300 - padding: 0.5em - margin: 1.3em 0 1.3em 0 - border-radius: 2px - border: 0 - - &:hover - background-color: #73c78d - - .sign-in-mascot - padding-right: 10px - .loading-indicator--white - height: 1.4em; - line-height: 1; - margin-right: 0.5em; - - .oss-testing - background-color: #ffffff - text-align: center - position: relative - z-index: 1000 - - h2 - margin: 0 - - p - margin-top: 0.5em - margin-bottom: 2em - - br.mobile-break - display: none - - .customers - text-align: center - - .left - text-align: left - padding: 0 0 0 12% - - .recent-builds - background-color: #f6f6f6 - min-height: 44rem - - .recent-builds-text - text-align: center - h2 - color: #db4141 - text-align: right - margin: 0 - - a - color: #828282 - - p - text-align: right - margin-top: 0.5em - margin-bottom: 2em - - img - margin-bottom: 20px - - ul - padding-left: 0 - - li - background-color: #fff - border-radius: 4px - color: #828282 - font-weight: 400 - margin-bottom: 20px - list-style-type: none - position: relative - height: 120px - width: 100% - padding: 10px 0 0 60px - text-align: left - - .free-for-oss - text-align: center - - h1 - margin-bottom: 0.3em - - p - margin: 0 - - span.bold-italic - font-weight: 600 - font-style: italic - - br.mobile-no-break - display: inline-block - - .private-repos - text-align: center - - h2 - color: #339999 - margin: 0 - text-align: right - - p - margin-top: 0.5em - margin-bottom: 2em - text-align: right - - a - text-decoration: underline - - .mobile-envelope - display: none - - .desktop-envelope - display: inline-block - - .features-list - background-color: #f6f6f6 - - h2 - margin: 0 - - h3 - font-size: 1.4em - font-weight: 300 - color: #413c3c - text-align: center - margin-bottom: 35px - padding-top: 40px - - p - font-size: 1.15em - font-weight: 300 - color: #606162 - text-align: center - - br.mobile-break - display: none - - .features-callouts - text-align: center - @media #{$medium-only} - float: none - - #f-co-1, #f-co-2, #f-co-3, #f-co-4 - background-repeat: no-repeat; - background-position: 50% 0 - height: 32px - - #f-co-1, #f-co-2, #f-co-3, #f-co-4 - background-image: url('../images/landing-page/features-callouts-1.svg') - - #f-co-2 - background-image: url('../images/landing-page/features-callouts-2.svg') - - #f-co-3 - background-image: url('../images/landing-page/features-callouts-3.svg') - - #f-co-4 - background-image: url('../images/landing-page/features-callouts-4.svg') - - .features-checked - padding-left: 30px - @media #{$medium-only} - float: none - - h2 - @media #{$medium-only} - width: grid-calc(8, 12) - margin: 1em auto - ul - @media #{$medium-only} - width: grid-calc(5, 12) - margin: auto - - ul - @include resetul - margin-top: 1.6rem; - - li - font-color: #606162 - font-size: 1.7em - line-height: 1.7em - &:before - @extend %icon - content: "" - background-image: url('../images/landing-page/features-check.svg') - width: 0.7em - height: 0.7em - margin-right: .3em - - .build-flows - text-align: center - - h2 - color: #909295 - - h2#pr-bf-margin - margin-top: 90px - - .branch-bf - .bf - display: inline-block - width: 120px - - p - font-size: 1em - line-height: 1.5em - color: #5f6062 - - .divider-line-horizontal - width: 50px - height: 3px - background: #eaeaec - display: inline-block - margin-bottom: 75px - - .divider-line-vertical - display: none - - .user-testimonials - margin-bottom: 50px - - h2 - color: #418793 - text-align: right - - p - font-size: 1.2em - font-weight: 300 - color: #606162 - margin: 0 - display: inline-block - - img.avatar - max-width: 81px - float: right - - img.social - margin: -2px 3px 0 15px - display: inline-block - - .author - font-weight: 500 - margin: 6px 0 0 0 - - .title - margin: 0 0 20px 0 - a - font-size: 1.2em - - a:hover - text-decoration: underline - - @media (max-width: 900px) - .oss-testing br.mobile-break - display: inline-block - - .landing-centered-wrapper - width: 100% - - @media (max-width: 1024px) - .features-list .features-checked - margin-top: 40px - - .features-list .features-checked h2 - text-align: center - - @media (max-width: 886px) - #hero-copy - display: block - width: 100% - text-align: center - - .hero h1 - max-width: 100% - - .hero p - text-align: center - max-width: 100% - - .hero br.mobile-break - display: inline-block - - .features-list .features-callouts - padding: 0 60px 0 60px - - .features-list .features-checked - padding: 0 60px 0 60px - - @media (max-width: 846px) - .build-flows .branch-bf .bf - width: 100% - display: block - clear: all - - .build-flows .branch-bf .bf img - width: 120px - height: 120px - - .build-flows .branch-bf .bf p - font-size: 1.5em - - .build-flows .branch-bf .divider-line-horizontal - display: none - - .build-flows .branch-bf .divider-line-vertical - width: 3px - height: 40px - background: #eaeaec - display: inline-block - margin-bottom: 10px - - @media (max-width: 797px) - .customers .left - text-align: center - padding: 20px 0 0 0 - - .recent-builds-text h2, - .user-testimonials h2, - .private-repos h2, - .recent-builds-text p, - .user-testimonials p, - .private-repos p - text-align: center - - .free-for-oss br.mobile-no-break - display: none - - .private-repos .desktop-envelope - display: none - - .private-repos .mobile-envelope - display: inline-block - margin-bottom: 40px - - .user-testimonials - margin-bottom: 50px - - @media (max-width: 640px) - .user-testimonials - margin-bottom: 140px - - @media (max-width: 608px) - br.mobile-break - display: inline-break - -.landing-vert-center-m - @media #{$medium-up} - position: relative - transform: translateY(65%) -.landing-vert-center-s - @media #{$medium-up} - position: relative - overflow: auto - transform: translateY(7%) - -.landing-page - .navigation-nested - background-color: $white - -.landing-rows - list-style: none - margin: 0 - @media #{$small-only} - padding: 0 - -.landing-row - .two-line - padding-left: 2rem - h2 - padding-left: .5rem - font-size: 18px diff --git a/app/styles/app/layouts/home-pro.sass b/app/styles/app/layouts/home-pro.sass deleted file mode 100644 index f5e280bc..00000000 --- a/app/styles/app/layouts/home-pro.sass +++ /dev/null @@ -1,296 +0,0 @@ -$teal: #40A3AD -$green: #39A85B -$red: #DB4242 -$yellow: #E5C025 -$grey: #858585 - -@mixin linkStyle - a - text-decoration: none - border-bottom: 1px solid #bfc0c1 - padding-bottom: 0.1em - transition: color 200ms ease, border 200ms ease - &:hover, - &:active - color: #303030 - text-decoration: none - border-color: transparent - -.landing-pro - - br - display: none - @media #{$medium-up} - display: block - - .wrapper - width: 100% - padding-bottom: 0 - margin-bottom: 0 - - .landing-footer - margin-top: 0 - - .inner - margin: auto - max-width: 1024px - padding: 0 $column-gutter/2 - - %h1 - margin: 0 - font-size: 54px - font-weight: 300 - line-height: 1.3 - - .h1--grey - @extend %h1 - @include linkStyle - color: $grey !important - a - color: $grey - - .h1--teal - @extend %h1 - font-size: 64px - color: #408692 !important - - .h1--green - @extend %h1 - color: $green !important - - .h1--red - @extend %h1 - color: $red !important - - %h2 - margin: 0 0 .5em - font-size: 36px - font-weight: 300 - line-height: 1.3 - - .h2--grey - @extend %h2 - color: $grey - - .h2--green - @extend %h2 - color: $green - - .h2--red - @extend %h2 - color: $red - - .h2--teal - @extend %h2 - color: $teal - - %h3 - margin: .5em 0 - font-size: 22px - font-weight: 300 - - .h3 - @extend %h3 - - .h3--plans - @extend %h3 - font-size: 28px - text-align: center - line-height: 1.3 - - .h3--teal - @extend %h3 - color: $teal - - .h3--red - @extend %h3 - color: $red - - .h3--green - @extend %h3 - color: $green - - .h3--yellow - @extend %h3 - color: $yellow - - .text-big - @include linkStyle - font-size: 20px - font-weight: 300 - line-height: 1.55 - - .text-small - @include linkStyle - margin: 0 0 2.5em - font-size: 16px - - .text-logo - @extend .text-small - line-height: 1.8 - margin-bottom: 2em - text-align: left - @media #{$medium-up} - width: 80% - margin-right: auto - margin-left: auto - @media #{$large-up} - width: 70% - - .landing-button - display: inline-block - padding: 0.9em 1em - margin: 0 auto - color: white - border-radius: 2px - font-size: 27px - text-decoration: none - background-color: $green - &:hover - color: white - background-color: #73c78d - - .hero-button - @extend .landing-button - padding: 0.9em 1em 0.9em 3em - background: - image: inline-image('landing-page/sign-in-mascot.svg') - size: 1.7em - position: 0.8em center - repeat: no-repeat - - .hero-computer - width: 100% - height: 35em - margin-top: 3em - @media #{$medium-up} - position: absolute - margin-top: 0 - transform: translateY(-.1rem) - - .section--grey - padding: 4rem 0 5rem - background-color: #F6F6F6 - - .section--white - padding: 6rem 0 - background-color: white - - .section--center - text-align: center - - .section--feature - .inner - display: flex - justify-content: space-between - flex-direction: column-reverse - @media #{$medium-up} - flex-direction: row - - .section-list, - .section-text - flex: 0 0 50% - @media (min-width: 54em) - flex: 0 0 47% - - .list--check - li - @extend .text-big - line-height: 1.65 - - - .section--hero - .inner - display: flex - justify-content: space-between - flex-direction: column - @media #{$medium-up} - flex-direction: row - - .section-text - flex: 0 0 47% - text-align: center - @media #{$medium-up} - text-align: left - .section-image - flex: 0 0 50% - - .section-image - position: relative - - .text-big - margin: 0.8em 0 1.7em - - %list - list-style: none - padding: 0 - margin: 0 - - .list--customers - @extend %list - display: flex - justify-content: space-around - flex-wrap: wrap - align-items: center - width: 80% - margin: 2em auto 0 - li - flex: 0 0 9em - margin-bottom: 3em - @media #{$medium-up} - margin-bottom: 0 - - .list--languages - @extend %list - display: flex - justify-content: space-around - flex-wrap: wrap - li - flex: 0 0 5em - - .list--check, - .list--cross - @extend %list - padding: 0 0 0 2em - li - &:before - content: "" - display: inline-block - height: 1.2em - width: 1.2em - margin-right: .3em - margin-left: -1.5em - vertical-align: middle - - .list--check - li:before - background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IlBhc3NlZCI+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjMzlBODVCIiBkPSJNOS42LDE0LjRjLTAuMSwwLTAuMy0wLjEtMC40LTAuMWwtNC0zLjNjLTAuMy0wLjItMC4zLTAuNi0wLjEtMC45UzUuOCw5LjgsNi4xLDEwbDMuNCwyLjhsNC45LTcuNQoJCQlDMTQuNiw1LDE1LDQuOSwxNS4zLDUuMWMwLjMsMC4yLDAuNCwwLjYsMC4yLDAuOWwtNS4zLDguMUMxMC4xLDE0LjMsOS45LDE0LjQsOS42LDE0LjRDOS43LDE0LjQsOS43LDE0LjQsOS42LDE0LjR6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+") - - .list--cross - li:before - background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICA8ZyBpZD0iRmFpbGVkIj4KICAJPHBhdGggZmlsbD0iI0RCNDI0MiIgZD0iTTEwLjksMTBsMy45LTMuOWMwLjItMC4yLDAuMi0wLjYsMC0wLjljLTAuMi0wLjItMC42LTAuMi0wLjksMEwxMCw5LjFMNi4xLDUuMmMtMC4yLTAuMi0wLjYtMC4yLTAuOSwwCiAgCQljLTAuMiwwLjItMC4yLDAuNiwwLDAuOUw5LjEsMTBsLTMuOSwzLjljLTAuMiwwLjItMC4yLDAuNiwwLDAuOUM1LjMsMTQuOSw1LjUsMTUsNS42LDE1czAuMy0wLjEsMC40LTAuMmwzLjktMy45bDMuOSwzLjkKICAJCWMwLjEsMC4xLDAuMywwLjIsMC40LDAuMmMwLjIsMCwwLjMtMC4xLDAuNC0wLjJjMC4yLTAuMiwwLjItMC42LDAtMC45TDEwLjksMTB6Ii8+CiAgPC9nPgo8L3N2Zz4=") - - - .list--features - @extend %list - display: flex - justify-content: space-between - flex-flow: column wrap - margin-top: 5em - @media #{$medium-up} - flex-flow: row wrap - margin-top: 1em - li - flex: 0 0 15em - - [class^="feature-"] - display: block - height: 2em - width: 2em - margin: auto - - [class^="language-"] - display: block - height: 3.5em - width: 3.5em - margin: 0 auto .5em diff --git a/app/styles/app/layouts/untitled b/app/styles/app/layouts/untitled deleted file mode 100644 index ce1c8eb2..00000000 --- a/app/styles/app/layouts/untitled +++ /dev/null @@ -1,17 +0,0 @@ -.burger - overflow: auto - height: $top-height - @media #{$medium-up} - display: none - - .burger-btn - float: right - font-size: 50px - background: none - border: none - line-height: 1 - color: $grey-medium - outline: none !important - @include clearfix - &:hover - cursor: pointer \ No newline at end of file