summaryrefslogtreecommitdiff
path: root/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive
diff options
context:
space:
mode:
authorpdp8 <pdp8@pdp8.info>2022-08-22 00:52:15 +0200
committerpdp8 <pdp8@pdp8.info>2022-08-22 00:52:15 +0200
commite3c672f4648997dbe00624e09c63c990a8ea3596 (patch)
tree2b81023c89da84b09188d9bbbcc3d907faf8df6f /snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive
parent28792e4d504d59b5aeab70d66ea6be51c9c683b1 (diff)
audio and video rendering, Fork-Awesome-1.2.0 included
Diffstat (limited to 'snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive')
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-lg.less58
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-md.less3
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm-up.less17
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm.less48
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-xs.less94
5 files changed, 220 insertions, 0 deletions
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-lg.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-lg.less
new file mode 100644
index 0000000..ae404bb
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/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/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-md.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-md.less
new file mode 100644
index 0000000..bc46917
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/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/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm-up.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm-up.less
new file mode 100644
index 0000000..5bc078f
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/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/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-sm.less
new file mode 100644
index 0000000..676b2d6
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/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/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-xs.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/responsive/screen-xs.less
new file mode 100644
index 0000000..da5030d
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/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; }
+}