From 38dd1c342a5d86989a2773f6499c7fbd005e241d Mon Sep 17 00:00:00 2001 From: Mario Vavti Date: Tue, 10 Jan 2017 10:19:22 +0100 Subject: font awesome 4.7.0 --- .../src/assets/less/site/banner-ad.less | 122 +++++++++++++++++++-- 1 file changed, 115 insertions(+), 7 deletions(-) (limited to 'library/font_awesome/src/assets/less/site/banner-ad.less') diff --git a/library/font_awesome/src/assets/less/site/banner-ad.less b/library/font_awesome/src/assets/less/site/banner-ad.less index 0ce85dea8..e544ed0be 100644 --- a/library/font_awesome/src/assets/less/site/banner-ad.less +++ b/library/font_awesome/src/assets/less/site/banner-ad.less @@ -13,7 +13,7 @@ .tagline { font-weight: 200; font-size: 16px; - padding-right: 20px; + padding-right: 30px; } &.font-awesome-survey { @@ -115,13 +115,13 @@ &.fort-awesome { @fort-awesome-color: #1C1E29; @fort-awesome-color-accent: #525879; - @fort-awesome-bg: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%); + @fort-awesome-bg: #2d2f39; background-color: @fort-awesome-bg; border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%); .btn-primary { @color: #fff; - @background: mix(#fff,@fort-awesome-bg,15%); - @border: darken(@fort-awesome-bg, 5%); + @background: #ff8c52; + @border: rgba(0,0,0,0.2); font-weight: bold; color: @color; background-color: @background; @@ -136,9 +136,116 @@ &.active, .open > &.dropdown-toggle { color: #fff; - background-color: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%); - border-color: darken(@border, 12%); - border-bottom-color: darken(@border, 18%); + background-color: #e67e4a; + border-color: rgba(0,0,0,0.296); + border-bottom-color: rgba(0,0,0,0.296); + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + } + } + + &.symbolset { + @symbolset-bg: desaturate(#866cba,5%); + background-color: @symbolset-bg; + border-bottom: rgba(0,0,0,0.2); + a:not(.btn) { + text-decoration: underline; + color: #fff; + &:hover { color: rgba(255,255,255,.8); } + } + .btn-primary { + @color: @symbolset-bg; + @background: #fff; + @border: mix(#000,@symbolset-bg,10%); + font-weight: bold; + color: @color; + background-color: @background; + border-color: @border; + border-bottom-width: 2px; + text-shadow: none; + border-radius: 4px; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + color: #fff; + background-color: rgba(0,0,0,0.2); + border-color: rgba(0,0,0,0.2); + border-bottom-color: rgba(0,0,0,0.2); + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + } + } + + &.kickstarter { + @kickstarter-bg: #489fdf; + background-color: @kickstarter-bg; + border-bottom: rgba(0,0,0,0.2); + .message-container { padding: 40px 0; } + .tagline { font-size: 24px; } + a:not(.btn) { + text-decoration: underline; + color: #fff; + &:hover { color: rgba(255,255,255,.8); } + } + .btn-primary { + @color: @kickstarter-bg; + @background: #fff; + @border: mix(#000,@kickstarter-bg,10%); + font-weight: 600; + font-size: 22px; + padding: 14px 28px; + border-radius: 30px; + + color: @color; + background-color: @background; + border-color: @border; + border-bottom-width: 2px; + text-shadow: none; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + color: #fff; + background-color: rgba(0,0,0,0.2); + border-color: rgba(0,0,0,0.2); + border-bottom-color: rgba(0,0,0,0.2); } &:active, &.active, @@ -159,4 +266,5 @@ } } } + } -- cgit v1.2.3