diff options
Diffstat (limited to 'plugins/jetpack/scss/templates/_connection-landing.scss')
-rw-r--r-- | plugins/jetpack/scss/templates/_connection-landing.scss | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/plugins/jetpack/scss/templates/_connection-landing.scss b/plugins/jetpack/scss/templates/_connection-landing.scss new file mode 100644 index 00000000..95a3d663 --- /dev/null +++ b/plugins/jetpack/scss/templates/_connection-landing.scss @@ -0,0 +1,82 @@ +// ========================================================================== +// Jetpack Connection Landing Page ('Please connect jetpack') +//=========================================================================== + +// ========================================================================== +// Jetpack NUX Page(s) (main jetpack admin page + jumpstart) +//=========================================================================== + +// Needs to be cleaned. Let's remove those important tags and unneeded classes that we can utilize from core. Properly nest elements. migrate into _main.scss +// Once everything is tested, I'll remove all the comments below as well. - @jeffgolenski + +// wrapping these common element names temporarily until I can audit - jeff +.jp-content { + .hide { + display: none; + } + + .landing { + margin: 0 auto; + z-index: 2; + position: relative; + } + + h1 { + font-weight: 400; + line-height: 1.75em; + position: relative; + z-index: 3; + width: 100%; + text-align: center; + + &.success { + color: $green; + } + } + .footer { + padding-top: 0; + margin-top: 0; + background-image: none; + + &:before { + height: inherit; + } + } + + .more-info:before { + content: none; + } +} //.jp-content + +.landing { + .wpcom-connect { + min-height: 400px; + } +} + +.wpcom-connect { + .j-col { + padding: 0; + } +} + +// Breakpoints +@include breakpoint(large-desktop) { + .jp-content { + .landing { + padding: 0 2em; + } + + .footer { + padding-top: 1.5em; + } + } +} // large-desktop + +@include breakpoint(large-phone) { + .jp-content { + .landing { + padding: 0 .5em; + } + } +} // large-phone |