-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #457 from IgniteUI/dTsvetkov/add-appbuilder-theme
Add appbuilder theme
- Loading branch information
Showing
15 changed files
with
1,305 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| @import '../ignite-ui/variables'; | ||
|
|
||
| $link-decoration: none; | ||
|
|
||
| // Font | ||
| $global-font-family: 'Nunito-Sans', sans-serif; | ||
| $global-font-weight: 400; | ||
| $global-radius: 0; | ||
| $global-line-height: 24px; | ||
|
|
||
| // Text | ||
| $text-base: #0a0a0a; | ||
| $text-light: #fff; | ||
| $text-dim-light: #ddd; | ||
| $black: #000; | ||
| $text-dark: #222; | ||
| $title-color: $text-base; | ||
|
|
||
| // Toc | ||
| $toc-font-size: rem(14px); | ||
|
|
||
| // h1 | ||
| $h1-f-family: "Figtree", sans-serif; | ||
| $h1-f-size: 56px; | ||
| $h1-f-weight: bold; | ||
| $h1-l-height: 56px; | ||
| $h1-m-top: 36px; | ||
| $h1-m-bottom: 30px; | ||
|
|
||
| // h2 | ||
| $h2-f-family: "Figtree", sans-serif; | ||
| $h2-f-size: 48px; | ||
| $h2-f-weight: bold; | ||
| $h2-l-height: 55px; | ||
| $h2-m-top: 36px; | ||
| $h2-m-bottom: 16px; | ||
|
|
||
| // h3 | ||
| $h3-f-family: "Figtree", sans-serif; | ||
|
|
||
| // h4 | ||
| $h4-f-family: "Figtree", sans-serif; | ||
|
|
||
| // h5 | ||
| $h5-f-family: "Figtree", sans-serif; | ||
|
|
||
| // h6 | ||
| $h6-f-family: "Figtree", sans-serif; | ||
| $h6-f-weight: normal; | ||
|
|
||
| // Paragraph | ||
| $p-l-height: 30px; | ||
| $p-m-bottom: 1.5rem; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,96 @@ | ||
| @import '~highlight.js/scss/vs2015.scss'; | ||
| @import '../shared/mixins'; | ||
| @import './variables'; | ||
| @import '../shared/global'; | ||
|
|
||
| @media (max-width: 991px) { | ||
| .sidenav-container { | ||
| max-width: 100%; | ||
| } | ||
| } | ||
| @media (min-width: 768px) { | ||
| .article-container { | ||
| max-width: 100%; | ||
| } | ||
| } | ||
|
|
||
| @media only screen and (min-width: 1281px) { | ||
| .mega-sticky-wrapper{ | ||
| height: 120px !important; | ||
| } | ||
| #mega-menu-wrap-max_mega_menu_2{ | ||
| height: 120px !important; | ||
| } | ||
| } | ||
|
|
||
| @media only screen and (max-width: 1281px) { | ||
| .mega-sticky-wrapper{ | ||
| height: unset !important; | ||
| } | ||
| #mega-menu-wrap-max_mega_menu_2{ | ||
| height: unset !important; | ||
| } | ||
| } | ||
|
|
||
| @media only screen and (max-width: 1281px) { | ||
| #main{ | ||
| padding-top: rem(16px); | ||
| } | ||
| } | ||
|
|
||
| #mega-menu-wrap-max_mega_menu_2 { | ||
| background: white; | ||
| box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| .nav-page-headings { | ||
| margin-top: unset; | ||
| } | ||
|
|
||
| @media only screen and (max-width: 1281px) { | ||
| .w-m-100 { | ||
| width: 100% !important; | ||
| padding-left: rem(16px) !important; | ||
| padding-right: rem(16px) !important; | ||
| } | ||
| } | ||
|
|
||
| .anchorjs-link { | ||
| font-size: rem(26px); | ||
| } | ||
|
|
||
| .affix ul > li > a { | ||
| font-size: rem(14px) !important; | ||
| } | ||
|
|
||
| .sidenav__header { | ||
| font-size: rem(14px) !important; | ||
| } | ||
|
|
||
| #LblacceptGDPRFormSubmission_2 > p { | ||
| display: block; | ||
| text-align: left; | ||
| padding: 0px; | ||
| white-space: normal; | ||
| } | ||
| .footer { | ||
| background: #282561 !important; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .footer.footer-utils { | ||
| background: #19193d !important; | ||
| padding-top: 1.5rem !important; | ||
| padding-bottom: 1.5rem !important; | ||
| } | ||
|
|
||
| .footer.footer-copyright { | ||
| background: #19193d !important; | ||
| color: #999 !important; | ||
| padding: 0 0 1rem !important; | ||
| text-align: center !important; | ||
| } | ||
|
|
||
| p { | ||
| font-size: rem(20px); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| <footer id="footer" class="footer pt-5"> | ||
| <div class="container"> | ||
| <div class="row text-center text-xs-center text-sm-left text-md-left pt-4 m-auto justify-content-between"> | ||
| <!-- Footer links --> | ||
| <div class="col-12 col-md text-center text-lg-left mb-5 mb-lg-0"> | ||
| <a href="/"> | ||
| <img src="https://static.infragistics.com/marketing/app-builder/shared/app-builder-logo-use-against-dark-with-TM.svg" alt="App Builder logo" role="presentation" width="200" height="40"> | ||
| </a> | ||
| </div> | ||
| <div class="row justify-content-end col-xs-12 col-sm-12 col-md-12 col-lg-9"> | ||
| <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> | ||
| <h4 class="footer__title mt-3 mt-lg-0">Solutions</h4> | ||
| <ul class="footer__link-list list--li-space-sm pt-1 pl-0"> | ||
| <li><a href="/cto">CTO</a></li> | ||
| <li><a href="/dev-team-leader">Dev Team Leader</a></li> | ||
| <li><a href="/enterprise-architect">Enterprise Architect</a></li> | ||
| <li><a href="/developer">Developer</a></li> | ||
| <li><a href="/samples">Samples</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3"> | ||
| <h4 class="footer__title mt-3 mt-lg-0">Resources</h4> | ||
| <ul class="footer__link-list list--li-space-sm pt-1 pl-0"> | ||
| <li><a href=/help/getting-started">Documentation</a></li> | ||
| <li><a target="_blank" href="https://discord.gg/YCv7HvUVv8" rel="noopener">Discord</a></li> | ||
| <li><a href="/webinars">Webinars</a></li> | ||
| <li><a href="/blog">Blogs</a></li> | ||
| <li><a href="/whitepapers">Whitepapers</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-xs-12 col-sm-6 col-md-6 col-lg-auto"> | ||
| <h4 class="footer__title mt-3 mt-lg-0">About Us</h4> | ||
| <ul class="footer__link-list list--li-space-sm pt-1 pl-0"> | ||
| <li><a href="/about-us">About Us</a></li> | ||
| <li><a class="ig-show-modal" data-targetid="contactSales" href="#">Contact Us</a></li> | ||
| <li class="d-none"><a title="App Builder in the press" href="/in-the-news">Press</a></li> | ||
| <li class="d-none"><a href="#">Global Offices</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| <div class="footer footer-utils"> | ||
| <div class="container"> | ||
| <div class="row align-items-center"> | ||
| <div class="col-12 col-lg-6 mb-4 mb-lg-0 text-center text-lg-left"> | ||
| <ul class="footer-utils__term-links"> | ||
| <li> | ||
| <a href="/privacy-policy">Privacy Policy</a> | ||
| </li> | ||
| <li> | ||
| <a href="/cookie-policy">Cookies</a> | ||
| </li> | ||
| <li> | ||
| <a href="/terms-of-use">Terms of Use</a> | ||
| </li> | ||
| <li> | ||
| <a href="/license-agreement">License Agreement</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-12 col-lg-6 text-center text-lg-right"> | ||
| <div class="footer-utils__app-links"> | ||
| <a class="btn p-1 link--opacity-highlight d-none" rel="noopener" href="https://www.facebook.com/slingshotapp.io" target="_blank"> | ||
| <img class="b-lazy loading smush-detected-img smush-image-29" src="https://static.infragistics.com/marketing/reveal/facebook-icon.svg" alt="Facebook" width="20" height="20" data-was-processed="true"> | ||
| </a> | ||
| <a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://discord.gg/YCv7HvUVv8" target="_blank"> | ||
| <img class="b-lazy loading smush-detected-img smush-image-30" src="https://static.infragistics.com/marketing/reveal/discord-icon.svg" alt="Instagram" width="20" height="20" data-was-processed="true"> | ||
| </a> | ||
| <a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://twitter.com/appbuilder_dev" target="_blank"> | ||
| <img class="b-lazy loading smush-detected-img smush-image-31" src="https://static.infragistics.com/marketing/slingshot/shared/x-logo.svg" alt="Twitter" width="20" height="20" data-was-processed="true"> | ||
| </a> | ||
| <a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://www.linkedin.com/showcase/appbuilder-dev/" target="_blank"> | ||
| <img class="b-lazy loading smush-detected-img smush-image-32" src="https://static.infragistics.com/marketing/reveal/linkedin-icon.svg" alt="Linkedin" width="20" height="20" data-was-processed="true"> | ||
| </a> | ||
| <a class="btn p-1 link--opacity-highlight" rel="noopener" href="https://www.youtube.com/channel/UC8cj8_eJROxAXsOjhbvduLw" target="_blank"> | ||
| <img class="b-lazy loading smush-detected-img smush-image-33" src="https://static.infragistics.com/marketing/reveal/youtube-icon.svg" alt="Youtube" width="20" height="20" data-was-processed="true"> | ||
| </a> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="footer footer-copyright"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <p id="copyright" class="m-0 mx-4 d-inline-block">© Copyright 2024 INFRAGISTICS. All Rights Reserved. App Builder and the App Builder logo are registered trademarks of Infragistics Inc.</p> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| <div id="footer-container"> | ||
| {{{_appFooter}}} | ||
| {{^_appFooter}} | ||
| {{>partials/appbuilder/appbuilderfoot}} | ||
| {{/_appFooter}} | ||
| </div> |
Oops, something went wrong.