diff options
Diffstat (limited to 'live/static/fork-awesome/src/doc/assets/less/site/responsive')
5 files changed, 220 insertions, 0 deletions
diff --git a/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-lg.less b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-lg.less new file mode 100644 index 0000000..ae404bb --- /dev/null +++ b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-lg.less @@ -0,0 +1,58 @@ +@media (min-width: @screen-lg) { + #icon-carousel { + @size: 240px; + font-size: @size; + line-height: @size + 35; + margin-top: @buffer-lg; + } + + .carousel-control { + top: @size + 35px; + .square(40px); + font-size: 40px; + line-height: 40px; + left: 370/2 - 52px; + &.right { + right: 370/2 - 52px; + } + } + + .jumbotron-ad { + padding: 50px 0; + h1 { + margin-top: 25px; + font-size: 90px; + } + p { + font-size: 28px; + margin: 35px 0 20px; + } + } + + .jumbotron-carousel { + padding: 50px 0; + h1 { font-size: 100px; } + p { + font-size: 32px; + margin: 20px 0; + } + .btn-large { + font-size: 30px; + padding: 21px 35px; + } + } + + .stripe-ad .lead { padding-top: 0; } + + .lead { + font-size: 26px; + line-height: 36px; + } + + .fort-awesome { + .tagline { } + .action { width: 18%; } + } + + .hide-lg { display: none; } +} diff --git a/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-md.less b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-md.less new file mode 100644 index 0000000..bc46917 --- /dev/null +++ b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-md.less @@ -0,0 +1,3 @@ +@media (min-width: @screen-md) and (max-width: @screen-md-max) { + .hide-md { display: none; } +} diff --git a/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm-up.less b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm-up.less new file mode 100644 index 0000000..5bc078f --- /dev/null +++ b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm-up.less @@ -0,0 +1,17 @@ +@media (min-width: @screen-sm) { + .signup-input { + padding-right: 0; + input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; + } + } + .signup-button { + padding-left: 0; + .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } +} diff --git a/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less new file mode 100644 index 0000000..676b2d6 --- /dev/null +++ b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less @@ -0,0 +1,48 @@ +@media (min-width: @screen-sm) and (max-width: @screen-sm-max) { + #icon-carousel { + @size: 200px; + font-size: @size; + line-height: @size + 30; + } + .carousel-control { + top: @size - 10px; + .square(30px); + left: 228/2 - 36px; + &.right { + right: 228/2 - 36px; + } + } + + .jumbotron-carousel { + padding: 50px 0; + h1 { font-size: 65px; } + p { font-size: 23px; } + .shameless-self-promotion { font-size: 12px; } + } + + .jumbotron-ad { + p { font-size: 24px; } + } + + .jumbotron-icon { + h1 small { + display: block; + margin-top: 15px; + margin-left: 0; + line-height: 20px; + } + } + + .stripe-ad .lead { + margin: 0; + padding-top: 0; + font-size: 19px; + } + + .fort-awesome { + .action { width: 33%; } + } + + .hide-sm { display: none; } + .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; } +} diff --git a/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-xs.less b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-xs.less new file mode 100644 index 0000000..da5030d --- /dev/null +++ b/live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-xs.less @@ -0,0 +1,94 @@ +@media (max-width: @screen-xs-max) { + #icon-carousel { + @size: 180px; + font-size: @size; + line-height: @size + 30; + width: 280px; + margin: 30px auto 0; + } + .carousel-control { + top: 40%; + .square(44px); + font-size: 44px; + line-height: 44px; + left: -7px; + &.right { right: -7px; } + } + + .jumbotron-carousel { + h1 { font-size: 58px; } + p { font-size: 24px; } + .btn-large { + font-size: 20px; + padding: 14px 26px; + } + .shameless-self-promotion { font-size: 12px; } + } + + .jumbotron-ad { + h1 { font-size: 39px; } + p { + font-size: 20px; + margin-bottom: 20px; + } + } + + .jumbotron-icon { + .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; } + .fa-6 { font-size: 16em; } + h1 small { + display: block; + margin-top: 15px; + margin-left: 0; + line-height: 20px; + } + } + + .stripe-ad .lead { + margin-top: @buffer-lg; + padding: 0; + } + + #fusionads { + float: none; + display: block; + margin-left: 0; + .clearfix(); + } + + .vertical-ad #fusionads { + width: 300px; + .fusion-img { + float: left; + padding-right: 10px; + } + } + + + .fonticons { + padding: 15px 0; + .tagline, .action { display: block; } + .tagline { margin-bottom: 10px; } + } + + .hide-xs { display: none; } + + .block-xs { display: block; } + + .modal-footer .block-xs + .block-xs { + margin-left: 0; + margin-top: 10px; + } + + + .navbar-org { display: none; } + #banner { + text-align: center; + .message-container, .tagline, .action { display: block; } + .tagline { padding-right: 0; } + .btn-primary { margin-top: 10px; } + } + + .signup-button .btn { white-space: normal; } + .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; } +} |