From 45654ffc5cc4532c2189c88d46a0374038b53c9f Mon Sep 17 00:00:00 2001 From: Treer Date: Sat, 30 Apr 2016 21:36:19 +1000 Subject: update font-awesome library to 4.6.1 Perhaps this should be done as a submodule instead? --- .../src/assets/less/site/responsive/screen-lg.less | 58 ++++++++++++ .../src/assets/less/site/responsive/screen-md.less | 3 + .../assets/less/site/responsive/screen-sm-up.less | 18 ++++ .../src/assets/less/site/responsive/screen-sm.less | 49 ++++++++++ .../src/assets/less/site/responsive/screen-xs.less | 101 +++++++++++++++++++++ 5 files changed, 229 insertions(+) create mode 100644 library/font_awesome/src/assets/less/site/responsive/screen-lg.less create mode 100644 library/font_awesome/src/assets/less/site/responsive/screen-md.less create mode 100644 library/font_awesome/src/assets/less/site/responsive/screen-sm-up.less create mode 100644 library/font_awesome/src/assets/less/site/responsive/screen-sm.less create mode 100644 library/font_awesome/src/assets/less/site/responsive/screen-xs.less (limited to 'library/font_awesome/src/assets/less/site/responsive') diff --git a/library/font_awesome/src/assets/less/site/responsive/screen-lg.less b/library/font_awesome/src/assets/less/site/responsive/screen-lg.less new file mode 100644 index 000000000..ae404bb8e --- /dev/null +++ b/library/font_awesome/src/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/library/font_awesome/src/assets/less/site/responsive/screen-md.less b/library/font_awesome/src/assets/less/site/responsive/screen-md.less new file mode 100644 index 000000000..bc46917fb --- /dev/null +++ b/library/font_awesome/src/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/library/font_awesome/src/assets/less/site/responsive/screen-sm-up.less b/library/font_awesome/src/assets/less/site/responsive/screen-sm-up.less new file mode 100644 index 000000000..b7037e54d --- /dev/null +++ b/library/font_awesome/src/assets/less/site/responsive/screen-sm-up.less @@ -0,0 +1,18 @@ +@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/library/font_awesome/src/assets/less/site/responsive/screen-sm.less b/library/font_awesome/src/assets/less/site/responsive/screen-sm.less new file mode 100644 index 000000000..4c782ca22 --- /dev/null +++ b/library/font_awesome/src/assets/less/site/responsive/screen-sm.less @@ -0,0 +1,49 @@ +@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/library/font_awesome/src/assets/less/site/responsive/screen-xs.less b/library/font_awesome/src/assets/less/site/responsive/screen-xs.less new file mode 100644 index 000000000..7943e2feb --- /dev/null +++ b/library/font_awesome/src/assets/less/site/responsive/screen-xs.less @@ -0,0 +1,101 @@ +@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 { + text-align: center; + .container { padding: 0; } + .navbar-nav { + margin: 0; + > li + li { + margin-left: 0; + } + } + .nav > li { + float: left; + width: 50%; + } + } + .signup-button .btn { white-space: normal; } + .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; } + +} -- cgit v1.2.3