diff options
Diffstat (limited to 'library/font_awesome/src/assets/less')
10 files changed, 177 insertions, 34 deletions
diff --git a/library/font_awesome/src/assets/less/site.less b/library/font_awesome/src/assets/less/site.less index 1c5d1a300..a9e13f6ee 100644 --- a/library/font_awesome/src/assets/less/site.less +++ b/library/font_awesome/src/assets/less/site.less @@ -33,6 +33,7 @@ @import "site/bsap-ad"; @import "site/sumome"; @import "site/algolia"; +@import "site/kickstarter"; @import "site/views"; @import "site/store"; 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 @@ } } } + } diff --git a/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less b/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less index 981d3d60c..a04420b72 100644 --- a/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less +++ b/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less @@ -29,17 +29,6 @@ .text-muted { color: mix(@jumbotron-color, @fa-green, 45%); } - - a { - color: mix(@jumbotron-color, @fa-green, 70%); - - // STATE: hover, focus, active - &:hover, &:focus, &:active { - border-color: @fa-green-dark; - background: @fa-green-dark; - color: @jumbotron-color; - } - } } .jumbotron-ad, .jumbotron-carousel { diff --git a/library/font_awesome/src/assets/less/site/bootstrap/navbar.less b/library/font_awesome/src/assets/less/site/bootstrap/navbar.less index 6c98885b8..32167270f 100644 --- a/library/font_awesome/src/assets/less/site/bootstrap/navbar.less +++ b/library/font_awesome/src/assets/less/site/bootstrap/navbar.less @@ -6,9 +6,10 @@ font-family: @font-family-serif; font-weight: 300; font-size: 20px; - .fas-flag-logo { + i { + font-size: 23px; padding-right: 3px; - vertical-align: baseline; + line-height: .75; } } .navbar-nav > li > a { padding: 11px 10px 9px; } diff --git a/library/font_awesome/src/assets/less/site/footer.less b/library/font_awesome/src/assets/less/site/footer.less index 92c12b2a8..bf895b338 100644 --- a/library/font_awesome/src/assets/less/site/footer.less +++ b/library/font_awesome/src/assets/less/site/footer.less @@ -18,6 +18,18 @@ padding-bottom: 55px; } .project { margin-top: 10px; } + + #inventory { + a { + width: 220px; + overflow: hidden; + display: inline-block; + border-bottom: inherit; + margin: 0 15px 20px; + + } + #CVADP2Y { display: inline; } + } } diff --git a/library/font_awesome/src/assets/less/site/jumbotron-carousel.less b/library/font_awesome/src/assets/less/site/jumbotron-carousel.less index 014b0af8c..880f4c5a6 100644 --- a/library/font_awesome/src/assets/less/site/jumbotron-carousel.less +++ b/library/font_awesome/src/assets/less/site/jumbotron-carousel.less @@ -58,4 +58,14 @@ } } } + a { + color: mix(@jumbotron-color, @fa-green, 70%); + + // STATE: hover, focus, active + &:hover, &:focus, &:active { + border-color: @fa-green-dark; + background: @fa-green-dark; + color: @jumbotron-color; + } + } } diff --git a/library/font_awesome/src/assets/less/site/kickstarter.less b/library/font_awesome/src/assets/less/site/kickstarter.less new file mode 100644 index 000000000..689a8c04a --- /dev/null +++ b/library/font_awesome/src/assets/less/site/kickstarter.less @@ -0,0 +1,3 @@ +.btn-kickstarter { + .button-variant(#fff, #489fdf, mix(#000,#489fdf,10%)); +} diff --git a/library/font_awesome/src/assets/less/site/lazy.less b/library/font_awesome/src/assets/less/site/lazy.less index 540f9a57b..5f6461d8f 100644 --- a/library/font_awesome/src/assets/less/site/lazy.less +++ b/library/font_awesome/src/assets/less/site/lazy.less @@ -76,7 +76,7 @@ .display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger -.no-underline:hover { text-decoration: none; } +.no-underline { text-decoration: none !important; } .clickable { cursor: pointer; } .strong { font-weight: bold; } .em { font-style: italic; } @@ -110,3 +110,4 @@ } .valign-baseline { vertical-align: baseline !important; } +.valign-middle { vertical-align: middle !important; } 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 index 7943e2feb..156e5bc38 100644 --- a/library/font_awesome/src/assets/less/site/responsive/screen-xs.less +++ b/library/font_awesome/src/assets/less/site/responsive/screen-xs.less @@ -81,20 +81,14 @@ } - .navbar-org { + .navbar-org { display: none; } + #banner { text-align: center; - .container { padding: 0; } - .navbar-nav { - margin: 0; - > li + li { - margin-left: 0; - } - } - .nav > li { - float: left; - width: 50%; - } + .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; } diff --git a/library/font_awesome/src/assets/less/site/views.less b/library/font_awesome/src/assets/less/site/views.less index ae5d8f31d..f0cd3c993 100644 --- a/library/font_awesome/src/assets/less/site/views.less +++ b/library/font_awesome/src/assets/less/site/views.less @@ -1,6 +1,14 @@ // view-specific -.v-get-started, .v-store { + +// reset background +.v-get-started, +.v-store, +.v-accessibility { background: @alert-well-bg; // resetting for depth +} + +// get started +.v-get-started { .get-started-cdn { background: @section-emphasized-bg; @@ -24,3 +32,19 @@ font-size: (@font-size-large*1.5); } } + +// accessibility +.v-accessibility { + + .accessibility-cdn { + background: @section-emphasized-bg; + border-radius: @border-radius-base; + padding: @buffer-lg; + } + + .hr .hr-text { + background: @alert-well-bg; + font-family: @font-family-serif; + font-size: (@font-size-large*1.5); + } +} |