Redesigned header / footer integration copied from project site. (#5702)
* Adds remote loading of header component from project site Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Integrates the redesigned header; removes the old copy-banner and search field Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Updates footer design and menu items Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Consolidates SCSS mixins and color palette Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Reduce classname verbosity slightly Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Removes redundant mobile menu button handler Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Corects spacing issue Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Corrects nav menu margins Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Corrects header logo clipping Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Updates navigation menu items Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Corrects top level navigation hover states Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Adds smoother responsive margins between top navigation header menu items Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> * Remove deleted SCSS file Signed-off-by: Aaron Stephanus <taoist.futility@pm.me> --------- Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>
This commit is contained in:
astephanus
GitHub
parent
6e9e99ffcc
commit
ad8df5c9ad
|
|
@ -1 +1 @@
|
|||
message: "[OpenSearch 2.3 is live 🍾!](/downloads.html)"
|
||||
message: false
|
||||
|
|
|
|||
|
|
@ -6,44 +6,56 @@ columns:
|
|||
title: Code of Conduct
|
||||
url: '/codeofconduct.html'
|
||||
-
|
||||
title: 'Forums'
|
||||
url: 'https://discuss.opendistrocommunity.dev/'
|
||||
title: 'Forum'
|
||||
url: 'https://forum.opensearch.org/'
|
||||
-
|
||||
title: 'Github'
|
||||
url: 'https://github.com/opensearch-project'
|
||||
# -
|
||||
# title: 'Partners'
|
||||
# url: '/partners/'
|
||||
-
|
||||
title: 'Community Projects'
|
||||
url: '/community_projects'
|
||||
title: 'Slack'
|
||||
url: '/slack.html'
|
||||
-
|
||||
title: 'Resources'
|
||||
links:
|
||||
#-
|
||||
# title: 'Documentation'
|
||||
# url: 'https://github.com/opensearch/documentation'
|
||||
-
|
||||
-
|
||||
title: About
|
||||
url: '/about.html'
|
||||
-
|
||||
title: Release Schedule
|
||||
url: '/releases.html'
|
||||
-
|
||||
title: Maintenance Policy
|
||||
url: '/releases.html#maintenance-policy'
|
||||
-
|
||||
title: FAQ
|
||||
url: '/faq/'
|
||||
-
|
||||
title: Testimonials
|
||||
url: '/testimonials.html'
|
||||
-
|
||||
title: 'Testimonials'
|
||||
url: '/testimonials/'
|
||||
-
|
||||
title: 'Trademark and Brand Policy'
|
||||
url: '/trademark-brand-policy.html'
|
||||
-
|
||||
title: OpenSearch Disambiguation
|
||||
url: '/disambiguation.html'
|
||||
title: 'Privacy'
|
||||
url: 'https://aws.amazon.com/privacy/'
|
||||
-
|
||||
title: 'Connect'
|
||||
title: 'Contact Us'
|
||||
links:
|
||||
# -
|
||||
# title: 'Twitter'
|
||||
# url: 'https://twitter.com/opensearch_project'
|
||||
#-
|
||||
# title: 'Facebook'
|
||||
# url: 'http://www.facebook.com/opensearch'
|
||||
-
|
||||
title: 'Connect'
|
||||
url: 'https://opensearch.org/connect.html'
|
||||
url: '/connect.html'
|
||||
-
|
||||
title: 'Twitter'
|
||||
url: 'https://twitter.com/OpenSearchProj'
|
||||
-
|
||||
title: 'LinkedIn'
|
||||
url: 'https://www.linkedin.com/company/opensearch-project/'
|
||||
-
|
||||
title: 'YouTube'
|
||||
url: 'https://www.youtube.com/c/OpenSearchProject'
|
||||
-
|
||||
title: 'Meetup'
|
||||
url: 'https://www.meetup.com/pro/opensearchproject/'
|
||||
-
|
||||
title: 'Facebook'
|
||||
url: 'https://www.facebook.com/OpenSearchProject/'
|
||||
|
|
|
|||
|
|
@ -1,26 +1,33 @@
|
|||
items:
|
||||
-
|
||||
label: OpenSearchCon
|
||||
fragment: opensearchcon
|
||||
fragments:
|
||||
- opensearchcon
|
||||
- sessions
|
||||
- speakers
|
||||
- exhibitors
|
||||
- workshops
|
||||
- unconference
|
||||
- opensearchcon2023-cfp
|
||||
children:
|
||||
-
|
||||
label: Register for OpenSearchCon!
|
||||
url: https://opensearchcon2023.splashthat.com
|
||||
label: 2024 - Stay Informed
|
||||
url: /events/opensearchcon/
|
||||
-
|
||||
label: Sessions
|
||||
url: /events/opensearchcon/sessions/index.html
|
||||
url: /events/opensearchcon/sessions/
|
||||
-
|
||||
label: Speakers
|
||||
url: /events/opensearchcon/speakers/index.html
|
||||
url: /events/opensearchcon/speakers/
|
||||
-
|
||||
label: Exhibitors
|
||||
url: /events/opensearchcon/exhibitors/index.html
|
||||
url: /events/opensearchcon/exhibitors/
|
||||
-
|
||||
label: Workshops
|
||||
url: /events/opensearchcon/workshops/index.html
|
||||
url: /events/opensearchcon/workshops/
|
||||
-
|
||||
label: Unconference
|
||||
url: /events/opensearchcon/unconference/index.html
|
||||
url: /events/opensearchcon/unconference/
|
||||
-
|
||||
label: CFP is closed
|
||||
url: /opensearchcon2023-cfp.html
|
||||
|
|
@ -32,17 +39,19 @@ items:
|
|||
url: /downloads.html
|
||||
-
|
||||
label: About
|
||||
url: /about.html
|
||||
fragments:
|
||||
- about
|
||||
- releases
|
||||
- roadmap
|
||||
- faq
|
||||
children:
|
||||
-
|
||||
label: OpenSearch
|
||||
url: /about.html
|
||||
-
|
||||
label: Releases
|
||||
url: /releases.html
|
||||
-
|
||||
label: Roadmap
|
||||
url: https://github.com/orgs/opensearch-project/projects/1
|
||||
-
|
||||
label: FAQ
|
||||
url: /faq
|
||||
|
|
@ -79,15 +88,28 @@ items:
|
|||
url: /docs/
|
||||
-
|
||||
label: Platform
|
||||
fragment: platform
|
||||
url: /platform/index.html
|
||||
fragments:
|
||||
- platform
|
||||
- search
|
||||
- observability
|
||||
- security-analytics
|
||||
- vector-database
|
||||
- benchmarks
|
||||
children:
|
||||
- label: Search
|
||||
url: /platform/search/index.html
|
||||
- label: Observability
|
||||
url: /platform/observability/index.html
|
||||
-
|
||||
label: Security Analytics
|
||||
url: /platform/security-analytics/index.html
|
||||
-
|
||||
label: Vector Database
|
||||
url: /platform/search/vector-database.html
|
||||
-
|
||||
label: Live Demo
|
||||
label: Playground Demo
|
||||
url: https://playground.opensearch.org/
|
||||
-
|
||||
label: Performance Benchmarks
|
||||
url: /benchmarks
|
||||
|
||||
|
|
|
|||
|
|
@ -1,45 +1,83 @@
|
|||
|
||||
<div role="contentinfo">
|
||||
<div class="subfooter">
|
||||
<div class="container">
|
||||
<div role="contentinfo" class="bottom-contentinfo--wrapper">
|
||||
<div class="bottom-contentinfo--subfooter">
|
||||
<div class="bottom-contentinfo--container">
|
||||
<h1 class="visuallyhidden">OpenSearch Links</h1>
|
||||
|
||||
{% for column in site.data.footer.columns %}
|
||||
<div class="col {% if forloop.index > 2 %}last-child{% endif %}">
|
||||
|
||||
<h2>{{ column.title }}</h2>
|
||||
<ul>
|
||||
{% for link in column.links %}
|
||||
<li><a href="{{ link.url }}">{{ link.title}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="subfooter--flex-wrapper">
|
||||
<div class="subfooter--columns-wrapper">
|
||||
{% for column in site.data.footer.columns %}
|
||||
<div class="subfooter--columns-wrapper--column">
|
||||
<h4>{{ column.title }}</h4>
|
||||
<ul>
|
||||
{% for link in column.links %}
|
||||
<li><a href="{{ link.url }}">{{ link.title}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="bottom-contentinfo--footer">
|
||||
<div class="bottom-contentinfo--container">
|
||||
<div class="footer--flex-wrapper">
|
||||
<div class="footer--legal-rows-wrapper">
|
||||
<div class="footer--legal-rows-wrapper--row">
|
||||
<div class="footer--legal-rows-wrapper--row--logo__mobile">
|
||||
<svg width="338" height="90" viewBox="0 0 338 90" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M48.9584 20.9791C47.9675 20.9791 47.1642 21.7811 47.1642 22.7704C47.1642 37.5102 35.1949 49.4592 20.43 49.4592C19.4391 49.4592 18.6358 50.2611 18.6358 51.2504C18.6358 52.2397 19.4391 53.0416 20.43 53.0416C37.1767 53.0416 50.7527 39.4887 50.7527 22.7704C50.7527 21.7811 49.9494 20.9791 48.9584 20.9791Z" fill="black"/>
|
||||
<path d="M38.1291 32.4583C39.8545 29.6483 41.5232 25.9016 41.1949 20.6562C40.5148 9.79078 30.6569 1.548 21.3483 2.44129C17.7042 2.791 13.9624 5.75637 14.2948 11.0679C14.4393 13.3761 15.5709 14.7384 17.4101 15.7858C19.1606 16.7827 21.4095 17.4142 23.9591 18.13C27.0386 18.9948 30.6109 19.9661 33.3565 21.9859C36.647 24.4068 38.8965 27.213 38.1291 32.4583Z" fill="black"/>
|
||||
<path d="M3.1075 13.4584C1.38203 16.2684 -0.286678 20.0151 0.0416276 25.2605C0.721697 36.1259 10.5796 44.3687 19.8882 43.4754C23.5324 43.1257 27.2742 40.1603 26.9417 34.8488C26.7973 32.5406 25.6656 31.1783 23.8265 30.131C22.076 29.134 19.827 28.5025 17.2775 27.7867C14.1979 26.9219 10.6256 25.9506 7.88011 23.9308C4.58953 21.5099 2.34011 18.7037 3.1075 13.4584Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M287.466 24.5417V42.75H294.603V22.9584C294.603 19.3109 293.89 16.5555 292.462 14.6863C291.033 12.7991 288.88 11.875 286.079 11.875C283.04 11.875 280.604 13.649 279.14 16.625H278.743C278.851 15.0885 278.949 14.2082 279.021 13.5655C279.095 12.9026 279.14 12.4923 279.14 11.875V0.395874H272.003V42.75H279.536V28.1042C279.536 24.8197 279.647 22.3896 280.324 20.6475C281.001 18.8872 282.182 18.0071 283.866 18.0071C286.118 18.0071 287.466 20.0958 287.466 24.5417ZM183.861 40.5563C185.79 38.5659 186.754 35.6991 186.754 31.9559C186.754 29.6186 186.226 27.537 185.169 25.711C184.13 23.885 182.285 22.0956 179.634 20.3426C177.668 19.0645 176.286 17.9232 175.489 16.919C174.71 15.9147 174.32 14.7369 174.32 13.3857C174.32 12.0162 174.645 10.9389 175.294 10.1537C175.962 9.35026 176.907 8.94857 178.132 8.94857C179.244 8.94857 180.282 9.14941 181.247 9.5511C182.229 9.95287 183.166 10.4093 184.056 10.9206L186.559 4.94967C183.685 3.23325 180.691 2.37504 177.575 2.37504C174.311 2.37504 171.706 3.37933 169.759 5.3879C167.83 7.39648 166.866 10.1172 166.866 13.55C166.866 15.3395 167.107 16.9098 167.589 18.261C168.09 19.6122 168.785 20.8357 169.676 21.9313C170.584 23.0086 171.91 24.1407 173.653 25.3276C175.656 26.6788 177.093 27.9114 177.964 29.0252C178.836 30.1207 179.272 31.3351 179.272 32.668C179.272 34.0192 178.901 35.0874 178.159 35.8726C177.436 36.6578 176.351 37.0504 174.905 37.0504C172.364 37.0504 169.573 36.0734 166.532 34.1197V41.4875C169.017 42.857 172.03 43.5417 175.573 43.5417C179.188 43.5417 181.952 42.5466 183.861 40.5563ZM191.65 39.484C193.875 42.1891 196.909 43.5417 200.752 43.5417C204.044 43.5417 206.866 42.838 209.22 41.4306V35.4263C206.72 36.9067 204.274 37.647 201.883 37.647C200.008 37.647 198.537 36.989 197.47 35.673C196.403 34.3387 195.929 32.4109 195.874 29.6875H210.544V25.6932C210.544 21.3248 209.579 17.9342 207.648 15.5215C205.717 13.0906 203.079 11.875 199.732 11.875C196.146 11.875 193.351 13.2916 191.346 16.1247C189.342 18.9578 188.34 22.8967 188.34 27.9414C188.34 32.913 189.443 36.7605 191.65 39.484ZM197.084 19.168C197.764 18.053 198.629 17.4956 199.677 17.4956C200.798 17.4956 201.681 18.0713 202.325 19.2228C202.968 20.3743 203.371 22.3118 203.407 24.5417H195.874C195.984 22.2204 196.403 20.2646 197.084 19.168ZM228.387 42.75L227.198 38.7917H226.801C225.708 40.5798 224.656 41.8539 223.489 42.529C222.322 43.2041 220.849 43.5417 219.071 43.5417C216.792 43.5417 214.995 42.7024 213.679 41.0237C212.383 39.345 211.734 37.0095 211.734 34.0171C211.734 30.8057 212.623 28.4245 214.402 26.8736C216.199 25.3044 218.876 24.4377 222.433 24.2735L226.546 24.1093V21.9197C226.546 19.0733 225.295 17.65 222.794 17.65C220.942 17.65 218.811 18.3616 216.402 19.7849L213.846 14.7489C216.922 12.833 220.214 11.875 223.827 11.875C227.106 11.875 229.65 12.8056 231.354 14.6668C233.077 16.5096 233.938 19.128 233.938 22.5218V42.75H228.387ZM222.099 37.8488C223.452 37.8488 224.527 37.2558 225.323 36.0698C226.138 34.8655 226.546 33.269 226.546 31.2801V28.7074L224.267 28.8169C222.581 28.9081 221.34 29.3825 220.543 30.24C219.765 31.0977 219.376 32.3749 219.376 34.0718C219.376 36.5898 220.284 37.8488 222.099 37.8488ZM252.177 12.4688C251.329 12.1957 250.066 11.875 249.181 11.875C247.936 11.875 246.843 12.2846 245.904 13.1039C244.965 13.9232 244.249 14.7134 243.454 16.625H243.058L241.868 12.6667H236.317V42.75H243.821V26.9167C243.821 24.2586 243.99 22.5438 244.929 21.1601C245.868 19.7582 247.213 19.0573 248.964 19.0573C249.777 19.0573 250.483 19.2138 250.988 19.3959L252.177 12.4688ZM263.28 43.5417C259.666 43.5417 256.899 42.3368 255.011 39.6864C253.122 37.0361 252.177 33.1429 252.177 28.0068C252.177 22.6331 253.067 18.6211 254.847 15.9707C256.645 13.3204 259.328 11.875 263.069 11.875C264.195 11.875 265.462 12.1597 266.697 12.4887C267.931 12.8178 269.436 13.2327 270.417 13.8542L267.95 19.5898C266.443 18.6941 265.107 18.2464 263.946 18.2464C262.402 18.2464 261.285 19.0597 260.594 20.6864C259.923 22.295 259.587 24.7167 259.587 27.952C259.587 31.114 259.923 33.481 260.594 35.053C261.267 36.6066 262.365 37.3834 263.891 37.3834C265.707 37.3834 267.605 36.7437 269.584 35.4643V41.8798C267.678 43.0679 265.586 43.5417 263.28 43.5417Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M85.4683 38.2078C87.9655 34.6519 89.2137 29.5642 89.2137 22.9446C89.2137 16.3252 87.9742 11.2466 85.4961 7.70889C83.0171 4.15296 79.4549 2.375 74.8101 2.375C70.1099 2.375 66.5113 4.14384 64.0143 7.68153C61.5173 11.201 60.2688 16.2705 60.2688 22.8899C60.2688 29.5642 61.5173 34.6792 64.0143 38.2351C66.5113 41.7729 70.0915 43.5417 74.7551 43.5417C79.4002 43.5417 82.9711 41.7637 85.4683 38.2078ZM69.66 33.3662C68.5034 30.9774 67.925 27.5035 67.925 22.9446C67.925 18.3675 68.5034 14.8937 69.66 12.5231C70.8167 10.1342 72.5334 8.93982 74.8101 8.93982C79.29 8.93982 81.5302 13.608 81.5302 22.9446C81.5302 32.2812 79.2717 36.9495 74.7551 36.9495C72.5151 36.9495 70.8167 35.7551 69.66 33.3662ZM101.653 42.7483C102.67 43.3348 103.765 43.5417 105.074 43.5417C107.873 43.5417 110.149 42.2168 111.767 39.3943C113.385 36.5718 114.194 32.6772 114.194 27.7103C114.194 22.6701 113.412 18.7755 111.849 16.0263C110.286 13.2588 108.123 11.875 105.36 11.875C102.489 11.875 100.238 13.5825 98.7298 16.625H98.3333L97.1438 12.6667H91.5927V56.6042H98.7298V43.5417C98.7298 43.0285 98.6244 41.2842 98.3333 38.7917H98.7298C99.3246 40.5729 100.653 42.1435 101.653 42.7483ZM99.8258 20.095C100.463 18.7571 101.489 18.0882 102.907 18.0882C104.233 18.0882 105.206 18.8763 105.824 20.4525C106.46 22.0287 106.778 24.4113 106.778 27.6004C106.778 34.0884 105.506 37.3324 102.961 37.3324C101.489 37.3324 100.435 36.5627 99.7988 35.0231C99.1628 33.4835 98.8448 31.0276 98.8448 27.6553V26.6931C98.8813 23.614 99.208 21.4147 99.8258 20.095ZM128.192 43.5417C124.349 43.5417 121.315 42.1891 119.09 39.484C116.883 36.7605 115.78 32.913 115.78 27.9414C115.78 22.8967 116.782 18.9577 118.786 16.1247C120.791 13.2915 123.585 11.875 127.171 11.875C130.518 11.875 133.157 13.0905 135.088 15.5215C137.019 17.9342 137.984 21.3247 137.984 25.6931V29.6875H123.313C123.369 32.4109 123.843 34.3387 124.91 35.673C125.976 36.989 127.447 37.647 129.323 37.647C131.714 37.647 134.159 36.9067 136.66 35.4262V41.4305C134.306 42.838 131.484 43.5417 128.192 43.5417ZM127.116 17.4955C126.068 17.4955 125.204 18.053 124.523 19.1679C123.843 20.2646 123.423 22.2203 123.313 24.5417H130.847C130.81 22.3118 130.407 20.3743 129.764 19.2228C129.12 18.0712 128.238 17.4955 127.116 17.4955ZM155.827 24.5417V42.75H162.964V23.116C162.964 19.4425 162.268 16.6506 160.877 14.7404C159.504 12.8301 157.425 11.875 154.643 11.875C152.996 11.875 151.558 12.2791 150.331 13.0873C149.105 13.877 148.159 15.2107 147.5 16.625H147.104L146.112 12.6667H140.363V42.75H147.897V28.3021C147.897 24.5735 148.034 22.0322 148.766 20.4711C149.498 18.8914 150.651 18.1016 152.226 18.1016C153.417 18.1016 154.277 18.671 154.808 19.8098C155.339 20.9486 155.827 22.3192 155.827 24.5417Z" fill="black"/>
|
||||
<path d="M91 71H96.2647C98.5481 71 100.271 71.3488 101.433 72.0463C102.594 72.7439 103.175 73.9476 103.175 75.6575C103.175 76.3721 103.054 77.0186 102.812 77.597C102.578 78.167 102.235 78.6391 101.784 79.0134C101.332 79.3792 100.775 79.6259 100.113 79.7535V79.8811C100.799 80.0087 101.408 80.2342 101.941 80.5574C102.481 80.8807 102.905 81.3443 103.212 81.9483C103.526 82.5523 103.684 83.3349 103.684 84.2962C103.684 85.4361 103.425 86.4059 102.909 87.2055C102.401 88.0051 101.671 88.6134 100.718 89.0302C99.7745 89.4471 98.653 89.6555 97.3539 89.6555H91V71ZM93.9047 78.6944H96.6883C98.0034 78.6944 98.9152 78.469 99.4235 78.0181C99.9318 77.5673 100.186 76.908 100.186 76.0403C100.186 75.1556 99.8834 74.5176 99.2783 74.1263C98.6812 73.7349 97.7291 73.5393 96.422 73.5393H93.9047V78.6944ZM93.9047 81.1699V87.0907H96.9666C98.3221 87.0907 99.2742 86.8142 99.8229 86.2612C100.372 85.7083 100.646 84.9597 100.646 84.0154C100.646 83.437 100.521 82.9351 100.271 82.5097C100.029 82.0844 99.6292 81.7569 99.0725 81.5272C98.5158 81.289 97.7654 81.1699 96.8214 81.1699H93.9047Z" fill="black"/>
|
||||
<path d="M128.008 71V83.0712C128.008 84.3727 127.745 85.5382 127.221 86.5675C126.704 87.5968 125.922 88.4135 124.873 89.0175C123.824 89.6129 122.505 89.9107 120.915 89.9107C118.648 89.9107 116.921 89.2854 115.735 88.0349C114.557 86.7759 113.968 85.1043 113.968 83.0201V71H116.873V82.7522C116.873 84.3089 117.22 85.4574 117.914 86.1974C118.608 86.9375 119.645 87.3076 121.024 87.3076C121.976 87.3076 122.751 87.1332 123.348 86.7844C123.953 86.4271 124.397 85.9082 124.679 85.2277C124.97 84.5386 125.115 83.7092 125.115 82.7394V71H128.008Z" fill="black"/>
|
||||
<path d="M140.961 89.6555V71H143.866V89.6555H140.961Z" fill="black"/>
|
||||
<path d="M156.965 89.6555V71H159.87V87.0524H167.385V89.6555H156.965Z" fill="black"/>
|
||||
<path d="M190.762 80.1491C190.762 82.2503 190.391 84.0069 189.649 85.4191C188.906 86.8227 187.829 87.8818 186.417 88.5964C185.005 89.3024 183.303 89.6555 181.31 89.6555H176.396V71H181.842C183.674 71 185.255 71.3488 186.587 72.0463C187.918 72.7354 188.947 73.7605 189.673 75.1216C190.399 76.4741 190.762 78.15 190.762 80.1491ZM187.736 80.2384C187.736 78.7072 187.506 77.4482 187.047 76.4614C186.595 75.4746 185.925 74.743 185.037 74.2666C184.158 73.7817 183.073 73.5393 181.782 73.5393H179.301V87.0907H181.358C183.496 87.0907 185.094 86.5165 186.151 85.368C187.208 84.2196 187.736 82.5097 187.736 80.2384Z" fill="black"/>
|
||||
<path d="M214.139 89.6555H211.258V71H221.255V73.5776H214.139V79.3962H220.795V81.961H214.139V89.6555Z" fill="black"/>
|
||||
<path d="M237.876 71C239.401 71 240.659 71.1957 241.652 71.587C242.652 71.9783 243.395 72.5738 243.879 73.3734C244.371 74.173 244.617 75.1896 244.617 76.4231C244.617 77.3418 244.456 78.1245 244.133 78.771C243.81 79.4175 243.387 79.9534 242.862 80.3788C242.338 80.8041 241.777 81.1444 241.18 81.3996L246.202 89.6555H242.923L238.65 82.178H235.806V89.6555H232.902V71H237.876ZM237.682 73.552H235.806V79.6514H237.815C239.163 79.6514 240.139 79.3877 240.744 78.8603C241.357 78.3329 241.664 77.5545 241.664 76.5252C241.664 75.4448 241.337 74.6792 240.684 74.2283C240.038 73.7775 239.038 73.552 237.682 73.552Z" fill="black"/>
|
||||
<path d="M266.354 89.6555H256.333V71H266.354V73.5776H259.238V78.6434H265.906V81.2082H259.238V87.0651H266.354V89.6555Z" fill="black"/>
|
||||
<path d="M288.627 89.6555H278.606V71H288.627V73.5776H281.511V78.6434H288.179V81.2082H281.511V87.0651H288.627V89.6555Z" fill="black"/>
|
||||
<path d="M300.879 89.6555V71H303.784V87.0524H311.299V89.6555H300.879Z" fill="black"/>
|
||||
<path d="M325.321 79.5111L329.52 71H332.655L326.773 82.4077V89.6555H323.88V82.5225L317.986 71H321.145L325.321 79.5111Z" fill="black"/>
|
||||
<path d="M334.442 88.0732C334.442 87.3756 334.611 86.8865 334.95 86.6058C335.297 86.3165 335.717 86.1719 336.209 86.1719C336.701 86.1719 337.121 86.3165 337.467 86.6058C337.822 86.8865 338 87.3756 338 88.0732C338 88.7537 337.822 89.2471 337.467 89.5534C337.121 89.8511 336.701 90 336.209 90C335.717 90 335.297 89.8511 334.95 89.5534C334.611 89.2471 334.442 88.7537 334.442 88.0732Z" fill="black"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="footer--legal-rows-wrapper--row--logo__desktop">
|
||||
<svg width="523" height="39" viewBox="0 0 523 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M33.1921 14.2473C32.5203 14.2473 31.9757 14.7919 31.9757 15.4638C31.9757 25.4739 23.861 33.5886 13.8509 33.5886C13.179 33.5886 12.6344 34.1332 12.6344 34.8051C12.6344 35.4769 13.179 36.0215 13.8509 36.0215C25.2046 36.0215 34.4086 26.8175 34.4086 15.4638C34.4086 14.7919 33.864 14.2473 33.1921 14.2473Z" fill="#E1F0F9"/>
|
||||
<path d="M25.8502 22.043C27.02 20.1347 28.1514 17.5902 27.9288 14.028C27.4677 6.6491 20.7844 1.05129 14.4735 1.65793C12.0029 1.89543 9.46604 3.90926 9.69142 7.51641C9.78938 9.08394 10.5566 10.0091 11.8035 10.7204C12.9902 11.3974 14.515 11.8263 16.2435 12.3124C18.3313 12.8997 20.7532 13.5593 22.6146 14.931C24.8455 16.5751 26.3705 18.4808 25.8502 22.043Z" fill="#E1F0F9"/>
|
||||
<path d="M2.10678 9.13977C0.936968 11.0481 -0.194358 13.5926 0.0282221 17.1548C0.489286 24.5337 7.17263 30.1315 13.4835 29.5249C15.9541 29.2874 18.491 27.2735 18.2656 23.6664C18.1676 22.0989 17.4004 21.1737 16.1535 20.4624C14.9668 19.7854 13.442 19.3565 11.7135 18.8704C9.6257 18.2831 7.20382 17.6235 5.34245 16.2518C3.11154 14.6077 1.58652 12.702 2.10678 9.13977Z" fill="#E1F0F9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M194.892 16.6666V29.0322H199.731V15.5914C199.731 13.1143 199.247 11.243 198.279 9.97369C197.311 8.69202 195.851 8.0645 193.952 8.0645C191.891 8.0645 190.24 9.26923 189.247 11.2903H188.978C189.052 10.2468 189.118 9.64901 189.167 9.21251C189.217 8.76235 189.247 8.48369 189.247 8.0645V0.268799H184.409V29.0322H189.516V19.086C189.516 16.8554 189.591 15.2051 190.05 14.022C190.509 12.8266 191.31 12.2289 192.452 12.2289C193.978 12.2289 194.892 13.6473 194.892 16.6666ZM124.652 27.5424C125.959 26.1907 126.613 24.2439 126.613 21.7018C126.613 20.1144 126.255 18.7008 125.538 17.4607C124.834 16.2207 123.583 15.0055 121.785 13.815C120.453 12.947 119.516 12.1719 118.975 11.4899C118.447 10.8079 118.183 10.008 118.183 9.09041C118.183 8.16036 118.403 7.42874 118.844 6.89552C119.296 6.34987 119.937 6.07708 120.767 6.07708C121.522 6.07708 122.225 6.21348 122.879 6.48627C123.545 6.75912 124.18 7.06912 124.784 7.41633L126.481 3.36136C124.532 2.19571 122.502 1.61288 120.39 1.61288C118.177 1.61288 116.411 2.29491 115.091 3.65897C113.783 5.02303 113.13 6.87073 113.13 9.20202C113.13 10.4172 113.293 11.4837 113.62 12.4013C113.959 13.319 114.431 14.1498 115.034 14.8939C115.65 15.6255 116.549 16.3943 117.731 17.2004C119.089 18.118 120.063 18.955 120.654 19.7114C121.245 20.4555 121.54 21.2801 121.54 22.1854C121.54 23.103 121.289 23.8284 120.786 24.3616C120.296 24.8949 119.56 25.1615 118.58 25.1615C116.857 25.1615 114.965 24.498 112.903 23.1712V28.1748C114.588 29.1049 116.631 29.5699 119.032 29.5699C121.483 29.5699 123.357 28.8941 124.652 27.5424ZM129.932 26.8142C131.441 28.6513 133.498 29.5699 136.103 29.5699C138.335 29.5699 140.248 29.092 141.844 28.1362V24.0585C140.149 25.064 138.491 25.5667 136.87 25.5667C135.598 25.5667 134.601 25.1198 133.878 24.2261C133.155 23.32 132.833 22.0108 132.796 20.1613H142.742V17.4486C142.742 14.482 142.088 12.1794 140.778 10.5409C139.469 8.88998 137.681 8.0645 135.411 8.0645C132.98 8.0645 131.085 9.02649 129.726 10.9505C128.368 12.8745 127.688 15.5495 127.688 18.9755C127.688 22.3518 128.436 24.9647 129.932 26.8142ZM133.616 13.0172C134.077 12.2601 134.663 11.8815 135.374 11.8815C136.134 11.8815 136.733 12.2725 137.169 13.0545C137.605 13.8365 137.878 15.1523 137.903 16.6666H132.796C132.87 15.0902 133.155 13.762 133.616 13.0172ZM154.839 29.0322L154.032 26.3441H153.763C153.023 27.5584 152.309 28.4236 151.518 28.8821C150.727 29.3406 149.728 29.5699 148.523 29.5699C146.977 29.5699 145.759 28.9999 144.867 27.8599C143.988 26.7198 143.548 25.1337 143.548 23.1015C143.548 20.9206 144.151 19.3035 145.357 18.2502C146.575 17.1846 148.39 16.596 150.802 16.4845L153.59 16.373V14.886C153.59 12.9529 152.742 11.9864 151.047 11.9864C149.791 11.9864 148.346 12.4697 146.713 13.4362L144.98 10.0162C147.066 8.71504 149.298 8.0645 151.747 8.0645C153.97 8.0645 155.695 8.69649 156.85 9.96041C158.018 11.2119 158.602 12.9901 158.602 15.2949V29.0322H154.839ZM150.576 25.7037C151.493 25.7037 152.221 25.301 152.761 24.4956C153.314 23.6777 153.59 22.5935 153.59 21.2428V19.4956L152.046 19.57C150.903 19.6319 150.061 19.9541 149.521 20.5365C148.994 21.1189 148.73 21.9863 148.73 23.1387C148.73 24.8487 149.345 25.7037 150.576 25.7037ZM170.968 8.46772C170.392 8.28224 169.536 8.0645 168.937 8.0645C168.092 8.0645 167.351 8.34267 166.715 8.89907C166.078 9.45546 165.592 9.99208 165.054 11.2903H164.785L163.978 8.60213H160.215V29.0322H165.303V18.2796C165.303 16.4744 165.417 15.3098 166.054 14.3701C166.69 13.4181 167.602 12.9421 168.789 12.9421C169.34 12.9421 169.819 13.0484 170.161 13.172L170.968 8.46772ZM178.495 29.5699C176.045 29.5699 174.169 28.7516 172.889 26.9517C171.608 25.1518 170.968 22.5079 170.968 19.0199C170.968 15.3705 171.571 12.6458 172.777 10.8459C173.997 9.04606 175.816 8.0645 178.352 8.0645C179.115 8.0645 179.974 8.25783 180.811 8.48127C181.648 8.70471 182.668 8.98654 183.333 9.40858L181.661 13.3037C180.639 12.6955 179.734 12.3914 178.946 12.3914C177.899 12.3914 177.142 12.9437 176.674 14.0485C176.219 15.1408 175.991 16.7855 175.991 18.9826C175.991 21.13 176.219 22.7375 176.674 23.805C177.13 24.8601 177.875 25.3877 178.909 25.3877C180.14 25.3877 181.427 24.9532 182.769 24.0843V28.4413C181.476 29.2481 180.058 29.5699 178.495 29.5699Z" fill="#E1F0F9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.9446 25.9476C59.6376 23.5327 60.4839 20.0775 60.4839 15.5821C60.4839 11.0867 59.6436 7.63775 57.9635 5.23525C56.2828 2.82036 53.8678 1.61292 50.7187 1.61292C47.5322 1.61292 45.0924 2.81417 43.3995 5.21667C41.7067 7.60679 40.8602 11.0496 40.8602 15.545C40.8602 20.0775 41.7067 23.5513 43.3995 25.9661C45.0924 28.3687 47.5197 29.5699 50.6814 29.5699C53.8307 29.5699 56.2516 28.3625 57.9446 25.9476ZM47.2272 22.6596C46.443 21.0373 46.0509 18.6781 46.0509 15.5821C46.0509 12.4737 46.443 10.1146 47.2272 8.50464C48.0114 6.88232 49.1752 6.0712 50.7187 6.0712C53.7559 6.0712 55.2747 9.24146 55.2747 15.5821C55.2747 21.9228 53.7435 25.0931 50.6814 25.0931C49.1628 25.0931 48.0114 24.2819 47.2272 22.6596ZM68.9172 29.0311C69.607 29.4294 70.3495 29.5699 71.2366 29.5699C73.1344 29.5699 74.6774 28.6702 75.7742 26.7533C76.871 24.8366 77.4194 22.1916 77.4194 18.8186C77.4194 15.3957 76.8893 12.7508 75.8296 10.8837C74.7699 9.00426 73.3038 8.06453 71.4307 8.06453C69.4839 8.06453 67.9581 9.22415 66.9355 11.2903H66.6667L65.8602 8.60216H62.0968V38.4409H66.9355V29.5699C66.9355 29.2214 66.864 28.0368 66.6667 26.3441H66.9355C67.3387 27.5538 68.2393 28.6204 68.9172 29.0311ZM67.6785 13.6469C68.1102 12.7383 68.8059 12.284 69.7672 12.284C70.6667 12.284 71.3258 12.8192 71.7452 13.8896C72.1764 14.9601 72.392 16.5781 72.392 18.7439C72.392 23.15 71.5296 25.3531 69.8043 25.3531C68.8059 25.3531 68.0914 24.8303 67.6602 23.7848C67.229 22.7393 67.0135 21.0714 67.0135 18.7812V18.1278C67.0382 16.0367 67.2597 14.5431 67.6785 13.6469ZM86.9097 29.5699C84.3043 29.5699 82.2473 28.6514 80.7387 26.8143C79.2425 24.9647 78.4946 22.3518 78.4946 18.9755C78.4946 15.5495 79.1742 12.8745 80.5328 10.9506C81.892 9.02652 83.7866 8.06453 86.2178 8.06453C88.4871 8.06453 90.2758 8.89001 91.585 10.5409C92.8941 12.1794 93.5484 14.482 93.5484 17.4487V20.1613H83.6022C83.6398 22.0108 83.9613 23.32 84.6844 24.2261C85.4075 25.1199 86.4049 25.5667 87.6764 25.5667C89.2973 25.5667 90.9554 25.064 92.6506 24.0586V28.1362C91.0549 29.092 89.1414 29.5699 86.9097 29.5699ZM86.1807 11.8815C85.4699 11.8815 84.8839 12.2601 84.4226 13.0173C83.9613 13.7621 83.6769 15.0902 83.6022 16.6667H88.7097C88.685 15.1523 88.4118 13.8365 87.9758 13.0545C87.5393 12.2725 86.9409 11.8815 86.1807 11.8815ZM105.645 16.6667V29.0323H110.484V15.6985C110.484 13.2037 110.012 11.3077 109.069 10.0104C108.138 8.71318 106.729 8.06453 104.842 8.06453C103.726 8.06453 102.751 8.33894 101.919 8.88781C101.088 9.42415 100.447 10.3299 100 11.2903H99.7312L99.0592 8.60216H95.1613V29.0323H100.269V19.2204C100.269 16.6883 100.362 14.9625 100.859 13.9023C101.355 12.8295 102.137 12.2931 103.204 12.2931C104.011 12.2931 104.595 12.6798 104.954 13.4532C105.315 14.2266 105.645 15.1574 105.645 16.6667Z" fill="#E1F0F9"/>
|
||||
<path d="M223.812 7.58398H230.185C232.948 7.58398 235.033 7.98438 236.439 8.78516C237.846 9.58594 238.549 10.9678 238.549 12.9307C238.549 13.751 238.402 14.4932 238.109 15.1572C237.826 15.8115 237.411 16.3535 236.864 16.7832C236.317 17.2031 235.644 17.4863 234.843 17.6328V17.7793C235.673 17.9258 236.41 18.1846 237.055 18.5557C237.709 18.9268 238.222 19.459 238.593 20.1523C238.974 20.8457 239.164 21.7441 239.164 22.8477C239.164 24.1562 238.852 25.2695 238.227 26.1875C237.611 27.1055 236.728 27.8037 235.575 28.2822C234.433 28.7607 233.075 29 231.503 29H223.812V7.58398ZM227.328 16.417H230.697C232.289 16.417 233.393 16.1582 234.008 15.6406C234.623 15.123 234.931 14.3662 234.931 13.3701C234.931 12.3545 234.564 11.6221 233.832 11.1729C233.109 10.7236 231.957 10.499 230.375 10.499H227.328V16.417ZM227.328 19.2588V26.0557H231.034C232.675 26.0557 233.827 25.7383 234.491 25.1035C235.155 24.4688 235.487 23.6094 235.487 22.5254C235.487 21.8613 235.336 21.2852 235.033 20.7969C234.74 20.3086 234.257 19.9326 233.583 19.6689C232.909 19.3955 232.001 19.2588 230.858 19.2588H227.328Z" fill="#E1F0F9"/>
|
||||
<path d="M268.604 7.58398V21.4414C268.604 22.9355 268.287 24.2734 267.652 25.4551C267.027 26.6367 266.08 27.5742 264.81 28.2676C263.541 28.9512 261.944 29.293 260.02 29.293C257.276 29.293 255.186 28.5752 253.751 27.1396C252.325 25.6943 251.612 23.7754 251.612 21.3828V7.58398H255.128V21.0752C255.128 22.8623 255.548 24.1807 256.388 25.0303C257.227 25.8799 258.482 26.3047 260.152 26.3047C261.304 26.3047 262.242 26.1045 262.965 25.7041C263.697 25.2939 264.234 24.6982 264.576 23.917C264.928 23.126 265.103 22.1738 265.103 21.0605V7.58398H268.604Z" fill="#E1F0F9"/>
|
||||
<path d="M284.283 29V7.58398H287.798V29H284.283Z" fill="#E1F0F9"/>
|
||||
<path d="M303.653 29V7.58398H307.168V26.0117H316.265V29H303.653Z" fill="#E1F0F9"/>
|
||||
<path d="M344.559 18.0869C344.559 20.499 344.11 22.5156 343.211 24.1367C342.313 25.748 341.009 26.9639 339.3 27.7842C337.591 28.5947 335.53 29 333.118 29H327.171V7.58398H333.763C335.98 7.58398 337.894 7.98438 339.505 8.78516C341.116 9.57617 342.362 10.7529 343.24 12.3154C344.119 13.8682 344.559 15.792 344.559 18.0869ZM340.897 18.1895C340.897 16.4316 340.618 14.9863 340.062 13.8535C339.515 12.7207 338.704 11.8809 337.63 11.334C336.566 10.7773 335.252 10.499 333.69 10.499H330.687V26.0557H333.177C335.765 26.0557 337.698 25.3965 338.978 24.0781C340.257 22.7598 340.897 20.7969 340.897 18.1895Z" fill="#E1F0F9"/>
|
||||
<path d="M372.852 29H369.366V7.58398H381.466V10.543H372.852V17.2227H380.909V20.167H372.852V29Z" fill="#E1F0F9"/>
|
||||
<path d="M401.583 7.58398C403.428 7.58398 404.952 7.80859 406.153 8.25781C407.364 8.70703 408.262 9.39062 408.848 10.3086C409.444 11.2266 409.742 12.3936 409.742 13.8096C409.742 14.8643 409.546 15.7627 409.156 16.5049C408.765 17.2471 408.253 17.8623 407.618 18.3506C406.983 18.8389 406.304 19.2295 405.582 19.5225L411.661 29H407.691L402.52 20.416H399.078V29H395.562V7.58398H401.583ZM401.348 10.5137H399.078V17.5156H401.509C403.14 17.5156 404.322 17.2129 405.054 16.6074C405.796 16.002 406.168 15.1084 406.168 13.9268C406.168 12.6865 405.772 11.8076 404.981 11.29C404.2 10.7725 402.989 10.5137 401.348 10.5137Z" fill="#E1F0F9"/>
|
||||
<path d="M436.051 29H423.922V7.58398H436.051V10.543H427.438V16.3584H435.509V19.3027H427.438V26.0264H436.051V29Z" fill="#E1F0F9"/>
|
||||
<path d="M463.009 29H450.88V7.58398H463.009V10.543H454.396V16.3584H462.467V19.3027H454.396V26.0264H463.009V29Z" fill="#E1F0F9"/>
|
||||
<path d="M477.838 29V7.58398H481.354V26.0117H490.45V29H477.838Z" fill="#E1F0F9"/>
|
||||
<path d="M507.421 17.3545L512.504 7.58398H516.298L509.179 20.6797V29H505.678V20.8115L498.544 7.58398H502.367L507.421 17.3545Z" fill="#E1F0F9"/>
|
||||
<path d="M518.461 27.1836C518.461 26.3828 518.666 25.8213 519.076 25.499C519.496 25.167 520.004 25.001 520.599 25.001C521.195 25.001 521.703 25.167 522.123 25.499C522.552 25.8213 522.767 26.3828 522.767 27.1836C522.767 27.9648 522.552 28.5312 522.123 28.8828C521.703 29.2246 521.195 29.3955 520.599 29.3955C520.004 29.3955 519.496 29.2246 519.076 28.8828C518.666 28.5312 518.461 27.9648 518.461 27.1836Z" fill="#E1F0F9"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer--legal-rows-wrapper--row">
|
||||
© OpenSearch contributors, {{ 'now' | date: "%Y" }}. OpenSearch is a <a href="/trademark-brand-policy.html">registered trademark</a> of Amazon Web Services.</a> <br /><br />
|
||||
{% if page.notice == true or layout.notice == true %} OpenSearch includes certain Apache-licensed Elasticsearch code from Elasticsearch B.V. and other source code. Elasticsearch B.V. is not the source of that other source code. ELASTICSEARCH is a registered trademark of Elasticsearch B.V. <br /><br /> {% endif %}
|
||||
|
||||
<a href="{{ '/' | relative_url }}"><svg viewBox="0 0 64 64" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M61.7374 23.5C60.4878 23.5 59.4748 24.513 59.4748 25.7626C59.4748 44.3813 44.3813 59.4748 25.7626 59.4748C24.513 59.4748 23.5 60.4878 23.5 61.7374C23.5 62.987 24.513 64 25.7626 64C46.8805 64 64 46.8805 64 25.7626C64 24.513 62.987 23.5 61.7374 23.5Z" fill="currentColor" />
|
||||
<path d="M48.0814 38C50.2572 34.4505 52.3615 29.7178 51.9475 23.0921C51.0899 9.36725 38.6589 -1.04463 26.9206 0.0837327C22.3253 0.525465 17.6068 4.2712 18.026 10.9805C18.2082 13.8961 19.6352 15.6169 21.9544 16.9399C24.1618 18.1992 26.9978 18.9969 30.2128 19.9011C34.0962 20.9934 38.6009 22.2203 42.063 24.7717C46.2125 27.8295 49.0491 31.3743 48.0814 38Z" fill="currentColor" />
|
||||
<path d="M3.91861 14C1.74276 17.5495 -0.361506 22.2822 0.0524931 28.9079C0.910072 42.6327 13.3411 53.0446 25.0794 51.9163C29.6747 51.4745 34.3932 47.7288 33.974 41.0195C33.7918 38.1039 32.3647 36.3831 30.0456 35.0601C27.8382 33.8008 25.0022 33.0031 21.7872 32.0989C17.9038 31.0066 13.3991 29.7797 9.93694 27.2283C5.78746 24.1704 2.95092 20.6257 3.91861 14Z" fill="currentColor" />
|
||||
</svg></a>
|
||||
|
||||
<p class="copyright">© {{ 'now' | date: "%Y" }}
|
||||
<a href="https://opensearch.org/"> OpenSearch</a> contributors. OpenSearch is a
|
||||
<a href="/trademark-usage.html">registered trademark</a> of <a href="https://aws.amazon.com/"> Amazon Web Services</a>. <br /><br />
|
||||
|
||||
© 2005-2021
|
||||
<a href="https://www.djangoproject.com/foundation/"> Django Software
|
||||
Foundation</a> and individual contributors. Django is a
|
||||
<a href="https://www.djangoproject.com/trademarks/">registered
|
||||
trademark</a> of the Django Software Foundation.<br />
|
||||
This website was forked from the BSD-licensed <a href="https://github.com/django/djangoproject.com/">djangoproject.com</a> originally designed by <a href="https://www.threespot.com">Threespot</a> <span class="ampersand">&</span> <a href="http://andrevv.com/">andrevv</a>.<br /> We ♡ Django and the Django community. If you need a <a href="https://www.djangoproject.com/">high-level Python framework</a>, check it out.
|
||||
</p>
|
||||
© 2005-2021 <a href="https://www.djangoproject.com/foundation/"> Django Software Foundation</a> and individual contributors. Django is a
|
||||
<a href="https://www.djangoproject.com/trademarks/">registered trademark</a> of the Django Software Foundation.<br />
|
||||
This website was forked from the BSD-licensed <a href="https://github.com/django/djangoproject.com/">djangoproject.com</a> originally designed by <a href="https://www.threespot.com">Threespot</a> <span class="ampersand">&</span> <a href="https://andrevv.com/">andrevv</a>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,60 +1,280 @@
|
|||
{% assign url_parts = page.url | split: "/" %}
|
||||
{%if page.alert %}
|
||||
<div role="banner" class="banner-alert">
|
||||
<div class="container">
|
||||
{{page.alert | markdownify}}
|
||||
</div>
|
||||
</div>
|
||||
{%endif%}
|
||||
{%if site.data.alert.message %}
|
||||
<div role="banner" class="banner-alert">
|
||||
<div class="container">
|
||||
{{site.data.alert.message | markdownify}}
|
||||
</div>
|
||||
</div>
|
||||
{%endif%}
|
||||
<div role="banner" id="top">
|
||||
<div class="container">
|
||||
<a class="logo" href="/">
|
||||
OpenSearch
|
||||
<svg viewBox="0 0 372 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M61.7374 26.5C60.4878 26.5 59.4748 27.513 59.4748 28.7626C59.4748 47.3814 44.3814 62.4748 25.7626 62.4748C24.513 62.4748 23.5 63.4878 23.5 64.7374C23.5 65.987 24.513 67 25.7626 67C46.8805 67 64 49.8805 64 28.7626C64 27.513 62.987 26.5 61.7374 26.5Z" fill="#00A3E0"/>
|
||||
<path d="M48.0814 41C50.2572 37.4505 52.3615 32.7178 51.9475 26.0921C51.0899 12.3673 38.6589 1.95537 26.9206 3.08373C22.3253 3.52547 17.6068 7.2712 18.026 13.9805C18.2082 16.8961 19.6352 18.6169 21.9544 19.9399C24.1618 21.1992 26.9978 21.9969 30.2128 22.9011C34.0962 23.9934 38.6009 25.2203 42.0631 27.7717C46.2125 30.8296 49.0491 34.3743 48.0814 41Z" fill="#B9D9EB"/>
|
||||
<path d="M3.91861 17C1.74276 20.5495 -0.361506 25.2822 0.0524931 31.9079C0.910072 45.6327 13.3411 56.0446 25.0794 54.9163C29.6747 54.4745 34.3932 50.7288 33.974 44.0195C33.7918 41.1039 32.3647 39.3831 30.0456 38.0601C27.8382 36.8008 25.0022 36.0031 21.7872 35.0989C17.9038 34.0066 13.3991 32.7797 9.93695 30.2283C5.78747 27.1704 2.95092 23.6257 3.91861 17Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M362.5 31V54H371.5V29C371.5 24.3927 370.6 20.9121 368.799 18.5511C366.998 16.1672 364.282 15 360.75 15C356.918 15 353.847 17.2408 352 21H351.5C351.636 19.0591 351.76 17.9472 351.85 17.1353C351.943 16.298 352 15.7797 352 15V0.5H343V54H352.5V35.5C352.5 31.3511 352.639 28.2815 353.493 26.081C354.347 23.8575 355.836 22.7458 357.96 22.7458C360.799 22.7458 362.5 25.3841 362.5 31ZM231.852 51.2289C234.284 48.7148 235.5 45.0936 235.5 40.3653C235.5 37.4129 234.834 34.7835 233.501 32.477C232.191 30.1705 229.865 27.9102 226.521 25.6959C224.042 24.0814 222.3 22.6398 221.294 21.3713C220.312 20.1027 219.821 18.615 219.821 16.9082C219.821 15.1783 220.23 13.8175 221.049 12.8257C221.891 11.8108 223.083 11.3034 224.627 11.3034C226.03 11.3034 227.339 11.5571 228.555 12.0645C229.794 12.572 230.975 13.1486 232.098 13.7944L235.254 6.25216C231.63 4.08405 227.854 3 223.925 3C219.809 3 216.524 4.26857 214.069 6.80572C211.637 9.34287 210.421 12.7796 210.421 17.1158C210.421 19.3761 210.725 21.3597 211.333 23.0665C211.964 24.7733 212.841 26.3187 213.964 27.7026C215.109 29.0634 216.781 30.4935 218.979 31.9927C221.505 33.6995 223.317 35.2564 224.416 36.6633C225.515 38.0472 226.065 39.5811 226.065 41.2648C226.065 42.9716 225.597 44.3209 224.662 45.3127C223.75 46.3045 222.382 46.8004 220.558 46.8004C217.354 46.8004 213.835 45.5664 210 43.0985V52.4052C213.133 54.1351 216.933 55 221.4 55C225.959 55 229.444 53.743 231.852 51.2289ZM241.674 49.8745C244.48 53.2915 248.306 55 253.152 55C257.303 55 260.862 54.1111 263.83 52.3333V44.7489C260.677 46.619 257.593 47.5541 254.578 47.5541C252.213 47.5541 250.358 46.7229 249.013 45.0606C247.668 43.3752 247.07 40.9401 247 37.5H265.5V32.4545C265.5 26.9365 264.283 22.6537 261.848 19.6061C259.413 16.5354 256.086 15 251.865 15C247.343 15 243.819 16.7893 241.291 20.368C238.764 23.9466 237.5 28.9221 237.5 35.2944C237.5 41.5743 238.891 46.4343 241.674 49.8745ZM248.526 24.2121C249.384 22.8038 250.474 22.0996 251.796 22.0996C253.21 22.0996 254.323 22.8268 255.135 24.2814C255.946 25.7359 256.454 28.1833 256.5 31H247C247.139 28.0678 247.668 25.5974 248.526 24.2121ZM288 54L286.5 49H286C284.622 51.2587 283.295 52.868 281.824 53.7208C280.352 54.5736 278.494 55 276.252 55C273.378 55 271.112 53.9398 269.453 51.8194C267.818 49.6989 267 46.7488 267 42.9689C267 38.9124 268.121 35.9046 270.364 33.9455C272.63 31.9634 276.006 30.8686 280.492 30.6612L285.678 30.4538V27.688C285.678 24.0925 284.101 22.2947 280.947 22.2947C278.611 22.2947 275.924 23.1936 272.887 24.9914L269.663 18.6301C273.541 16.21 277.694 15 282.25 15C286.385 15 289.592 16.1755 291.741 18.5264C293.914 20.8542 295 24.1616 295 28.4486V54H288ZM280.071 47.809C281.777 47.809 283.132 47.0599 284.136 45.5618C285.164 44.0406 285.678 42.0239 285.678 39.5117V36.2619L282.805 36.4002C280.679 36.5154 279.113 37.1147 278.109 38.1979C277.128 39.2812 276.637 40.8946 276.637 43.038C276.637 46.2187 277.782 47.809 280.071 47.809ZM318 15.75C316.93 15.405 315.337 15 314.222 15C312.651 15 311.273 15.5174 310.089 16.5523C308.905 17.5872 308.002 18.5853 307 21H306.5L305 16H298V54H307.463V34C307.463 30.6424 307.676 28.4763 308.86 26.7285C310.044 24.9577 311.74 24.0723 313.948 24.0723C314.973 24.0723 315.863 24.27 316.5 24.5L318 15.75ZM332 55C327.443 55 323.954 53.478 321.573 50.1302C319.191 46.7824 318 41.8647 318 35.377C318 28.5891 319.122 23.5213 321.366 20.1735C323.634 16.8257 327.017 15 331.735 15C333.154 15 334.752 15.3596 336.309 15.7752C337.866 16.1908 339.763 16.715 341 17.5L337.889 24.7449C335.989 23.6136 334.305 23.048 332.84 23.048C330.893 23.048 329.485 24.0754 328.614 26.1302C327.767 28.162 327.344 31.2211 327.344 35.3077C327.344 39.3019 327.767 42.2918 328.614 44.2774C329.462 46.2399 330.847 47.2211 332.771 47.2211C335.061 47.2211 337.454 46.413 339.95 44.7969V52.9008C337.546 54.4015 334.908 55 332 55Z" fill="#B9D9EB"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.777 48.2625C110.926 43.7708 112.5 37.3442 112.5 28.9827C112.5 20.6213 110.937 14.2062 107.812 9.73754C104.686 5.24585 100.194 3 94.3368 3C88.4098 3 83.8719 5.23433 80.7231 9.70299C77.5744 14.1486 76 20.5522 76 28.9136C76 37.3442 77.5744 43.8053 80.7231 48.297C83.8719 52.7657 88.3866 55 94.2674 55C100.125 55 104.628 52.7542 107.777 48.2625ZM87.8425 42.1468C86.3839 39.1293 85.6546 34.7413 85.6546 28.9827C85.6546 23.2011 86.3839 18.8131 87.8425 15.8186C89.3011 12.8011 91.4659 11.2924 94.3368 11.2924C99.986 11.2924 102.811 17.1891 102.811 28.9827C102.811 40.7763 99.9629 46.6731 94.2674 46.6731C91.4428 46.6731 89.3011 45.1643 87.8425 42.1468ZM128.186 53.9979C129.469 54.7387 130.85 55 132.5 55C136.03 55 138.9 53.3265 140.94 49.7612C142.98 46.196 144 41.2764 144 35.0025C144 28.6359 143.014 23.7164 141.043 20.2437C139.072 16.7479 136.345 15 132.861 15C129.24 15 126.402 17.1569 124.5 21H124L122.5 16H115.5V71.5H124.5V55C124.5 54.3518 124.367 52.1485 124 49H124.5C125.25 51.25 126.925 53.2339 128.186 53.9979ZM125.882 25.3832C126.685 23.6932 127.979 22.8482 129.767 22.8482C131.44 22.8482 132.666 23.8437 133.446 25.8347C134.248 27.8257 134.649 30.8353 134.649 34.8636C134.649 43.059 133.045 47.1567 129.836 47.1567C127.979 47.1567 126.65 46.1844 125.848 44.2397C125.046 42.295 124.645 39.1928 124.645 34.933V33.7176C124.691 29.8282 125.103 27.0501 125.882 25.3832ZM161.652 55C156.806 55 152.98 53.2915 150.174 49.8745C147.391 46.4343 146 41.5743 146 35.2944C146 28.9221 147.264 23.9466 149.791 20.368C152.319 16.7893 155.843 15 160.365 15C164.585 15 167.913 16.5354 170.348 19.6061C172.783 22.6537 174 26.9365 174 32.4545V37.5H155.5C155.57 40.9401 156.168 43.3752 157.513 45.0606C158.858 46.7229 160.713 47.5541 163.078 47.5541C166.093 47.5541 169.177 46.619 172.33 44.7489V52.3333C169.362 54.1111 165.803 55 161.652 55ZM160.296 22.0996C158.974 22.0996 157.884 22.8038 157.026 24.2121C156.168 25.5974 155.639 28.0678 155.5 31H165C164.954 28.1833 164.446 25.7359 163.635 24.2814C162.823 22.8268 161.71 22.0996 160.296 22.0996ZM196.5 31V54H205.5V29.1991C205.5 24.5589 204.623 21.0323 202.868 18.6194C201.137 16.2065 198.516 15 195.007 15C192.93 15 191.117 15.5104 189.57 16.5313C188.024 17.5289 186.831 19.2135 186 21H185.5L184.25 16H177V54H186.5V35.75C186.5 31.0402 186.673 27.8302 187.597 25.8582C188.52 23.8628 189.974 22.8652 191.96 22.8652C193.46 22.8652 194.546 23.5844 195.215 25.0229C195.885 26.4614 196.5 28.1927 196.5 31Z" fill="#00A3E0"/>
|
||||
</svg>
|
||||
</a>
|
||||
<div class="menu-button"><i class="icon icon-reorder"></i><span>Menu</span></div>
|
||||
<div class="nav-menu-on" role="navigation">
|
||||
<ul class="nested-nav">
|
||||
{% assign url_fragment = url_parts[1] | replace: '.html', '' %}
|
||||
{% for nav_item in site.data.top_nav.items %}
|
||||
<li>
|
||||
<a {% if nav_item.url %} href="{{ nav_item.url }}" {% endif %}
|
||||
{% if nav_item.fragments contains url_fragment or nav_item.fragment == url_fragment %} class="in-category" {% endif %}
|
||||
>{{ nav_item.label }}</a>
|
||||
{% if url_parts.size > 0 %}
|
||||
|
||||
{% assign last_url_part = url_parts | last %}
|
||||
|
||||
{% if nav_item.children %}
|
||||
<ul>
|
||||
{% for nav_child in nav_item.children %}
|
||||
{% if nav_child.url contains '://' %}
|
||||
{% assign child_url_fragment = '#' %}
|
||||
{% else %}
|
||||
{% assign child_url_parts = nav_child.url | split: "/" %}
|
||||
{% assign child_url_fragment = child_url_parts[1] | replace: '.html', '' %}
|
||||
{% comment %} Does the URL contain a filename, and is it an index.html or not? {% endcomment %}
|
||||
{% if last_url_part contains ".html" %}
|
||||
{% assign url_has_filename = true %}
|
||||
{% if last_url_part == 'index.html' %}
|
||||
{% assign url_filename_is_index = true %}
|
||||
{% else %}
|
||||
{% assign url_filename_is_index = false %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% assign url_has_filename = false %}
|
||||
{% endif %}
|
||||
|
||||
{% comment %}
|
||||
OpenSearchCon URLs require some special consideration, because it's a specialization
|
||||
of the /events URL which is itself a child of Community; te OpenSearchCon menu is NOT
|
||||
a child of Community.
|
||||
{% endcomment %}
|
||||
{% if page.url contains "opensearchcon" %}
|
||||
{% assign is_conference_page = true %}
|
||||
{% else %}
|
||||
{% assign is_conference_page = false %}
|
||||
{% endif %}
|
||||
|
||||
{% if is_conference_page %}
|
||||
{% comment %}
|
||||
If the page is a confernce page and it has a filename then its the penultimate
|
||||
path component that has the child menu item of the OpenSearchCon that needs
|
||||
to be marked as in-category. If there's no filename then reference the ultimate
|
||||
path component.
|
||||
Unless the filename is opensearchcon2023-cfp, because it's a one off that is not
|
||||
within the /events/opensearchcon/... structure.
|
||||
{% endcomment %}
|
||||
{% if url_has_filename %}
|
||||
{% unless page.url contains 'opensearchcon2023-cfp' %}
|
||||
{% assign url_fragment_index = url_parts | size | minus: 2 %}
|
||||
{% assign url_fragment = url_parts[url_fragment_index] %}
|
||||
{% else %}
|
||||
{% assign url_fragment = 'opensearchcon2023-cfp' %}
|
||||
{% endunless %}
|
||||
{% else %}
|
||||
{% assign url_fragment = last_url_part %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% comment %}
|
||||
If the page is NOT a conference page, the URL has a filename, and the filename
|
||||
is NOT index.html then refer to the filename without the .html extension.
|
||||
If the filename is index.html then refer to the penultimate path component.
|
||||
If there is not filename then refer to the ultimate path component.
|
||||
{% endcomment %}
|
||||
{% if url_has_filename %}
|
||||
{% unless url_filename_is_index %}
|
||||
{% assign url_fragment = last_url_part | replace: '.html', '' %}
|
||||
{% else %}
|
||||
{% assign url_fragment_index = url_parts | size | minus: 2 %}
|
||||
{% assign url_fragment = url_parts[url_fragment_index] %}
|
||||
{% endunless %}
|
||||
{% else %}
|
||||
{% assign url_fragment = last_url_part %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% assign url_fragment = '' %}
|
||||
{% endif %}
|
||||
{% if page.alert %}
|
||||
<div role="banner" class="banner-alert">
|
||||
<div class="container">
|
||||
{{ page.alert | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if site.data.alert.message %}
|
||||
<div role="banner" class="banner-alert">
|
||||
<div class="container">
|
||||
{{site.data.alert.message | markdownify}}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div role="banner" id="top">
|
||||
<div class="navigation-container">
|
||||
<a class="navigation-container--logo" href="{{ '/' | relative_url }}">
|
||||
OpenSearch
|
||||
<svg width="200" height="39" viewBox="0 0 200 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_723_1352)">
|
||||
<path d="M33.1921 14.2473C32.5203 14.2473 31.9757 14.7919 31.9757 15.4638C31.9757 25.4739 23.861 33.5886 13.8509 33.5886C13.179 33.5886 12.6344 34.1332 12.6344 34.8051C12.6344 35.4769 13.179 36.0215 13.8509 36.0215C25.2046 36.0215 34.4086 26.8175 34.4086 15.4638C34.4086 14.7919 33.864 14.2473 33.1921 14.2473Z" fill="#005EB8"/>
|
||||
<path d="M25.8502 22.0429C27.02 20.1346 28.1514 17.5901 27.9288 14.0279C27.4677 6.64898 20.7844 1.05116 14.4735 1.65781C12.0029 1.8953 9.46604 3.90914 9.69142 7.51629C9.78938 9.08382 10.5566 10.009 11.8035 10.7203C12.9902 11.3973 14.515 11.8262 16.2435 12.3123C18.3313 12.8996 20.7532 13.5592 22.6146 14.9309C24.8455 16.5749 26.3705 18.4807 25.8502 22.0429Z" fill="#003B5C"/>
|
||||
<path d="M2.10678 9.13989C0.936968 11.0482 -0.194358 13.5927 0.0282221 17.1549C0.489286 24.5338 7.17263 30.1316 13.4835 29.525C15.9541 29.2875 18.491 27.2737 18.2656 23.6665C18.1676 22.099 17.4004 21.1738 16.1535 20.4625C14.9668 19.7855 13.442 19.3566 11.7135 18.8705C9.6257 18.2832 7.20382 17.6236 5.34245 16.2519C3.11154 14.6079 1.58652 12.7021 2.10678 9.13989Z" fill="#005EB8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M194.892 16.6666V29.0322H199.731V15.5914C199.731 13.1143 199.247 11.243 198.279 9.97369C197.311 8.69203 195.851 8.0645 193.952 8.0645C191.891 8.0645 190.24 9.26923 189.247 11.2903H188.979C189.052 10.2468 189.118 9.64901 189.167 9.21251C189.217 8.76235 189.247 8.48369 189.247 8.0645V0.268799H184.409V29.0322H189.516V19.086C189.516 16.8554 189.591 15.2051 190.05 14.022C190.509 12.8266 191.31 12.2289 192.452 12.2289C193.978 12.2289 194.892 13.6473 194.892 16.6666ZM124.652 27.5424C125.959 26.1907 126.613 24.2439 126.613 21.7018C126.613 20.1144 126.255 18.7008 125.538 17.4607C124.834 16.2207 123.583 15.0055 121.785 13.815C120.453 12.947 119.516 12.1719 118.975 11.4899C118.447 10.8079 118.183 10.008 118.183 9.09041C118.183 8.16036 118.403 7.42875 118.844 6.89552C119.296 6.34987 119.937 6.07708 120.767 6.07708C121.522 6.07708 122.225 6.21348 122.879 6.48627C123.545 6.75912 124.18 7.06912 124.784 7.41633L126.481 3.36136C124.532 2.19571 122.502 1.61288 120.39 1.61288C118.177 1.61288 116.411 2.29491 115.091 3.65897C113.783 5.02303 113.13 6.87074 113.13 9.20203C113.13 10.4172 113.293 11.4837 113.62 12.4013C113.959 13.319 114.431 14.1498 115.034 14.8939C115.65 15.6255 116.549 16.3943 117.731 17.2004C119.089 18.118 120.063 18.955 120.654 19.7114C121.245 20.4555 121.54 21.2801 121.54 22.1854C121.54 23.103 121.289 23.8284 120.786 24.3616C120.296 24.8949 119.56 25.1615 118.58 25.1615C116.857 25.1615 114.965 24.498 112.903 23.1712V28.1748C114.588 29.1049 116.631 29.5699 119.032 29.5699C121.483 29.5699 123.357 28.8941 124.652 27.5424ZM129.932 26.8142C131.441 28.6513 133.498 29.5699 136.103 29.5699C138.335 29.5699 140.248 29.092 141.844 28.1362V24.0585C140.149 25.064 138.491 25.5667 136.87 25.5667C135.598 25.5667 134.601 25.1198 133.878 24.2261C133.155 23.32 132.833 22.0108 132.796 20.1613H142.742V17.4486C142.742 14.482 142.088 12.1794 140.778 10.5409C139.469 8.88998 137.681 8.0645 135.411 8.0645C132.98 8.0645 131.085 9.02649 129.726 10.9505C128.368 12.8745 127.688 15.5495 127.688 18.9755C127.688 22.3518 128.436 24.9647 129.932 26.8142ZM133.616 13.0172C134.077 12.2601 134.663 11.8815 135.374 11.8815C136.134 11.8815 136.733 12.2725 137.169 13.0545C137.605 13.8365 137.878 15.1523 137.903 16.6666H132.796C132.87 15.0902 133.155 13.762 133.616 13.0172ZM154.839 29.0322L154.032 26.3441H153.763C153.023 27.5584 152.309 28.4236 151.518 28.8821C150.727 29.3406 149.728 29.5699 148.523 29.5699C146.977 29.5699 145.759 28.9999 144.867 27.8599C143.988 26.7198 143.548 25.1337 143.548 23.1015C143.548 20.9206 144.151 19.3035 145.357 18.2503C146.575 17.1846 148.39 16.596 150.802 16.4845L153.59 16.373V14.886C153.59 12.9529 152.742 11.9864 151.047 11.9864C149.791 11.9864 148.346 12.4697 146.713 13.4362L144.98 10.0162C147.066 8.71504 149.298 8.0645 151.747 8.0645C153.97 8.0645 155.695 8.69649 156.85 9.96041C158.018 11.2119 158.602 12.9901 158.602 15.2949V29.0322H154.839ZM150.576 25.7037C151.493 25.7037 152.222 25.301 152.761 24.4956C153.314 23.6777 153.59 22.5935 153.59 21.2428V19.4956L152.046 19.57C150.903 19.6319 150.061 19.9541 149.521 20.5365C148.994 21.1189 148.73 21.9863 148.73 23.1387C148.73 24.8487 149.345 25.7037 150.576 25.7037ZM170.968 8.46772C170.392 8.28224 169.536 8.0645 168.937 8.0645C168.092 8.0645 167.351 8.34267 166.715 8.89907C166.078 9.45547 165.592 9.99208 165.054 11.2903H164.785L163.979 8.60213H160.215V29.0322H165.303V18.2796C165.303 16.4744 165.417 15.3098 166.054 14.3701C166.69 13.4181 167.602 12.9421 168.789 12.9421C169.34 12.9421 169.819 13.0484 170.161 13.172L170.968 8.46772ZM178.495 29.5699C176.045 29.5699 174.169 28.7516 172.889 26.9517C171.608 25.1518 170.968 22.5079 170.968 19.0199C170.968 15.3705 171.571 12.6458 172.777 10.846C173.997 9.04606 175.816 8.0645 178.352 8.0645C179.115 8.0645 179.974 8.25783 180.811 8.48127C181.648 8.70471 182.668 8.98654 183.333 9.40858L181.661 13.3037C180.639 12.6955 179.734 12.3914 178.946 12.3914C177.899 12.3914 177.142 12.9437 176.674 14.0485C176.219 15.1408 175.991 16.7855 175.991 18.9826C175.991 21.13 176.219 22.7375 176.674 23.805C177.13 24.8601 177.875 25.3877 178.909 25.3877C180.14 25.3877 181.427 24.9532 182.769 24.0843V28.4413C181.476 29.2481 180.058 29.5699 178.495 29.5699Z" fill="#003B5C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.9446 25.9475C59.6376 23.5326 60.4839 20.0774 60.4839 15.582C60.4839 11.0866 59.6436 7.63763 57.9635 5.23513C56.2828 2.82024 53.8678 1.61279 50.7187 1.61279C47.5322 1.61279 45.0924 2.81405 43.3995 5.21655C41.7067 7.60666 40.8602 11.0495 40.8602 15.5448C40.8602 20.0774 41.7067 23.5511 43.3995 25.966C45.0924 28.3685 47.5197 29.5698 50.6814 29.5698C53.8307 29.5698 56.2516 28.3624 57.9446 25.9475ZM47.2272 22.6595C46.443 21.0371 46.0509 18.678 46.0509 15.582C46.0509 12.4736 46.443 10.1145 47.2272 8.50451C48.0114 6.8822 49.1752 6.07107 50.7187 6.07107C53.7559 6.07107 55.2747 9.24134 55.2747 15.582C55.2747 21.9226 53.7435 25.093 50.6814 25.093C49.1628 25.093 48.0114 24.2818 47.2272 22.6595ZM68.9172 29.031C69.607 29.4293 70.3495 29.5698 71.2366 29.5698C73.1344 29.5698 74.6774 28.6701 75.7742 26.7532C76.871 24.8365 77.4194 22.1915 77.4194 18.8184C77.4194 15.3955 76.8893 12.7506 75.8296 10.8836C74.7699 9.00414 73.3038 8.06441 71.4307 8.06441C69.4839 8.06441 67.9581 9.22403 66.9355 11.2902H66.6667L65.8602 8.60204H62.0968V38.4408H66.9355V29.5698C66.9355 29.2213 66.864 28.0367 66.6667 26.344H66.9355C67.3387 27.5537 68.2393 28.6203 68.9172 29.031ZM67.6785 13.6468C68.1102 12.7382 68.8059 12.2839 69.7672 12.2839C70.6667 12.2839 71.3258 12.8191 71.7452 13.8895C72.1764 14.9599 72.392 16.578 72.392 18.7438C72.392 23.1499 71.5296 25.353 69.8043 25.353C68.8059 25.353 68.0914 24.8302 67.6602 23.7847C67.229 22.7391 67.0135 21.0713 67.0135 18.7811V18.1276C67.0382 16.0366 67.2597 14.543 67.6785 13.6468ZM86.9097 29.5698C84.3043 29.5698 82.2473 28.6512 80.7387 26.8141C79.2425 24.9646 78.4946 22.3517 78.4946 18.9754C78.4946 15.5494 79.1742 12.8744 80.5328 10.9504C81.892 9.0264 83.7866 8.06441 86.2178 8.06441C88.4871 8.06441 90.2758 8.88989 91.585 10.5408C92.8941 12.1793 93.5484 14.4819 93.5484 17.4485V20.1612H83.6022C83.6398 22.0107 83.9613 23.3199 84.6844 24.226C85.4075 25.1197 86.4049 25.5666 87.6764 25.5666C89.2973 25.5666 90.9554 25.0639 92.6506 24.0584V28.1361C91.0549 29.0919 89.1414 29.5698 86.9097 29.5698ZM86.1807 11.8814C85.4699 11.8814 84.8839 12.26 84.4226 13.0171C83.9613 13.7619 83.6769 15.0901 83.6022 16.6666H88.7097C88.685 15.1522 88.4118 13.8364 87.9758 13.0544C87.5393 12.2724 86.9409 11.8814 86.1807 11.8814ZM105.645 16.6666V29.0321H110.484V15.6983C110.484 13.2036 110.012 11.3076 109.069 10.0103C108.138 8.71306 106.729 8.06441 104.842 8.06441C103.726 8.06441 102.751 8.33881 101.919 8.88769C101.088 9.42403 100.447 10.3297 100 11.2902H99.7312L99.0592 8.60204H95.1613V29.0321H100.269V19.2203C100.269 16.6882 100.362 14.9624 100.859 13.9021C101.355 12.8294 102.137 12.293 103.204 12.293C104.011 12.293 104.595 12.6797 104.954 13.4531C105.315 14.2264 105.645 15.1573 105.645 16.6666Z" fill="#005EB8"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_723_1352">
|
||||
<rect width="200" height="38.7097" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</a>
|
||||
<div class="menu-button">
|
||||
<i class="icon icon-reorder"></i>
|
||||
<i class="icon icon-close"></i>
|
||||
<span>Menu</span>
|
||||
</div>
|
||||
<div role="navigation" class="navigation-container--nested-nav-wrapper nav-menu-on">
|
||||
<ul class="navigation-container--nested-nav-wrapper--nested-nav">
|
||||
{% for nav_item in site.data.top_nav.items %}
|
||||
<li>
|
||||
{%- unless nav_item.children -%}
|
||||
{%- assign nested_nav_item_wrapper_classname = "nested-nav--top-menu-item--wrapper__without-children" -%}
|
||||
{%- else -%}
|
||||
{%- assign nested_nav_item_wrapper_classname = "nested-nav-top-menu-item--wrapper__has_children" -%}
|
||||
{%- endunless -%}
|
||||
<div class="nested-nav--top-menu-item-wrapper {{nested_nav_item_wrapper_classname}}">
|
||||
<div class="nested-nav--top-menu-item-wrapper--link">
|
||||
<a {% if nav_item.url %} href="{{ nav_item.url }}" {% else %} href="#" {% endif %}
|
||||
{% if nav_item.fragments contains url_fragment or nav_item.fragment == url_fragment %} class="in-category" {% endif %}
|
||||
>{{ nav_item.label }}</a>
|
||||
</div>
|
||||
{%- if nav_item.children -%}
|
||||
<div class="nested-nav--top-menu-item-wrapper--toggle">
|
||||
<div class="opensearch-toggle-button--wrapper">
|
||||
<a href="#" class="opensearch-toggle-button-link opensearch-toggle-button-link--untoggled opensearch-toggle-button-link__visible">
|
||||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="14" width="30" height="3" fill="#0085B8"/>
|
||||
<rect x="13.5" y="30.5" width="30" height="3" transform="rotate(-90 13.5 30.5)" fill="#0085B8"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="opensearch-toggle-button-link opensearch-toggle-button-link--toggled opensearch-toggle-button-link__invisible">
|
||||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="13.5" width="30" height="3" fill="#0085B8"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
{% if nav_item.children %}
|
||||
<ul>
|
||||
{% for nav_child in nav_item.children %}
|
||||
{%- if nav_child.url contains '://' -%}
|
||||
{%- assign child_url_fragment = '#' -%}
|
||||
{%- else -%}
|
||||
{%- assign child_url_parts = nav_child.url | split: "/" -%}
|
||||
{% assign last_child_url_part = child_url_parts | last %}
|
||||
{% if last_child_url_part contains ".html" %}
|
||||
{% assign child_url_has_filename = true %}
|
||||
{% else %}
|
||||
{% assign child_url_has_filename = false %}
|
||||
{% endif %}
|
||||
{% if last_child_url_part == 'index.html' %}
|
||||
{% assign child_url_filename_is_index = true %}
|
||||
{% else %}
|
||||
{% assign child_url_filename_is_index = false %}
|
||||
{% endif %}
|
||||
{% if is_conference_page %}
|
||||
{% if child_url_has_filename %}
|
||||
{% assign child_url_fragment_index = child_url_parts | size | minus: 2 %}
|
||||
{% assign child_url_fragment = child_url_parts[child_url_fragment_index] %}
|
||||
{% else %}
|
||||
{% assign child_url_fragment = last_child_url_part %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if child_url_has_filename %}
|
||||
{% unless child_url_filename_is_index %}
|
||||
{% assign child_url_fragment = last_child_url_part | replace: ".html", "" %}
|
||||
{% else %}
|
||||
{% assign child_url_fragment_index = child_url_parts | size | minus: 2 %}
|
||||
{% assign child_url_fragment = child_url_parts[child_url_fragment_index] %}
|
||||
{% endunless %}
|
||||
{% else %}
|
||||
{% assign child_url_fragment = last_child_url_part %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{%- endif -%}
|
||||
<li>
|
||||
<a href="{{ nav_child.url }}"
|
||||
{% if page.url == nav_child.url -%}
|
||||
class="in-category"
|
||||
{%- elsif child_url_fragment == url_fragment -%}
|
||||
class="in-category"
|
||||
{%- endif %}
|
||||
>{{ nav_child.label }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<li>
|
||||
<a href="{{ nav_child.url }}"
|
||||
{% if child_url_fragment == url_fragment %} class="in-category" {% endif %}
|
||||
>{{ nav_child.label }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li class="top-banner-search">
|
||||
<div class="top-banner-search--field-with-results">
|
||||
<div class="top-banner-search--field-with-results--field">
|
||||
<div class="top-banner-search--field-with-results--field--wrapper">
|
||||
<div class="top-banner-search--field-with-results--field--wrapper--search-component">
|
||||
<div class="top-banner-search--field-with-results--field--wrapper--search-component--input-wrap">
|
||||
<input type="text" id="search-input" class="top-banner-search--field-with-results--field--wrapper--search-component--search-input"
|
||||
placeholder="Search for anything" aria-label="Search {{ site.title }}"
|
||||
data-docs-version="latest" autocomplete="off"
|
||||
>
|
||||
<div class="top-banner-search--field-with-results--field--wrapper--search-component--search-spinner"><i></i></div>
|
||||
<label for="search-input" class="top-banner-search--field-with-results--field--wrapper--search-component--search-label">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="top-banner-search--field-with-results--field--wrapper--search-component--search-icon" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
|
||||
<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
||||
</svg>
|
||||
</label>
|
||||
</div>
|
||||
<div id="search-results" class="top-banner-search--field-with-results--field--wrapper--search-component--search-results">
|
||||
<div class="top-banner-search--field-with-results--field--wrapper--search-component--search-results-wrapper"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-banner-search--overlay"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="module">
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const menu = document.querySelector('#top .nav-menu-on');
|
||||
const button = document.querySelector('#top .menu-button');
|
||||
button.addEventListener('click', () => {
|
||||
menu.classList.toggle('active');
|
||||
button.classList.toggle('active');
|
||||
});
|
||||
});
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
function getSubMenu(button) {
|
||||
const parentLI = button.closest('li');
|
||||
const childUL = parentLI.querySelector('ul');
|
||||
return childUL;
|
||||
}
|
||||
function initializeCustomMenuHeights(button) {
|
||||
const childUL = getSubMenu(button);
|
||||
const height = childUL?.scrollHeight;
|
||||
childUL?.style?.setProperty?.('--expanded-height', `${height}px`);
|
||||
childUL?.classList?.add?.('nested-nav--menu__mobile-hidden-collapsed');
|
||||
}
|
||||
function onNestedNavMenuTransitionEnd(e) {
|
||||
const { target } = e;
|
||||
if (!target?.hasAttribute?.('expanded')) {
|
||||
target?.classList.add('nested-nav--menu__mobile-hidden-collapsed');
|
||||
}
|
||||
}
|
||||
|
||||
function onToggleButtonClick(e) {
|
||||
const visibleClassName = 'opensearch-toggle-button-link__visible';
|
||||
const visibleSelector = `.${visibleClassName}`;
|
||||
const invisibleClassName = 'opensearch-toggle-button-link__invisible';
|
||||
const invisibleSelector = `.${invisibleClassName}`;
|
||||
|
||||
const toggle = e.currentTarget;
|
||||
const visibleLink = toggle.querySelector(visibleSelector);
|
||||
const invisibleLink = toggle.querySelector(invisibleSelector);
|
||||
visibleLink.classList.remove(visibleClassName);
|
||||
visibleLink.classList.add(invisibleClassName);
|
||||
invisibleLink.classList.remove(invisibleClassName);
|
||||
invisibleLink.classList.add(visibleClassName);
|
||||
|
||||
const childUL = getSubMenu(toggle);
|
||||
const isAlreadyExpanded = childUL?.getAttribute?.('expanded') ?? false;
|
||||
if (childUL.classList.contains('nested-nav--menu__mobile-hidden-collapsed')) {
|
||||
childUL?.classList?.remove?.('nested-nav--menu__mobile-hidden-collapsed');
|
||||
}
|
||||
window.setTimeout(() => childUL?.toggleAttribute?.('expanded'), 60);
|
||||
}
|
||||
|
||||
document.querySelector('#top .navigation-container--nested-nav-wrapper--nested-nav')?.addEventListener?.('transitionend', onNestedNavMenuTransitionEnd);
|
||||
const topNavigationToggleButtons = document.querySelectorAll('#top .opensearch-toggle-button--wrapper');
|
||||
for (let i = 0; i < topNavigationToggleButtons.length; ++i) {
|
||||
const button = topNavigationToggleButtons[i];
|
||||
initializeCustomMenuHeights(button);
|
||||
button.addEventListener('click', onToggleButtonClick);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -124,32 +124,6 @@ layout: table_wrappers
|
|||
{% endif %}
|
||||
</nav>
|
||||
</div>
|
||||
<div class="copy-banner">
|
||||
<div class="container">
|
||||
<h1><a href="/docs/latest/">Documentation</a></h1>
|
||||
{% if site.search_enabled != false or site.use_custom_search == true %}
|
||||
<div class="search">
|
||||
<div class="search-input-wrap">
|
||||
{% assign docs_version = site.data.versions.current %}
|
||||
{% if site.baseurl == '/docs/latest' %}
|
||||
{% assign docs_version = "latest" %}
|
||||
{% endif %}
|
||||
<input type="text" id="search-input" class="search-input"
|
||||
placeholder="Search..." aria-label="Search {{ site.title }}"
|
||||
data-docs-version="{{ docs_version }}" autocomplete="off">
|
||||
<div class="search-spinner"><i></i></div>
|
||||
<label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label>
|
||||
</div>
|
||||
{% if site.search_enabled != false %}
|
||||
<div id="search-results" class="search-results"></div>
|
||||
{% elsif site.use_custom_search == true %}
|
||||
<div id="search-results" class="search-results custom-search-results"></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="search-overlay"></div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div id="main-content-wrap" class="main-content-wrap">
|
||||
{% unless page.url == "/" %}
|
||||
|
|
@ -252,7 +226,6 @@ layout: table_wrappers
|
|||
anchors.add().remove('.subfooter h1, .subfooter h2');
|
||||
</script>
|
||||
{% endif %}
|
||||
<script src="{{ '/assets/js/header-nav.js' | relative_url }}"></script>
|
||||
{% if site.search_enabled == false and site.use_custom_search == true %}
|
||||
<script src="{{ '/assets/js/search.js' | relative_url }}"></script>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
/*!
|
||||
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
|
||||
@import "font-awesome/variables";
|
||||
@import "font-awesome/mixins";
|
||||
@import "font-awesome/path";
|
||||
@import "font-awesome/core";
|
||||
@import "font-awesome/larger";
|
||||
@import "font-awesome/fixed-width";
|
||||
@import "font-awesome/list";
|
||||
@import "font-awesome/bordered-pulled";
|
||||
@import "font-awesome/spinning";
|
||||
@import "font-awesome/rotated-flipped";
|
||||
@import "font-awesome/stacked";
|
||||
@import "font-awesome/icons";
|
||||
|
|
@ -0,0 +1,355 @@
|
|||
$footer-3-column-min: 835px;
|
||||
$footer-2-column-max: 834px;
|
||||
$footer-2-column-min: 701px;
|
||||
$footer-1-column-max:700px;
|
||||
|
||||
.bottom-contentinfo--wrapper {
|
||||
@include clearfix;
|
||||
@include sans-serif;
|
||||
position: relative;
|
||||
background: $primary-open-sky;
|
||||
clear: both;
|
||||
margin-top: 0px;
|
||||
& * {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.bottom-contentinfo--container {
|
||||
overflow: hidden;
|
||||
max-width: 1440px;
|
||||
@media screen and (min-width: 1100px) {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
@media screen and (max-width: 1099px) {
|
||||
margin: 0 auto;
|
||||
max-width: 100vw;
|
||||
padding: 0 20px;
|
||||
}
|
||||
@media screen and (max-width: 740px) {
|
||||
padding: 0;
|
||||
}
|
||||
.visuallyhidden {
|
||||
@include visuallyhidden;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
> .bottom-contentinfo--subfooter {
|
||||
@include clearfix;
|
||||
padding: 0;
|
||||
@include gradient-deep-blue-sea;
|
||||
> .bottom-contentinfo--container {
|
||||
> .subfooter--flex-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
> .subfooter--columns-wrapper {
|
||||
flex-basis: 1265px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
padding-bottom: 60px;
|
||||
> .subfooter--columns-wrapper--column {
|
||||
box-sizing: border-box;
|
||||
@media screen and (min-width: $footer-3-column-min) {
|
||||
flex-basis: 33%;
|
||||
max-width: 350px;
|
||||
padding-left: 80px;
|
||||
}
|
||||
@media screen and (max-width: $footer-2-column-max) and (min-width: $footer-2-column-min) {
|
||||
&:nth-of-type(1) {
|
||||
flex-basis: 50%;
|
||||
padding-left: 40px;
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
flex-basis: 50%;
|
||||
padding-left: 40px;
|
||||
}
|
||||
&:nth-of-type(3) {
|
||||
flex-basis: 100%;
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: $footer-1-column-max) {
|
||||
flex-basis: 100%;
|
||||
padding-left: 10px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
> h4 {
|
||||
@include header-level4($white);
|
||||
margin-top: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
> ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
> li {
|
||||
@media screen and (max-width: $footer-1-column-max) {
|
||||
@include body-text($white);
|
||||
}
|
||||
@media screen and (min-width: $footer-2-column-min) {
|
||||
@include header-level5($white);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
border-top: 1px solid $line;
|
||||
color: $background-lightest;
|
||||
font-weight: 700;
|
||||
margin-top: 20px;
|
||||
padding: 30px 0 10px;
|
||||
@include respond-min(462.5px) {
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
list-style: none;
|
||||
margin: 15px 0 0 0;
|
||||
padding: 0 0 30px;
|
||||
|
||||
li {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-contentinfo--footer {
|
||||
background: $primary-deep-blue-sea-s3;
|
||||
padding: 10px 0 30px;
|
||||
color: #d9d9d9;
|
||||
> .bottom-contentinfo--container {
|
||||
padding: 0;
|
||||
> .footer--flex-wrapper {
|
||||
> .footer--legal-rows-wrapper {
|
||||
text-align: left;
|
||||
margin: auto;
|
||||
max-width: 1265px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
row-gap: 24px;
|
||||
box-sizing: border-box;
|
||||
@media screen and (min-width: $footer-3-column-min) {
|
||||
padding-left: 80px;
|
||||
}
|
||||
@media screen and (min-width: $footer-2-column-min) and (max-width: $footer-2-column-max) {
|
||||
padding-left: 40px;
|
||||
}
|
||||
@media screen and (max-width: $footer-1-column-max) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
> .footer--legal-rows-wrapper--row {
|
||||
flex-basis: 60px;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
box-sizing: border-box;
|
||||
a {
|
||||
color: $primary-open-sky-t1;
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
color: $primary-pacific-sky-t3;
|
||||
}
|
||||
&:visited {
|
||||
color: $primary-open-sky-t2;
|
||||
}
|
||||
}
|
||||
svg > path {
|
||||
fill: $primary-pacific-sky-t3;
|
||||
}
|
||||
@media screen and (max-width: $footer-1-column-max) {
|
||||
> .footer--legal-rows-wrapper--row--logo__desktop {
|
||||
display: none;
|
||||
}
|
||||
> .footer--legal-rows-wrapper--row--logo__mobile {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
> svg {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $footer-2-column-min) {
|
||||
> .footer--legal-rows-wrapper--row--logo__mobile {
|
||||
display: none;
|
||||
}
|
||||
> .footer--legal-rows-wrapper--row--logo__desktop {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a, svg {
|
||||
color: $accent-light;
|
||||
}
|
||||
svg {
|
||||
float: left;
|
||||
height: 50px;
|
||||
padding-top: 40px;
|
||||
padding-right: 30px;
|
||||
|
||||
}
|
||||
.copyright {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
margin: 20px 0 0 10px;
|
||||
@include respond-min(462.5px) {
|
||||
max-width: 80%;
|
||||
padding-top: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.logo {
|
||||
margin-right: 0;
|
||||
margin-top: 28px;
|
||||
.mdzr-svg & {
|
||||
background-position: left center;
|
||||
margin-right: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 40px;
|
||||
@include sans-serif;
|
||||
background: url(../img/logo-search.png) 0 0 no-repeat;
|
||||
color: $accent-dark;
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
height: 50px;
|
||||
margin: 10px;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
text-indent: 100%;
|
||||
width: 142px;
|
||||
@include respond-min(462.5px) {
|
||||
float: left;
|
||||
margin: 20px 90px 0 0;
|
||||
}
|
||||
|
||||
.mdzr-svg & {
|
||||
background: url(../img/logo-search.svg) center center no-repeat;
|
||||
height: 39px;
|
||||
width: $logo_width;
|
||||
}
|
||||
}
|
||||
|
||||
.thanks {
|
||||
font-size: 12px;
|
||||
color: $attention-dark;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@include respond-min(462.5px) {
|
||||
border: none;
|
||||
}
|
||||
|
||||
li {
|
||||
@include clearfix;
|
||||
margin: 0;
|
||||
padding: 17px 10px 11px;
|
||||
display: block;
|
||||
clear: both;
|
||||
@include respond-min(462.5px) {
|
||||
background: none;
|
||||
float: left;
|
||||
clear: none;
|
||||
padding: 0 3% 0 0;
|
||||
width: 30%;
|
||||
|
||||
&.design {
|
||||
|
||||
span.ampersand, a {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
&.threespot {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
&.ampersand {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
margin: 0 6px;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.ampersand {
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
height: 24px;
|
||||
line-height: 36px;
|
||||
padding-right: 12px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
height: 33px;
|
||||
overflow: hidden;
|
||||
text-indent: -200px;
|
||||
width: 94px;
|
||||
@include respond-min(462.5px) {
|
||||
clear: both;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
&.rackspace {
|
||||
background: url(../img/logo-rackspace.png) no-repeat left center;
|
||||
.mdzr-svg & {
|
||||
background: url(../img/logo-rackspace.svg) no-repeat left center;
|
||||
}
|
||||
}
|
||||
|
||||
&.threespot {
|
||||
background: url(../img/logo-threespot.png) no-repeat left center;
|
||||
.mdzr-svg & {
|
||||
background: url(../img/logo-threespot.svg) no-repeat left center;
|
||||
}
|
||||
}
|
||||
&.andrevv {
|
||||
background: url(../img/logo-andrevv.png) no-repeat left center;
|
||||
.mdzr-svg & {
|
||||
background: url(../img/logo-andrevv.svg) no-repeat left center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,775 @@
|
|||
$header-banner-min-width: 1019px;
|
||||
$header-banner-mobile-breakpoint: 1018px;
|
||||
$header-logo-max-left: 80px;
|
||||
$header-navigation-max-right: 40px;
|
||||
$max-container: 1440px;
|
||||
|
||||
#top {
|
||||
@include clearfix;
|
||||
background: $light-theme-navigation-background;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 10px 0 6px;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
box-sizing: content-box;
|
||||
& * {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
z-index: 9;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
> .navigation-container {
|
||||
max-width: 1440px;
|
||||
position: relative;
|
||||
box-sizing: content-box;
|
||||
@media screen and (min-width: 740px) and (max-width: 1045px) {
|
||||
padding: 0 20px;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
padding: 0;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) and (max-width: 1099px) {
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
@media screen and (min-width: 1100px) {
|
||||
margin: 0 auto;
|
||||
padding: 0 4.1666666667%;
|
||||
}
|
||||
> .navigation-container--logo {
|
||||
color: #fff;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 35px;
|
||||
font-weight: 700;
|
||||
height: 43px;
|
||||
margin: 10px;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
text-indent: 100%;
|
||||
position: relative;
|
||||
left: min(80px, calc(100% - $header-banner-min-width));
|
||||
box-sizing: content-box;
|
||||
@media screen and (max-width: 1339px) {
|
||||
left: 0;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
margin-left: 0;
|
||||
}
|
||||
svg {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px
|
||||
}
|
||||
}
|
||||
.menu-button {
|
||||
font-size: 35px;
|
||||
color: $primary-deep-blue-sea-t1;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: right;
|
||||
height: 45px;
|
||||
line-height: 48px;
|
||||
margin: 4px 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 45px;
|
||||
> i {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
&:nth-of-type(1) {
|
||||
display: inline-block;
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
display: none;
|
||||
}
|
||||
span {
|
||||
@include visuallyhidden;
|
||||
}
|
||||
&.active {
|
||||
> i {
|
||||
&:nth-of-type(1) {
|
||||
display: none;
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
> .navigation-container--nested-nav-wrapper {
|
||||
margin-top: 17px;
|
||||
margin-right: 40px;
|
||||
width: 100%;
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
background: $primary-open-sky-s3;
|
||||
height: 0;
|
||||
margin-top: 0;
|
||||
overflow: hidden;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
float: right;
|
||||
height: auto;
|
||||
max-height: none;
|
||||
transition: none;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
@media screen and (max-width: 1339px) {
|
||||
margin-right: 0;
|
||||
}
|
||||
&.active {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
height: calc(100vh - 65px);
|
||||
overflow-y: auto;
|
||||
> .navigation-container--nested-nav-wrapper--nested-nav {
|
||||
@include clearfix;
|
||||
height: auto;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .navigation-container--nested-nav-wrapper--nested-nav {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
> li {
|
||||
color: $primary-open-sky-s3;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 16px;
|
||||
text-align: left;
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
padding-bottom: 20px;
|
||||
padding-top: 15px;
|
||||
border-bottom-color: $primary-open-sky-s2;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
margin-right: 5px;
|
||||
&:hover {
|
||||
> ul {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
top: calc(100% + 7px);
|
||||
transition: opacity 0.25s ease-out, top 0.25s ease-out, visibility 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1040px) and (max-width: 1102px) {
|
||||
margin-right: 0.9vw;
|
||||
}
|
||||
@media screen and (min-width: 1103px) and (max-width: 1149px) {
|
||||
margin-right: 1vw;
|
||||
}
|
||||
@media screen and (min-width: 1150px) and (max-width: 1369px) {
|
||||
margin-right: 15px;
|
||||
}
|
||||
@media screen and (min-width: 1370px) {
|
||||
margin-right: 30px;
|
||||
}
|
||||
> .nested-nav--top-menu-item-wrapper {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
width: 100%;
|
||||
}
|
||||
&.nested-nav-top-menu-item--wrapper__has_children {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
> .nested-nav--top-menu-item-wrapper--link {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
flex-basis: calc(100% - 30px - 20px);
|
||||
height: 30px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
> a {
|
||||
&.in-category,
|
||||
&:hover {
|
||||
color: $primary-open-sky-s2;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: $primary-open-sky-s2;
|
||||
text-decoration-thickness: 2px;
|
||||
text-underline-offset: 6px;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
@include header-level3($primary-open-sky-t3);
|
||||
padding-left: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
display: inline;
|
||||
@include header-level6($primary-open-sky-s3);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .nested-nav--top-menu-item-wrapper--toggle {
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
flex-basis: 30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0 20px 0 0;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
> .opensearch-toggle-button--wrapper {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
> .opensearch-toggle-button-link {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
}
|
||||
&.opensearch-toggle-button-link__visible {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nested-nav--top-menu-item--wrapper__without-children {
|
||||
> .nested-nav--top-menu-item-wrapper--link {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
flex-basis: 100%;
|
||||
width: 100%;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
> .nested-nav--top-menu-item-wrapper--toggle {
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
flex-basis: 0;
|
||||
width: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
> ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-width: 100%;
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
min-width: 100%;
|
||||
transition: opacity .25s ease-out, top 0s .5s, visibility 0s .5s;
|
||||
visibility: hidden;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
transition: all .25s ease-out;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
&[expanded] {
|
||||
height: var(--expanded-height);
|
||||
opacity: 1;
|
||||
}
|
||||
&.nested-nav--menu__mobile-hidden-collapsed {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
> li {
|
||||
color: $primary-open-sky-s3;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 16px;
|
||||
margin: 0;
|
||||
> a {
|
||||
text-decoration: none;
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
@include header-level6($primary-open-sky-s3);
|
||||
width: max-content;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
padding: 18px 0 0 0;
|
||||
margin-left: 18px;
|
||||
margin-right: 18px;
|
||||
&:hover,
|
||||
&.in-category {
|
||||
color: $primary-open-sky-s2;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: $primary-open-sky-s2;
|
||||
text-decoration-thickness: 2px;
|
||||
text-underline-offset: 6px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
@include body-text;
|
||||
color: $primary-open-sky-t3;
|
||||
padding-left: 10px;
|
||||
&.in-category {
|
||||
color: #006D97;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: #006D97;
|
||||
text-decoration-thickness: 2px;
|
||||
text-underline-offset: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-of-type {
|
||||
> a {
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(:first-child) {
|
||||
> ul {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
&:hover {
|
||||
> ul {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
top: calc(100% + .5em);
|
||||
transition: opacity .25s ease-out, top .25s ease-out, visibility 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
> li.top-banner-search {
|
||||
display: inline-flex;
|
||||
align-items: flex-start;
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: flex;
|
||||
width: calc(100% - 20px);
|
||||
padding: 15px 10px;
|
||||
height: 60px;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
> .top-banner-search--field-with-results {
|
||||
display: inline-flex;
|
||||
align-items: flex-start;
|
||||
min-width: 200px;
|
||||
justify-content: stretch;
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
position: relative;
|
||||
top: -4px;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 11;
|
||||
}
|
||||
> .top-banner-search--field-with-results--field {
|
||||
flex-basis: 100%;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
> .top-banner-search--field-with-results--field--wrapper {
|
||||
position: relative;
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component--input-wrap {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: height linear 200ms;
|
||||
@media screen and (min-width: 462.5px) {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: none;
|
||||
transition: width ease 400ms;
|
||||
}
|
||||
>.top-banner-search--field-with-results--field--wrapper--search-component--search-input {
|
||||
padding-left: 9.6px;
|
||||
padding-right: 6px;
|
||||
transition: padding-right linear 200ms;
|
||||
border-radius: 6px;
|
||||
border-color: $primary-pacific-sky-t2;
|
||||
border-width: 0;
|
||||
background-color: $primary-pacific-sky-t2;
|
||||
@include header-level6($primary-open-sky-s2);
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
&::placeholder {
|
||||
@include header-level6($primary-open-sky-s2);
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
height: 60px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
height: 45px;
|
||||
position: relative;
|
||||
top: -6px;
|
||||
border: none;
|
||||
}
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
&:focus + .top-banner-search--field-with-results--field--wrapper--search-component--search-label .top-banner-search--field-with-results--field--wrapper--search-component--search-icon {
|
||||
color: #0055A6;
|
||||
}
|
||||
}
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component--search-spinner {
|
||||
display: none;
|
||||
font-weight: 700;
|
||||
outline: 0;
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
padding-right: 9.6px;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
left: auto;
|
||||
|
||||
&.top-banner-search--field-with-results--field--wrapper--search-component--search-spinner__spinning {
|
||||
display: flex;
|
||||
& ~ .top-banner-search--field-with-results--field--wrapper--search-component--search-label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
> i {
|
||||
border-color: rgba(77, 131, 153, 0.2);
|
||||
position: relative;
|
||||
animation: spin 0.6s infinite linear;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
vertical-align: middle;
|
||||
align-self: center;
|
||||
&:before {
|
||||
content: "";
|
||||
border: 3px solid rgba(77, 131, 153, 0);
|
||||
border-top-color: rgba(77, 131, 153, 0.8);
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
left: -3px;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component--search-label {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
right: 4px;
|
||||
top: 17px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
transition: right linear 200ms;
|
||||
@media screen and (min-width: $header-banner-min-width) {
|
||||
padding-left: 32px;
|
||||
transition: padding-left linear 200ms;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
width: 25px;
|
||||
height: 26px;
|
||||
top: 17px;
|
||||
}
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component--search-icon {
|
||||
width: 19.2px;
|
||||
height: 19.2px;
|
||||
align-self: center;
|
||||
color: #4D8399;
|
||||
}
|
||||
}
|
||||
}
|
||||
> #search-results.top-banner-search--field-with-results--field--wrapper--search-component--search-results {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
display: none;
|
||||
width: 100%;
|
||||
max-height: unset;
|
||||
overflow-y: auto;
|
||||
background-color: #fff;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
|
||||
@media (min-width: $header-banner-min-width) {
|
||||
top: 50px;
|
||||
width: 536px;
|
||||
right: 0;
|
||||
left: auto;
|
||||
max-height: calc(100vh - 200% - 60px);
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
height: calc(100vh - 64px);
|
||||
top: 66px;
|
||||
padding-top: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component--search-results-wrapper {
|
||||
@include clearfix;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component--search-results--result {
|
||||
padding: 0 16px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0;
|
||||
@media screen and (min-width: 1019px) {
|
||||
padding: 16px;
|
||||
}
|
||||
> a {
|
||||
font-family: "Open Sans Condensed", sans-serif;
|
||||
line-height: 1.6;
|
||||
font-weight: bold;
|
||||
background: linear-gradient(rgb(238, 235, 238) 0%, rgb(238, 235, 238) 100%) repeat-x 0 100%/1px 1px;
|
||||
color: #0055a6;
|
||||
font-size: 20px;
|
||||
text-decoration: #0055a6;
|
||||
white-space: unset;
|
||||
display: inline;
|
||||
&:hover {
|
||||
background-image: linear-gradient(rgba(0, 85, 166, 0.45) 0%, rgba(0, 85, 166, 0.45) 100%);
|
||||
}
|
||||
> cite {
|
||||
font-size: 12px;
|
||||
font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
|
||||
color: #002A3A;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
> span {
|
||||
font-size: 14px;
|
||||
color: #1B4859;
|
||||
line-height: 1.4;
|
||||
display: block;
|
||||
overflow-wrap: break-word;
|
||||
font-weight: normal;
|
||||
&:only-child {
|
||||
text-align: center;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
> .top-banner-search--overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
opacity: 0;
|
||||
transition: opacity ease 400ms, width 0s 400ms, height 0s 400ms;
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-active {
|
||||
#top {
|
||||
> .navigation-container {
|
||||
> .navigation-container--nested-nav-wrapper {
|
||||
> .navigation-container--nested-nav-wrapper--nested-nav {
|
||||
> li.top-banner-search {
|
||||
> .top-banner-search--field-with-results {
|
||||
> .top-banner-search--field-with-results--field {
|
||||
> .top-banner-search--field-with-results--field--wrapper {
|
||||
> .top-banner-search--field-with-results--field--wrapper--search-component {
|
||||
> #search-results.top-banner-search--field-with-results--field--wrapper--search-component--search-results {
|
||||
display: block;
|
||||
}
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top-banner-search--overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
opacity: 0;
|
||||
transition: opacity ease 400ms, width 0s 400ms, height 0s 400ms;
|
||||
|
||||
@media screen and (max-width: $header-banner-mobile-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1018px) {
|
||||
.search-active .top-banner-search--field-with-results--field--wrapper--search-component {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-active .top-banner-search--field-with-results--field--wrapper--search-component--input-wrap {
|
||||
height: 64px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@media (min-width: $header-banner-min-width) {
|
||||
.search-active .top-banner-search--field-with-results--field--wrapper--search-component--input-wrap {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
}
|
||||
|
||||
.search-active .top-banner-search--field-with-results--field--wrapper--search-component--search-input {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.search-active .top-banner-search--field-with-results--field--wrapper--search-component--search-results {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.search-active .top-banner-search--overlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
transition: opacity ease 400ms, width 0s, height 0s;
|
||||
}
|
||||
|
||||
@media (min-width: $header-banner-min-width) {
|
||||
.search-active .main {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-active .main-header {
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
@media (min-width: $header-banner-min-width) {
|
||||
.search-active .main-header {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-active .main {
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
@media (min-width: $header-banner-min-width) {
|
||||
.search-active .top-banner-search--field-with-results--field--wrapper--search-component--search-results {
|
||||
right: 0;
|
||||
left: auto;
|
||||
max-height: calc(100vh - 200% - 60px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.search-active {
|
||||
body {
|
||||
position: fixed;
|
||||
|
||||
@media (min-width: $header-banner-min-width) {
|
||||
position: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg)
|
||||
}
|
||||
}
|
||||
|
|
@ -1,137 +0,0 @@
|
|||
@media screen and (min-width: 46.25rem) {
|
||||
#top {
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
[role="banner"] {
|
||||
overflow: visible;
|
||||
|
||||
.nav-menu-on {
|
||||
overflow: visible;
|
||||
|
||||
.nested-nav {
|
||||
li {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[role="navigation"] ul.nested-nav > li:before {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
[role="navigation"] .nested-nav {
|
||||
> li {
|
||||
position: relative;
|
||||
float: left;
|
||||
|
||||
> a {
|
||||
padding: .5em 0;
|
||||
}
|
||||
|
||||
> ul {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-width: 100%;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
|
||||
border-radius: 2px;
|
||||
left: -.5em;
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
float: none;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $text;
|
||||
padding: .46875rem .9375rem;
|
||||
display: block;
|
||||
font-size: 90%;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
color: $attention;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
> ul {
|
||||
left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
> ul {
|
||||
right: .5em;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> ul {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
top: calc(100% + .5em);
|
||||
transition: opacity .25s ease-out, top .25s ease-out, visibility 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
/*display: none;*/
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
transition: opacity .25s ease-out, top 0s .5s, visibility 0s .5s;
|
||||
top: calc(100%);
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* This is placed in a media query to prevent the momentary distortion of the page
|
||||
* when it is rendered and the browser takes its time to evaluate the @media.
|
||||
*/
|
||||
@media screen and (max-width: 46.24rem) {
|
||||
[role="banner"] .nested-nav {
|
||||
li {
|
||||
line-height: 1.5em;
|
||||
font-size: 1.125rem;
|
||||
|
||||
ul {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
|
||||
&:not(:last-child) {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> li {
|
||||
> a.in-category:not(:last-child) {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[role="banner"] [role="navigation"] .nested-nav li:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -718,7 +718,7 @@ main {
|
|||
}
|
||||
|
||||
@include mq(md) {
|
||||
padding-top: calc(4rem + 9px);
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.side-bar {
|
||||
|
|
@ -784,7 +784,7 @@ main {
|
|||
-moz-osx-font-smoothing: auto;
|
||||
}
|
||||
|
||||
[role="banner"] {
|
||||
[role="banner"]:not(#top) {
|
||||
// Includes global navigation, logo, and tagline at top of document
|
||||
@include clearfix;
|
||||
background: $accent-dark;
|
||||
|
|
@ -799,419 +799,6 @@ main {
|
|||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.meta {
|
||||
@include font-size(13);
|
||||
color: $attention;
|
||||
font-weight: 700;
|
||||
width: auto;
|
||||
float: left;
|
||||
margin: 8px 0 0 10px;
|
||||
display: none;
|
||||
|
||||
@include respond-min(1150px) {
|
||||
float: left;
|
||||
width: 200px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.logo {
|
||||
@include font-size(40);
|
||||
@include sans-serif;
|
||||
/*background: url(../img/logo-search.png) 0 0 no-repeat;*/
|
||||
color: $background-lightest;
|
||||
display: block;
|
||||
float: left;
|
||||
font-weight: 700;
|
||||
margin: 10px;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
text-indent: 100%;
|
||||
width: 170px;
|
||||
height: 36px;
|
||||
position: relative;
|
||||
svg {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px
|
||||
}
|
||||
/*.mdzr-svg & { // deliver svg logo if applicable
|
||||
background: url(../img/opensearch-logo-monochrome.svg) center center no-repeat;
|
||||
}*/
|
||||
|
||||
@include mq(md) {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
@include font-size(20);
|
||||
background: $accent-dark;
|
||||
border-radius: 23px;
|
||||
color: $background-lightest;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: right;
|
||||
height: 45px;
|
||||
line-height: 48px;
|
||||
margin: 4px 10px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 45px;
|
||||
|
||||
@include mq(md) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $attention;
|
||||
}
|
||||
|
||||
span {
|
||||
@include visuallyhidden;
|
||||
}
|
||||
|
||||
&.active {
|
||||
opacity: 0.5;
|
||||
|
||||
& ~ .nav-menu-on {
|
||||
max-height: 500px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-menu-on {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
@include mq(md) {
|
||||
// turn off animations if on a desktop width
|
||||
max-height: none;
|
||||
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
[role="navigation"] {
|
||||
background: $accent-dark;
|
||||
|
||||
width: 100%;
|
||||
|
||||
@include mq(md) {
|
||||
width: auto;
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
|
||||
@include mq(md) {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
@include sans-serif;
|
||||
@include font-size(13);
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
line-height: 16px;
|
||||
text-align: left;
|
||||
text-transform: uppercase;
|
||||
margin: 0 10px;
|
||||
|
||||
@include mq(md) {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&.active a {
|
||||
color: $attention;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: $background-lightest;
|
||||
display: block;
|
||||
@include mq(md) {
|
||||
padding: 20px 0px;
|
||||
}
|
||||
text-decoration: none;
|
||||
background: none;
|
||||
|
||||
&:active, &:hover {
|
||||
color: $highlight;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-primary {
|
||||
@include mq(md) {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 45px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[role="banner"] [role="navigation"] {
|
||||
margin-top: 17px;
|
||||
|
||||
li {
|
||||
color: $attention;
|
||||
text-transform: none;
|
||||
margin-right: 0.5em;
|
||||
|
||||
}
|
||||
li a {
|
||||
display: inline;
|
||||
color: white;
|
||||
}
|
||||
li a.in-category {
|
||||
color: $attention;
|
||||
}
|
||||
|
||||
li + li:before {
|
||||
content: "·";
|
||||
color: $text-light;
|
||||
display: inline-block;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
[role="contentinfo"] {
|
||||
// Global Footer at bottom of page
|
||||
@include clearfix;
|
||||
@include sans-serif;
|
||||
position: relative;
|
||||
background: $attention;
|
||||
clear: both;
|
||||
margin-top: 0px;
|
||||
|
||||
& * {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.subfooter {
|
||||
@include clearfix;
|
||||
padding: 0 10px;
|
||||
|
||||
@include mq(md) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.col {
|
||||
&:first-child {
|
||||
h2 {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
@include mq(md) {
|
||||
float: left;
|
||||
margin-bottom: -999px;
|
||||
padding: 0 3% 999px 0;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
&.last-child {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include heading-sans-serif;
|
||||
@include font-size(16, true);
|
||||
border-top: 1px solid $line;
|
||||
color: $background-lightest;
|
||||
font-weight: 700;
|
||||
margin: 20px 0 .83em 0;
|
||||
padding: 30px 0 10px;
|
||||
line-height: 1.6;
|
||||
|
||||
@include mq(md) {
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
@include font-size(14);
|
||||
font-weight: 400;
|
||||
list-style: none;
|
||||
margin: 15px 0 0 0;
|
||||
padding: 0 0 30px;
|
||||
|
||||
li {
|
||||
margin: 10px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
background: none;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: $accent-dark;
|
||||
margin-top: 20px;
|
||||
padding: 10px 0 30px;
|
||||
color: $white;
|
||||
a {
|
||||
color: $accent-light;
|
||||
background: none;
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
svg {
|
||||
float: left;
|
||||
height: 50px;
|
||||
padding-top: 40px;
|
||||
padding-right: 30px;
|
||||
color: $accent-light;
|
||||
}
|
||||
.copyright {
|
||||
float: left;
|
||||
@include font-size(12);
|
||||
margin: 20px 0 0 10px;
|
||||
@include mq(md) {
|
||||
max-width: 80%;
|
||||
padding-top: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.logo {
|
||||
margin-right: 0;
|
||||
margin-top: 28px;
|
||||
.mdzr-svg & {
|
||||
background-position: left center;
|
||||
margin-right: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
@include font-size(40);
|
||||
@include sans-serif;
|
||||
color: $accent-dark;
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
height: 50px;
|
||||
margin: 10px;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
text-indent: 100%;
|
||||
width: 142px;
|
||||
@include mq(md) {
|
||||
float: left;
|
||||
margin: 20px 90px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.thanks {
|
||||
@include font-size(12);
|
||||
color: $attention-dark;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@include mq(md) {
|
||||
border: none;
|
||||
}
|
||||
|
||||
li {
|
||||
@include clearfix;
|
||||
margin: 0;
|
||||
padding: 17px 10px 11px;
|
||||
display: block;
|
||||
clear: both;
|
||||
@include mq(md) {
|
||||
background: none;
|
||||
float: left;
|
||||
clear: none;
|
||||
padding: 0 3% 0 0;
|
||||
width: 30%;
|
||||
|
||||
&.design {
|
||||
|
||||
span.ampersand, a {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
&.threespot {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
&.ampersand {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
margin: 0 6px;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.ampersand {
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
height: 24px;
|
||||
line-height: 36px;
|
||||
padding-right: 12px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
height: 33px;
|
||||
overflow: hidden;
|
||||
text-indent: -200px;
|
||||
width: 94px;
|
||||
|
||||
@include mq(md) {
|
||||
clear: both;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.visuallyhidden {
|
||||
|
|
@ -1222,30 +809,22 @@ main {
|
|||
}
|
||||
|
||||
@media screen and (max-width: ($content-width - 1)) {
|
||||
[role="banner"] .nav-menu-on .small-nav {
|
||||
|
||||
li {
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
}
|
||||
li + li:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-reorder {
|
||||
display: inline-block;
|
||||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M96 20v-8c0-1.1-.4-2-1.2-2.8S93.1 8 92 8H4c-1.1 0-2 .4-2.8 1.2S0 10.9 0 12v8c0 1.1.4 2 1.2 2.8S2.9 24 4 24h88c1.1 0 2-.4 2.8-1.2S96 21.1 96 20zm0 32v-8c0-1.1-.4-2-1.2-2.8S93.1 40 92 40H4c-1.1 0-2 .4-2.8 1.2S0 42.9 0 44v8c0 1.1.4 2 1.2 2.8S2.9 56 4 56h88c1.1 0 2-.4 2.8-1.2S96 53.1 96 52zm0 32v-8c0-1.1-.4-2-1.2-2.8S93.1 72 92 72H4c-1.1 0-2 .4-2.8 1.2S0 74.9 0 76v8c0 1.1.4 2 1.2 2.8S2.9 88 4 88h88c1.1 0 2-.4 2.8-1.2S96 85.1 96 84z' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
|
||||
width: 17px;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
main {
|
||||
flex-flow: column nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-reorder {
|
||||
display: inline-block;
|
||||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M96 20v-8c0-1.1-.4-2-1.2-2.8S93.1 8 92 8H4c-1.1 0-2 .4-2.8 1.2S0 10.9 0 12v8c0 1.1.4 2 1.2 2.8S2.9 24 4 24h88c1.1 0 2-.4 2.8-1.2S96 21.1 96 20zm0 32v-8c0-1.1-.4-2-1.2-2.8S93.1 40 92 40H4c-1.1 0-2 .4-2.8 1.2S0 42.9 0 44v8c0 1.1.4 2 1.2 2.8S2.9 56 4 56h88c1.1 0 2-.4 2.8-1.2S96 53.1 96 52zm0 32v-8c0-1.1-.4-2-1.2-2.8S93.1 72 92 72H4c-1.1 0-2 .4-2.8 1.2S0 74.9 0 76v8c0 1.1.4 2 1.2 2.8S2.9 88 4 88h88c1.1 0 2-.4 2.8-1.2S96 85.1 96 84z' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
|
||||
width: 17px;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.icon-remove:before, .icon-close:before, .icon-times:before {
|
||||
content: "\f00d";
|
||||
}
|
||||
|
||||
.copy-banner {
|
||||
background: $background-darkest;
|
||||
padding: 1px 10px;
|
||||
|
|
@ -1315,28 +894,6 @@ main {
|
|||
}
|
||||
}
|
||||
|
||||
.search-active {
|
||||
body {
|
||||
position: fixed;
|
||||
|
||||
@include mq(md) {
|
||||
position: unset;
|
||||
}
|
||||
}
|
||||
.main {
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
.search-results {
|
||||
@include mq(md) {
|
||||
right: 0;
|
||||
left: auto;
|
||||
|
||||
max-height: calc(100vh - 200% - 60px) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.site-header {
|
||||
background: #D9E1E2;
|
||||
|
|
@ -1443,108 +1000,94 @@ version-selector {
|
|||
--link-color: #{$blue-300};
|
||||
}
|
||||
|
||||
.custom-search-results {
|
||||
& > div {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
cite {
|
||||
@include font-size(12);
|
||||
@include sans-serif;
|
||||
color: $grey-dk-300;
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
a {
|
||||
@include font-size(20);
|
||||
@include heading-sans-serif;
|
||||
line-height: 1.6;
|
||||
font-weight: bold;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
span {
|
||||
@include font-size(14);
|
||||
color: $grey-dk-200;
|
||||
line-height: 1.4;
|
||||
display: block;
|
||||
overflow-wrap: break-word;
|
||||
|
||||
&:only-child {
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.highlighted {
|
||||
background: #EAF4F9;
|
||||
}
|
||||
body {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@include respond-min(46.25rem) {
|
||||
.banner-alert ~ main .custom-search-results {
|
||||
max-height: calc(100vh - 200% - 60px - 3.6rem) !important;
|
||||
#top {
|
||||
a:not([class]) {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
.search-spinner {
|
||||
display: none;
|
||||
font-weight: 700;
|
||||
outline: 0;
|
||||
user-select: none;
|
||||
|
||||
position: absolute;
|
||||
padding-left: 0.6rem;
|
||||
height: 100%;
|
||||
|
||||
&.spinning {
|
||||
display: flex;
|
||||
|
||||
& ~ .search-label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-spinner > i {
|
||||
border-color: rgba($grey-dk-000, 0.2);
|
||||
position: relative;
|
||||
animation: spin 0.6s infinite linear;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
vertical-align: middle;
|
||||
align-self: center;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
border: 3px solid rgba($grey-dk-000, 0);
|
||||
border-top-color: rgba($grey-dk-000, 0.8);
|
||||
border-radius: 100%;
|
||||
display: block;
|
||||
left: -3px;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
.bottom-contentinfo--wrapper {
|
||||
box-sizing: content-box;
|
||||
& * {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg)
|
||||
a:not([class]) {
|
||||
background-image: none;
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg)
|
||||
svg {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
h4 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@import "../_nested-nav.scss";
|
||||
$light-theme-navigation-background: rgba(0, 163, 224, 0.05);
|
||||
$primary-deep-blue-sea-s3: #001E30;
|
||||
$primary-deep-blue-sea-t1: #2C5E7A;
|
||||
$primary-open-sky: #00A3E0;
|
||||
$primary-open-sky-s3: #003551;
|
||||
$primary-open-sky-s2: #006D97;
|
||||
$primary-open-sky-t1: #4FB3E3;
|
||||
$primary-open-sky-t2: #9BCFED;
|
||||
$primary-open-sky-t3: #E1F0F9;
|
||||
$primary-pacific-sky-t2: #DCEBF4;
|
||||
$primary-pacific-sky-t3: #F4F8FB;
|
||||
|
||||
@mixin body-text($color: #000) {
|
||||
color: $color;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
@mixin gradient-deep-blue-sea {
|
||||
background: linear-gradient(180deg, #016BA7 0%, #011C2D 97.92%);
|
||||
}
|
||||
|
||||
@mixin header-level3($color: $primary-open-sky-s1) {
|
||||
color: $color;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 21px;
|
||||
font-style: normal;
|
||||
line-height: 36px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@mixin header-level4($color: $primary-open-sky-s3) {
|
||||
color: $color;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 24px;
|
||||
letter-spacing: 4.5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@mixin header-level5($color: $primary-open-sky-s3) {
|
||||
color: $color;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
@mixin header-level6($color: $primary-open-sky-s2) {
|
||||
color: $color;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
@import "../font-awesome.scss";
|
||||
@import "../_navigation-header.scss";
|
||||
@import "../footer.scss";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
// Bordered & Pulled
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid .08em $fa-border-color;
|
||||
border-radius: .1em;
|
||||
}
|
||||
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.pull-left { margin-right: .3em; }
|
||||
&.pull-right { margin-left: .3em; }
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
// Base Class Definition
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.#{$fa-css-prefix}-fw {
|
||||
width: calc(18em / 14);
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -0,0 +1,552 @@
|
|||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
|
||||
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
|
||||
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
|
||||
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
|
||||
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
|
||||
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
|
||||
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
|
||||
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
|
||||
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
|
||||
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
|
||||
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
|
||||
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
|
||||
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
|
||||
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
|
||||
.#{$fa-css-prefix}-remove:before,
|
||||
.#{$fa-css-prefix}-close:before,
|
||||
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
|
||||
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
|
||||
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
|
||||
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
|
||||
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
|
||||
.#{$fa-css-prefix}-gear:before,
|
||||
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
|
||||
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
|
||||
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
|
||||
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
|
||||
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
|
||||
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
|
||||
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
|
||||
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
|
||||
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
|
||||
.#{$fa-css-prefix}-rotate-right:before,
|
||||
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
|
||||
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
|
||||
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
|
||||
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
|
||||
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
|
||||
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
|
||||
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
|
||||
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
|
||||
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
|
||||
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
|
||||
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
|
||||
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
|
||||
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
|
||||
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
|
||||
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
|
||||
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
|
||||
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
|
||||
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
|
||||
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
|
||||
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
|
||||
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
|
||||
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
|
||||
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
|
||||
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
|
||||
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
|
||||
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
|
||||
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
|
||||
.#{$fa-css-prefix}-dedent:before,
|
||||
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
|
||||
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
|
||||
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
|
||||
.#{$fa-css-prefix}-photo:before,
|
||||
.#{$fa-css-prefix}-image:before,
|
||||
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
|
||||
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
|
||||
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
|
||||
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
|
||||
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
|
||||
.#{$fa-css-prefix}-edit:before,
|
||||
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
|
||||
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
|
||||
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
|
||||
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
|
||||
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
|
||||
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
|
||||
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
|
||||
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
|
||||
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
|
||||
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
|
||||
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
|
||||
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
|
||||
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
|
||||
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
|
||||
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
|
||||
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
|
||||
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
|
||||
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
|
||||
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
|
||||
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
|
||||
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
|
||||
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
|
||||
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
|
||||
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
|
||||
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
|
||||
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
|
||||
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
|
||||
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
|
||||
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
|
||||
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
|
||||
.#{$fa-css-prefix}-mail-forward:before,
|
||||
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
|
||||
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
|
||||
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
|
||||
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
|
||||
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
|
||||
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
|
||||
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
|
||||
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
|
||||
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
|
||||
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
|
||||
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
|
||||
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
|
||||
.#{$fa-css-prefix}-warning:before,
|
||||
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
|
||||
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
|
||||
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
|
||||
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
|
||||
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
|
||||
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
|
||||
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
|
||||
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
|
||||
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
|
||||
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
|
||||
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
|
||||
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
|
||||
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
|
||||
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
|
||||
.#{$fa-css-prefix}-bar-chart-o:before,
|
||||
.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
|
||||
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
|
||||
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
|
||||
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
|
||||
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
|
||||
.#{$fa-css-prefix}-gears:before,
|
||||
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
|
||||
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
|
||||
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
|
||||
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
|
||||
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
|
||||
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
|
||||
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
|
||||
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
|
||||
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
|
||||
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
|
||||
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
|
||||
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
|
||||
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
|
||||
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
|
||||
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
|
||||
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
|
||||
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
|
||||
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
|
||||
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
|
||||
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
|
||||
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
|
||||
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
|
||||
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
|
||||
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
|
||||
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
|
||||
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
|
||||
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
|
||||
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
|
||||
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
|
||||
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
|
||||
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
|
||||
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
|
||||
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
|
||||
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
|
||||
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
|
||||
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
|
||||
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
|
||||
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
|
||||
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
|
||||
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
|
||||
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
|
||||
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
|
||||
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
|
||||
.#{$fa-css-prefix}-group:before,
|
||||
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
|
||||
.#{$fa-css-prefix}-chain:before,
|
||||
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
|
||||
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
|
||||
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
|
||||
.#{$fa-css-prefix}-cut:before,
|
||||
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
|
||||
.#{$fa-css-prefix}-copy:before,
|
||||
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
|
||||
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
|
||||
.#{$fa-css-prefix}-save:before,
|
||||
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
|
||||
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
|
||||
.#{$fa-css-prefix}-navicon:before,
|
||||
.#{$fa-css-prefix}-reorder:before,
|
||||
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
|
||||
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
|
||||
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
|
||||
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
|
||||
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
|
||||
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
|
||||
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
|
||||
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
|
||||
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
|
||||
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
|
||||
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
|
||||
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
|
||||
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
|
||||
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
|
||||
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
|
||||
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
|
||||
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
|
||||
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
|
||||
.#{$fa-css-prefix}-unsorted:before,
|
||||
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
|
||||
.#{$fa-css-prefix}-sort-down:before,
|
||||
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
|
||||
.#{$fa-css-prefix}-sort-up:before,
|
||||
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
|
||||
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
|
||||
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
|
||||
.#{$fa-css-prefix}-rotate-left:before,
|
||||
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
|
||||
.#{$fa-css-prefix}-legal:before,
|
||||
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
|
||||
.#{$fa-css-prefix}-dashboard:before,
|
||||
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
|
||||
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
|
||||
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
|
||||
.#{$fa-css-prefix}-flash:before,
|
||||
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
|
||||
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
|
||||
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
|
||||
.#{$fa-css-prefix}-paste:before,
|
||||
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
|
||||
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
|
||||
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
|
||||
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
|
||||
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
|
||||
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
|
||||
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
|
||||
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
|
||||
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
|
||||
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
|
||||
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
|
||||
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
|
||||
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
|
||||
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
|
||||
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
|
||||
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
|
||||
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
|
||||
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
|
||||
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
|
||||
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
|
||||
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
|
||||
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
|
||||
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
|
||||
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
|
||||
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
|
||||
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
|
||||
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
|
||||
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
|
||||
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
|
||||
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
|
||||
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
|
||||
.#{$fa-css-prefix}-mobile-phone:before,
|
||||
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
|
||||
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
|
||||
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
|
||||
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
|
||||
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
|
||||
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
|
||||
.#{$fa-css-prefix}-mail-reply:before,
|
||||
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
|
||||
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
|
||||
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
|
||||
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
|
||||
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
|
||||
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
|
||||
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
|
||||
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
|
||||
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
|
||||
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
|
||||
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
|
||||
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
|
||||
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
|
||||
.#{$fa-css-prefix}-mail-reply-all:before,
|
||||
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
|
||||
.#{$fa-css-prefix}-star-half-empty:before,
|
||||
.#{$fa-css-prefix}-star-half-full:before,
|
||||
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
|
||||
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
|
||||
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
|
||||
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
|
||||
.#{$fa-css-prefix}-unlink:before,
|
||||
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
|
||||
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
|
||||
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
|
||||
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
|
||||
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
|
||||
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
|
||||
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
|
||||
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
|
||||
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
|
||||
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
|
||||
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
|
||||
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
|
||||
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
|
||||
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
|
||||
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
|
||||
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
|
||||
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
|
||||
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
|
||||
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
|
||||
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
|
||||
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
|
||||
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
|
||||
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
|
||||
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
|
||||
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
|
||||
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
|
||||
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
|
||||
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
|
||||
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
|
||||
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
|
||||
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
|
||||
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
|
||||
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
|
||||
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
|
||||
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
|
||||
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
|
||||
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
|
||||
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
|
||||
.#{$fa-css-prefix}-toggle-down:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
|
||||
.#{$fa-css-prefix}-toggle-up:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
|
||||
.#{$fa-css-prefix}-toggle-right:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
|
||||
.#{$fa-css-prefix}-euro:before,
|
||||
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
|
||||
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
|
||||
.#{$fa-css-prefix}-dollar:before,
|
||||
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
|
||||
.#{$fa-css-prefix}-rupee:before,
|
||||
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
|
||||
.#{$fa-css-prefix}-cny:before,
|
||||
.#{$fa-css-prefix}-rmb:before,
|
||||
.#{$fa-css-prefix}-yen:before,
|
||||
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
|
||||
.#{$fa-css-prefix}-ruble:before,
|
||||
.#{$fa-css-prefix}-rouble:before,
|
||||
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
|
||||
.#{$fa-css-prefix}-won:before,
|
||||
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
|
||||
.#{$fa-css-prefix}-bitcoin:before,
|
||||
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
|
||||
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
|
||||
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
|
||||
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
|
||||
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
|
||||
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
|
||||
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
|
||||
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
|
||||
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
|
||||
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
|
||||
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
|
||||
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
|
||||
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
|
||||
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
|
||||
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
|
||||
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
|
||||
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
|
||||
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
|
||||
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
|
||||
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
|
||||
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
|
||||
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
|
||||
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
|
||||
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
|
||||
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
|
||||
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
|
||||
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
|
||||
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
|
||||
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
|
||||
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
|
||||
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
|
||||
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
|
||||
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
|
||||
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
|
||||
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
|
||||
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
|
||||
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
|
||||
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
|
||||
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
|
||||
.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; }
|
||||
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
|
||||
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
|
||||
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
|
||||
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
|
||||
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
|
||||
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
|
||||
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
|
||||
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
|
||||
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
|
||||
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
|
||||
.#{$fa-css-prefix}-toggle-left:before,
|
||||
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
|
||||
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
|
||||
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
|
||||
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
|
||||
.#{$fa-css-prefix}-turkish-lira:before,
|
||||
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
|
||||
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
|
||||
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
|
||||
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
|
||||
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
|
||||
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
|
||||
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
|
||||
.#{$fa-css-prefix}-institution:before,
|
||||
.#{$fa-css-prefix}-bank:before,
|
||||
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
|
||||
.#{$fa-css-prefix}-mortar-board:before,
|
||||
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
|
||||
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
|
||||
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
|
||||
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
|
||||
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
|
||||
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
|
||||
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
|
||||
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
|
||||
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
|
||||
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
|
||||
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
|
||||
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
|
||||
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
|
||||
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
|
||||
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
|
||||
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
|
||||
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
|
||||
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
|
||||
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
|
||||
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
|
||||
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
|
||||
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
|
||||
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
|
||||
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
|
||||
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
|
||||
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
|
||||
.#{$fa-css-prefix}-automobile:before,
|
||||
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
|
||||
.#{$fa-css-prefix}-cab:before,
|
||||
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
|
||||
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
|
||||
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
|
||||
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
|
||||
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
|
||||
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
|
||||
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
|
||||
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
|
||||
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
|
||||
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
|
||||
.#{$fa-css-prefix}-file-photo-o:before,
|
||||
.#{$fa-css-prefix}-file-picture-o:before,
|
||||
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
|
||||
.#{$fa-css-prefix}-file-zip-o:before,
|
||||
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
|
||||
.#{$fa-css-prefix}-file-sound-o:before,
|
||||
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
|
||||
.#{$fa-css-prefix}-file-movie-o:before,
|
||||
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
|
||||
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
|
||||
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
|
||||
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
|
||||
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
|
||||
.#{$fa-css-prefix}-life-bouy:before,
|
||||
.#{$fa-css-prefix}-life-buoy:before,
|
||||
.#{$fa-css-prefix}-life-saver:before,
|
||||
.#{$fa-css-prefix}-support:before,
|
||||
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
|
||||
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
|
||||
.#{$fa-css-prefix}-ra:before,
|
||||
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
|
||||
.#{$fa-css-prefix}-ge:before,
|
||||
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
|
||||
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
|
||||
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
|
||||
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
|
||||
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
|
||||
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
|
||||
.#{$fa-css-prefix}-wechat:before,
|
||||
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
|
||||
.#{$fa-css-prefix}-send:before,
|
||||
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
|
||||
.#{$fa-css-prefix}-send-o:before,
|
||||
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
|
||||
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
|
||||
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
|
||||
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
|
||||
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
|
||||
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
|
||||
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
|
||||
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
|
||||
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
|
||||
.#{$fa-css-prefix}-soccer-ball-o:before,
|
||||
.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
|
||||
.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
|
||||
.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
|
||||
.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
|
||||
.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
|
||||
.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
|
||||
.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
|
||||
.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
|
||||
.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
|
||||
.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
|
||||
.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
|
||||
.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
|
||||
.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
|
||||
.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
|
||||
.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
|
||||
.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
|
||||
.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
|
||||
.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
|
||||
.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
|
||||
.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
|
||||
.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
|
||||
.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
|
||||
.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
|
||||
.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
|
||||
.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
|
||||
.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
|
||||
.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
|
||||
.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
|
||||
.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
|
||||
.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
|
||||
.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
|
||||
.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
|
||||
.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
|
||||
.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
|
||||
.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
|
||||
.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
|
||||
.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
|
||||
.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
|
||||
.#{$fa-css-prefix}-shekel:before,
|
||||
.#{$fa-css-prefix}-sheqel:before,
|
||||
.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
|
||||
.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.#{$fa-css-prefix}-lg {
|
||||
font-size: calc(4em / 3);
|
||||
line-height: calc(3em / 4);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
||||
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
||||
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
// List Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-ul {
|
||||
padding-left: 0;
|
||||
margin-left: $fa-li-width;
|
||||
list-style-type: none;
|
||||
> li { position: relative; }
|
||||
}
|
||||
.#{$fa-css-prefix}-li {
|
||||
position: absolute;
|
||||
left: -$fa-li-width;
|
||||
width: $fa-li-width;
|
||||
top: calc(2em / 14);
|
||||
text-align: center;
|
||||
&.#{$fa-css-prefix}-lg {
|
||||
left: -$fa-li-width + calc(4em / 14);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
@mixin fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
|
||||
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
|
||||
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
||||
//src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||
|
||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
||||
|
||||
// Hook for IE8-9
|
||||
// -------------------------
|
||||
|
||||
:root .#{$fa-css-prefix}-rotate-90,
|
||||
:root .#{$fa-css-prefix}-rotate-180,
|
||||
:root .#{$fa-css-prefix}-rotate-270,
|
||||
:root .#{$fa-css-prefix}-flip-horizontal,
|
||||
:root .#{$fa-css-prefix}-flip-vertical {
|
||||
filter: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
// Spinning Icons
|
||||
// --------------------------
|
||||
|
||||
.#{$fa-css-prefix}-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
// Stacked Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
||||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
||||
|
|
@ -0,0 +1,561 @@
|
|||
// Variables
|
||||
// --------------------------
|
||||
|
||||
// $fa-font-path: "../fonts/font-awesome" !default;
|
||||
$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
||||
$fa-css-prefix: icon !default;
|
||||
$fa-version: "4.2.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: calc(30em / 14) !default;
|
||||
|
||||
$fa-var-adjust: "\f042";
|
||||
$fa-var-adn: "\f170";
|
||||
$fa-var-align-center: "\f037";
|
||||
$fa-var-align-justify: "\f039";
|
||||
$fa-var-align-left: "\f036";
|
||||
$fa-var-align-right: "\f038";
|
||||
$fa-var-ambulance: "\f0f9";
|
||||
$fa-var-anchor: "\f13d";
|
||||
$fa-var-android: "\f17b";
|
||||
$fa-var-angellist: "\f209";
|
||||
$fa-var-angle-double-down: "\f103";
|
||||
$fa-var-angle-double-left: "\f100";
|
||||
$fa-var-angle-double-right: "\f101";
|
||||
$fa-var-angle-double-up: "\f102";
|
||||
$fa-var-angle-down: "\f107";
|
||||
$fa-var-angle-left: "\f104";
|
||||
$fa-var-angle-right: "\f105";
|
||||
$fa-var-angle-up: "\f106";
|
||||
$fa-var-apple: "\f179";
|
||||
$fa-var-archive: "\f187";
|
||||
$fa-var-area-chart: "\f1fe";
|
||||
$fa-var-arrow-circle-down: "\f0ab";
|
||||
$fa-var-arrow-circle-left: "\f0a8";
|
||||
$fa-var-arrow-circle-o-down: "\f01a";
|
||||
$fa-var-arrow-circle-o-left: "\f190";
|
||||
$fa-var-arrow-circle-o-right: "\f18e";
|
||||
$fa-var-arrow-circle-o-up: "\f01b";
|
||||
$fa-var-arrow-circle-right: "\f0a9";
|
||||
$fa-var-arrow-circle-up: "\f0aa";
|
||||
$fa-var-arrow-down: "\f063";
|
||||
$fa-var-arrow-left: "\f060";
|
||||
$fa-var-arrow-right: "\f061";
|
||||
$fa-var-arrow-up: "\f062";
|
||||
$fa-var-arrows: "\f047";
|
||||
$fa-var-arrows-alt: "\f0b2";
|
||||
$fa-var-arrows-h: "\f07e";
|
||||
$fa-var-arrows-v: "\f07d";
|
||||
$fa-var-asterisk: "\f069";
|
||||
$fa-var-at: "\f1fa";
|
||||
$fa-var-automobile: "\f1b9";
|
||||
$fa-var-backward: "\f04a";
|
||||
$fa-var-ban: "\f05e";
|
||||
$fa-var-bank: "\f19c";
|
||||
$fa-var-bar-chart: "\f080";
|
||||
$fa-var-bar-chart-o: "\f080";
|
||||
$fa-var-barcode: "\f02a";
|
||||
$fa-var-bars: "\f0c9";
|
||||
$fa-var-beer: "\f0fc";
|
||||
$fa-var-behance: "\f1b4";
|
||||
$fa-var-behance-square: "\f1b5";
|
||||
$fa-var-bell: "\f0f3";
|
||||
$fa-var-bell-o: "\f0a2";
|
||||
$fa-var-bell-slash: "\f1f6";
|
||||
$fa-var-bell-slash-o: "\f1f7";
|
||||
$fa-var-bicycle: "\f206";
|
||||
$fa-var-binoculars: "\f1e5";
|
||||
$fa-var-birthday-cake: "\f1fd";
|
||||
$fa-var-bitbucket: "\f171";
|
||||
$fa-var-bitbucket-square: "\f172";
|
||||
$fa-var-bitcoin: "\f15a";
|
||||
$fa-var-bold: "\f032";
|
||||
$fa-var-bolt: "\f0e7";
|
||||
$fa-var-bomb: "\f1e2";
|
||||
$fa-var-book: "\f02d";
|
||||
$fa-var-bookmark: "\f02e";
|
||||
$fa-var-bookmark-o: "\f097";
|
||||
$fa-var-briefcase: "\f0b1";
|
||||
$fa-var-btc: "\f15a";
|
||||
$fa-var-bug: "\f188";
|
||||
$fa-var-building: "\f1ad";
|
||||
$fa-var-building-o: "\f0f7";
|
||||
$fa-var-bullhorn: "\f0a1";
|
||||
$fa-var-bullseye: "\f140";
|
||||
$fa-var-bus: "\f207";
|
||||
$fa-var-cab: "\f1ba";
|
||||
$fa-var-calculator: "\f1ec";
|
||||
$fa-var-calendar: "\f073";
|
||||
$fa-var-calendar-o: "\f133";
|
||||
$fa-var-camera: "\f030";
|
||||
$fa-var-camera-retro: "\f083";
|
||||
$fa-var-car: "\f1b9";
|
||||
$fa-var-caret-down: "\f0d7";
|
||||
$fa-var-caret-left: "\f0d9";
|
||||
$fa-var-caret-right: "\f0da";
|
||||
$fa-var-caret-square-o-down: "\f150";
|
||||
$fa-var-caret-square-o-left: "\f191";
|
||||
$fa-var-caret-square-o-right: "\f152";
|
||||
$fa-var-caret-square-o-up: "\f151";
|
||||
$fa-var-caret-up: "\f0d8";
|
||||
$fa-var-cc: "\f20a";
|
||||
$fa-var-cc-amex: "\f1f3";
|
||||
$fa-var-cc-discover: "\f1f2";
|
||||
$fa-var-cc-mastercard: "\f1f1";
|
||||
$fa-var-cc-paypal: "\f1f4";
|
||||
$fa-var-cc-stripe: "\f1f5";
|
||||
$fa-var-cc-visa: "\f1f0";
|
||||
$fa-var-certificate: "\f0a3";
|
||||
$fa-var-chain: "\f0c1";
|
||||
$fa-var-chain-broken: "\f127";
|
||||
$fa-var-check: "\f00c";
|
||||
$fa-var-check-circle: "\f058";
|
||||
$fa-var-check-circle-o: "\f05d";
|
||||
$fa-var-check-square: "\f14a";
|
||||
$fa-var-check-square-o: "\f046";
|
||||
$fa-var-chevron-circle-down: "\f13a";
|
||||
$fa-var-chevron-circle-left: "\f137";
|
||||
$fa-var-chevron-circle-right: "\f138";
|
||||
$fa-var-chevron-circle-up: "\f139";
|
||||
$fa-var-chevron-down: "\f078";
|
||||
$fa-var-chevron-left: "\f053";
|
||||
$fa-var-chevron-right: "\f054";
|
||||
$fa-var-chevron-up: "\f077";
|
||||
$fa-var-child: "\f1ae";
|
||||
$fa-var-circle: "\f111";
|
||||
$fa-var-circle-o: "\f10c";
|
||||
$fa-var-circle-o-notch: "\f1ce";
|
||||
$fa-var-circle-thin: "\f1db";
|
||||
$fa-var-clipboard: "\f0ea";
|
||||
$fa-var-clock-o: "\f017";
|
||||
$fa-var-close: "\f00d";
|
||||
$fa-var-cloud: "\f0c2";
|
||||
$fa-var-cloud-download: "\f0ed";
|
||||
$fa-var-cloud-upload: "\f0ee";
|
||||
$fa-var-cny: "\f157";
|
||||
$fa-var-code: "\f121";
|
||||
$fa-var-code-fork: "\f126";
|
||||
$fa-var-codepen: "\f1cb";
|
||||
$fa-var-coffee: "\f0f4";
|
||||
$fa-var-cog: "\f013";
|
||||
$fa-var-cogs: "\f085";
|
||||
$fa-var-columns: "\f0db";
|
||||
$fa-var-comment: "\f075";
|
||||
$fa-var-comment-o: "\f0e5";
|
||||
$fa-var-comments: "\f086";
|
||||
$fa-var-comments-o: "\f0e6";
|
||||
$fa-var-compass: "\f14e";
|
||||
$fa-var-compress: "\f066";
|
||||
$fa-var-copy: "\f0c5";
|
||||
$fa-var-copyright: "\f1f9";
|
||||
$fa-var-credit-card: "\f09d";
|
||||
$fa-var-crop: "\f125";
|
||||
$fa-var-crosshairs: "\f05b";
|
||||
$fa-var-css3: "\f13c";
|
||||
$fa-var-cube: "\f1b2";
|
||||
$fa-var-cubes: "\f1b3";
|
||||
$fa-var-cut: "\f0c4";
|
||||
$fa-var-cutlery: "\f0f5";
|
||||
$fa-var-dashboard: "\f0e4";
|
||||
$fa-var-database: "\f1c0";
|
||||
$fa-var-dedent: "\f03b";
|
||||
$fa-var-delicious: "\f1a5";
|
||||
$fa-var-desktop: "\f108";
|
||||
$fa-var-deviantart: "\f1bd";
|
||||
$fa-var-digg: "\f1a6";
|
||||
$fa-var-dollar: "\f155";
|
||||
$fa-var-dot-circle-o: "\f192";
|
||||
$fa-var-download: "\f019";
|
||||
$fa-var-dribbble: "\f17d";
|
||||
$fa-var-dropbox: "\f16b";
|
||||
$fa-var-drupal: "\f1a9";
|
||||
$fa-var-edit: "\f044";
|
||||
$fa-var-eject: "\f052";
|
||||
$fa-var-ellipsis-h: "\f141";
|
||||
$fa-var-ellipsis-v: "\f142";
|
||||
$fa-var-empire: "\f1d1";
|
||||
$fa-var-envelope: "\f0e0";
|
||||
$fa-var-envelope-o: "\f003";
|
||||
$fa-var-envelope-square: "\f199";
|
||||
$fa-var-eraser: "\f12d";
|
||||
$fa-var-eur: "\f153";
|
||||
$fa-var-euro: "\f153";
|
||||
$fa-var-exchange: "\f0ec";
|
||||
$fa-var-exclamation: "\f12a";
|
||||
$fa-var-exclamation-circle: "\f06a";
|
||||
$fa-var-exclamation-triangle: "\f071";
|
||||
$fa-var-expand: "\f065";
|
||||
$fa-var-external-link: "\f08e";
|
||||
$fa-var-external-link-square: "\f14c";
|
||||
$fa-var-eye: "\f06e";
|
||||
$fa-var-eye-slash: "\f070";
|
||||
$fa-var-eyedropper: "\f1fb";
|
||||
$fa-var-facebook: "\f09a";
|
||||
$fa-var-facebook-square: "\f082";
|
||||
$fa-var-fast-backward: "\f049";
|
||||
$fa-var-fast-forward: "\f050";
|
||||
$fa-var-fax: "\f1ac";
|
||||
$fa-var-female: "\f182";
|
||||
$fa-var-fighter-jet: "\f0fb";
|
||||
$fa-var-file: "\f15b";
|
||||
$fa-var-file-archive-o: "\f1c6";
|
||||
$fa-var-file-audio-o: "\f1c7";
|
||||
$fa-var-file-code-o: "\f1c9";
|
||||
$fa-var-file-excel-o: "\f1c3";
|
||||
$fa-var-file-image-o: "\f1c5";
|
||||
$fa-var-file-movie-o: "\f1c8";
|
||||
$fa-var-file-o: "\f016";
|
||||
$fa-var-file-pdf-o: "\f1c1";
|
||||
$fa-var-file-photo-o: "\f1c5";
|
||||
$fa-var-file-picture-o: "\f1c5";
|
||||
$fa-var-file-powerpoint-o: "\f1c4";
|
||||
$fa-var-file-sound-o: "\f1c7";
|
||||
$fa-var-file-text: "\f15c";
|
||||
$fa-var-file-text-o: "\f0f6";
|
||||
$fa-var-file-video-o: "\f1c8";
|
||||
$fa-var-file-word-o: "\f1c2";
|
||||
$fa-var-file-zip-o: "\f1c6";
|
||||
$fa-var-files-o: "\f0c5";
|
||||
$fa-var-film: "\f008";
|
||||
$fa-var-filter: "\f0b0";
|
||||
$fa-var-fire: "\f06d";
|
||||
$fa-var-fire-extinguisher: "\f134";
|
||||
$fa-var-flag: "\f024";
|
||||
$fa-var-flag-checkered: "\f11e";
|
||||
$fa-var-flag-o: "\f11d";
|
||||
$fa-var-flash: "\f0e7";
|
||||
$fa-var-flask: "\f0c3";
|
||||
$fa-var-flickr: "\f16e";
|
||||
$fa-var-floppy-o: "\f0c7";
|
||||
$fa-var-folder: "\f07b";
|
||||
$fa-var-folder-o: "\f114";
|
||||
$fa-var-folder-open: "\f07c";
|
||||
$fa-var-folder-open-o: "\f115";
|
||||
$fa-var-font: "\f031";
|
||||
$fa-var-forward: "\f04e";
|
||||
$fa-var-foursquare: "\f180";
|
||||
$fa-var-frown-o: "\f119";
|
||||
$fa-var-futbol-o: "\f1e3";
|
||||
$fa-var-gamepad: "\f11b";
|
||||
$fa-var-gavel: "\f0e3";
|
||||
$fa-var-gbp: "\f154";
|
||||
$fa-var-ge: "\f1d1";
|
||||
$fa-var-gear: "\f013";
|
||||
$fa-var-gears: "\f085";
|
||||
$fa-var-gift: "\f06b";
|
||||
$fa-var-git: "\f1d3";
|
||||
$fa-var-git-square: "\f1d2";
|
||||
$fa-var-github: "\f09b";
|
||||
$fa-var-github-alt: "\f113";
|
||||
$fa-var-github-square: "\f092";
|
||||
$fa-var-gittip: "\f184";
|
||||
$fa-var-glass: "\f000";
|
||||
$fa-var-globe: "\f0ac";
|
||||
$fa-var-google: "\f1a0";
|
||||
$fa-var-google-plus: "\f0d5";
|
||||
$fa-var-google-plus-square: "\f0d4";
|
||||
$fa-var-google-wallet: "\f1ee";
|
||||
$fa-var-graduation-cap: "\f19d";
|
||||
$fa-var-group: "\f0c0";
|
||||
$fa-var-h-square: "\f0fd";
|
||||
$fa-var-hacker-news: "\f1d4";
|
||||
$fa-var-hand-o-down: "\f0a7";
|
||||
$fa-var-hand-o-left: "\f0a5";
|
||||
$fa-var-hand-o-right: "\f0a4";
|
||||
$fa-var-hand-o-up: "\f0a6";
|
||||
$fa-var-hdd-o: "\f0a0";
|
||||
$fa-var-header: "\f1dc";
|
||||
$fa-var-headphones: "\f025";
|
||||
$fa-var-heart: "\f004";
|
||||
$fa-var-heart-o: "\f08a";
|
||||
$fa-var-history: "\f1da";
|
||||
$fa-var-home: "\f015";
|
||||
$fa-var-hospital-o: "\f0f8";
|
||||
$fa-var-html5: "\f13b";
|
||||
$fa-var-ils: "\f20b";
|
||||
$fa-var-image: "\f03e";
|
||||
$fa-var-inbox: "\f01c";
|
||||
$fa-var-indent: "\f03c";
|
||||
$fa-var-info: "\f129";
|
||||
$fa-var-info-circle: "\f05a";
|
||||
$fa-var-inr: "\f156";
|
||||
$fa-var-instagram: "\f16d";
|
||||
$fa-var-institution: "\f19c";
|
||||
$fa-var-ioxhost: "\f208";
|
||||
$fa-var-italic: "\f033";
|
||||
$fa-var-joomla: "\f1aa";
|
||||
$fa-var-jpy: "\f157";
|
||||
$fa-var-jsfiddle: "\f1cc";
|
||||
$fa-var-key: "\f084";
|
||||
$fa-var-keyboard-o: "\f11c";
|
||||
$fa-var-krw: "\f159";
|
||||
$fa-var-language: "\f1ab";
|
||||
$fa-var-laptop: "\f109";
|
||||
$fa-var-lastfm: "\f202";
|
||||
$fa-var-lastfm-square: "\f203";
|
||||
$fa-var-leaf: "\f06c";
|
||||
$fa-var-legal: "\f0e3";
|
||||
$fa-var-lemon-o: "\f094";
|
||||
$fa-var-level-down: "\f149";
|
||||
$fa-var-level-up: "\f148";
|
||||
$fa-var-life-bouy: "\f1cd";
|
||||
$fa-var-life-buoy: "\f1cd";
|
||||
$fa-var-life-ring: "\f1cd";
|
||||
$fa-var-life-saver: "\f1cd";
|
||||
$fa-var-lightbulb-o: "\f0eb";
|
||||
$fa-var-line-chart: "\f201";
|
||||
$fa-var-link: "\f0c1";
|
||||
$fa-var-linkedin: "\f0e1";
|
||||
$fa-var-linkedin-square: "\f08c";
|
||||
$fa-var-linux: "\f17c";
|
||||
$fa-var-list: "\f03a";
|
||||
$fa-var-list-alt: "\f022";
|
||||
$fa-var-list-ol: "\f0cb";
|
||||
$fa-var-list-ul: "\f0ca";
|
||||
$fa-var-location-arrow: "\f124";
|
||||
$fa-var-lock: "\f023";
|
||||
$fa-var-long-arrow-down: "\f175";
|
||||
$fa-var-long-arrow-left: "\f177";
|
||||
$fa-var-long-arrow-right: "\f178";
|
||||
$fa-var-long-arrow-up: "\f176";
|
||||
$fa-var-magic: "\f0d0";
|
||||
$fa-var-magnet: "\f076";
|
||||
$fa-var-mail-forward: "\f064";
|
||||
$fa-var-mail-reply: "\f112";
|
||||
$fa-var-mail-reply-all: "\f122";
|
||||
$fa-var-male: "\f183";
|
||||
$fa-var-map-marker: "\f041";
|
||||
$fa-var-maxcdn: "\f136";
|
||||
$fa-var-meanpath: "\f20c";
|
||||
$fa-var-medkit: "\f0fa";
|
||||
$fa-var-meh-o: "\f11a";
|
||||
$fa-var-microphone: "\f130";
|
||||
$fa-var-microphone-slash: "\f131";
|
||||
$fa-var-minus: "\f068";
|
||||
$fa-var-minus-circle: "\f056";
|
||||
$fa-var-minus-square: "\f146";
|
||||
$fa-var-minus-square-o: "\f147";
|
||||
$fa-var-mobile: "\f10b";
|
||||
$fa-var-mobile-phone: "\f10b";
|
||||
$fa-var-money: "\f0d6";
|
||||
$fa-var-moon-o: "\f186";
|
||||
$fa-var-mortar-board: "\f19d";
|
||||
$fa-var-music: "\f001";
|
||||
$fa-var-navicon: "\f0c9";
|
||||
$fa-var-newspaper-o: "\f1ea";
|
||||
$fa-var-openid: "\f19b";
|
||||
$fa-var-outdent: "\f03b";
|
||||
$fa-var-pagelines: "\f18c";
|
||||
$fa-var-paint-brush: "\f1fc";
|
||||
$fa-var-paper-plane: "\f1d8";
|
||||
$fa-var-paper-plane-o: "\f1d9";
|
||||
$fa-var-paperclip: "\f0c6";
|
||||
$fa-var-paragraph: "\f1dd";
|
||||
$fa-var-paste: "\f0ea";
|
||||
$fa-var-pause: "\f04c";
|
||||
$fa-var-paw: "\f1b0";
|
||||
$fa-var-paypal: "\f1ed";
|
||||
$fa-var-pencil: "\f040";
|
||||
$fa-var-pencil-square: "\f14b";
|
||||
$fa-var-pencil-square-o: "\f044";
|
||||
$fa-var-phone: "\f095";
|
||||
$fa-var-phone-square: "\f098";
|
||||
$fa-var-photo: "\f03e";
|
||||
$fa-var-picture-o: "\f03e";
|
||||
$fa-var-pie-chart: "\f200";
|
||||
$fa-var-pied-piper: "\f1a7";
|
||||
$fa-var-pied-piper-alt: "\f1a8";
|
||||
$fa-var-pinterest: "\f0d2";
|
||||
$fa-var-pinterest-square: "\f0d3";
|
||||
$fa-var-plane: "\f072";
|
||||
$fa-var-play: "\f04b";
|
||||
$fa-var-play-circle: "\f144";
|
||||
$fa-var-play-circle-o: "\f01d";
|
||||
$fa-var-plug: "\f1e6";
|
||||
$fa-var-plus: "\f067";
|
||||
$fa-var-plus-circle: "\f055";
|
||||
$fa-var-plus-square: "\f0fe";
|
||||
$fa-var-plus-square-o: "\f196";
|
||||
$fa-var-power-off: "\f011";
|
||||
$fa-var-print: "\f02f";
|
||||
$fa-var-puzzle-piece: "\f12e";
|
||||
$fa-var-qq: "\f1d6";
|
||||
$fa-var-qrcode: "\f029";
|
||||
$fa-var-question: "\f128";
|
||||
$fa-var-question-circle: "\f059";
|
||||
$fa-var-quote-left: "\f10d";
|
||||
$fa-var-quote-right: "\f10e";
|
||||
$fa-var-ra: "\f1d0";
|
||||
$fa-var-random: "\f074";
|
||||
$fa-var-rebel: "\f1d0";
|
||||
$fa-var-recycle: "\f1b8";
|
||||
$fa-var-reddit: "\f1a1";
|
||||
$fa-var-reddit-square: "\f1a2";
|
||||
$fa-var-refresh: "\f021";
|
||||
$fa-var-remove: "\f00d";
|
||||
$fa-var-renren: "\f18b";
|
||||
$fa-var-reorder: "\f0c9";
|
||||
$fa-var-repeat: "\f01e";
|
||||
$fa-var-reply: "\f112";
|
||||
$fa-var-reply-all: "\f122";
|
||||
$fa-var-retweet: "\f079";
|
||||
$fa-var-rmb: "\f157";
|
||||
$fa-var-road: "\f018";
|
||||
$fa-var-rocket: "\f135";
|
||||
$fa-var-rotate-left: "\f0e2";
|
||||
$fa-var-rotate-right: "\f01e";
|
||||
$fa-var-rouble: "\f158";
|
||||
$fa-var-rss: "\f09e";
|
||||
$fa-var-rss-square: "\f143";
|
||||
$fa-var-rub: "\f158";
|
||||
$fa-var-ruble: "\f158";
|
||||
$fa-var-rupee: "\f156";
|
||||
$fa-var-save: "\f0c7";
|
||||
$fa-var-scissors: "\f0c4";
|
||||
$fa-var-search: "\f002";
|
||||
$fa-var-search-minus: "\f010";
|
||||
$fa-var-search-plus: "\f00e";
|
||||
$fa-var-send: "\f1d8";
|
||||
$fa-var-send-o: "\f1d9";
|
||||
$fa-var-share: "\f064";
|
||||
$fa-var-share-alt: "\f1e0";
|
||||
$fa-var-share-alt-square: "\f1e1";
|
||||
$fa-var-share-square: "\f14d";
|
||||
$fa-var-share-square-o: "\f045";
|
||||
$fa-var-shekel: "\f20b";
|
||||
$fa-var-sheqel: "\f20b";
|
||||
$fa-var-shield: "\f132";
|
||||
$fa-var-shopping-cart: "\f07a";
|
||||
$fa-var-sign-in: "\f090";
|
||||
$fa-var-sign-out: "\f08b";
|
||||
$fa-var-signal: "\f012";
|
||||
$fa-var-sitemap: "\f0e8";
|
||||
$fa-var-skype: "\f17e";
|
||||
$fa-var-slack: "\f198";
|
||||
$fa-var-sliders: "\f1de";
|
||||
$fa-var-slideshare: "\f1e7";
|
||||
$fa-var-smile-o: "\f118";
|
||||
$fa-var-soccer-ball-o: "\f1e3";
|
||||
$fa-var-sort: "\f0dc";
|
||||
$fa-var-sort-alpha-asc: "\f15d";
|
||||
$fa-var-sort-alpha-desc: "\f15e";
|
||||
$fa-var-sort-amount-asc: "\f160";
|
||||
$fa-var-sort-amount-desc: "\f161";
|
||||
$fa-var-sort-asc: "\f0de";
|
||||
$fa-var-sort-desc: "\f0dd";
|
||||
$fa-var-sort-down: "\f0dd";
|
||||
$fa-var-sort-numeric-asc: "\f162";
|
||||
$fa-var-sort-numeric-desc: "\f163";
|
||||
$fa-var-sort-up: "\f0de";
|
||||
$fa-var-soundcloud: "\f1be";
|
||||
$fa-var-space-shuttle: "\f197";
|
||||
$fa-var-spinner: "\f110";
|
||||
$fa-var-spoon: "\f1b1";
|
||||
$fa-var-spotify: "\f1bc";
|
||||
$fa-var-square: "\f0c8";
|
||||
$fa-var-square-o: "\f096";
|
||||
$fa-var-stack-exchange: "\f18d";
|
||||
$fa-var-stack-overflow: "\f16c";
|
||||
$fa-var-star: "\f005";
|
||||
$fa-var-star-half: "\f089";
|
||||
$fa-var-star-half-empty: "\f123";
|
||||
$fa-var-star-half-full: "\f123";
|
||||
$fa-var-star-half-o: "\f123";
|
||||
$fa-var-star-o: "\f006";
|
||||
$fa-var-steam: "\f1b6";
|
||||
$fa-var-steam-square: "\f1b7";
|
||||
$fa-var-step-backward: "\f048";
|
||||
$fa-var-step-forward: "\f051";
|
||||
$fa-var-stethoscope: "\f0f1";
|
||||
$fa-var-stop: "\f04d";
|
||||
$fa-var-strikethrough: "\f0cc";
|
||||
$fa-var-stumbleupon: "\f1a4";
|
||||
$fa-var-stumbleupon-circle: "\f1a3";
|
||||
$fa-var-subscript: "\f12c";
|
||||
$fa-var-suitcase: "\f0f2";
|
||||
$fa-var-sun-o: "\f185";
|
||||
$fa-var-superscript: "\f12b";
|
||||
$fa-var-support: "\f1cd";
|
||||
$fa-var-table: "\f0ce";
|
||||
$fa-var-tablet: "\f10a";
|
||||
$fa-var-tachometer: "\f0e4";
|
||||
$fa-var-tag: "\f02b";
|
||||
$fa-var-tags: "\f02c";
|
||||
$fa-var-tasks: "\f0ae";
|
||||
$fa-var-taxi: "\f1ba";
|
||||
$fa-var-tencent-weibo: "\f1d5";
|
||||
$fa-var-terminal: "\f120";
|
||||
$fa-var-text-height: "\f034";
|
||||
$fa-var-text-width: "\f035";
|
||||
$fa-var-th: "\f00a";
|
||||
$fa-var-th-large: "\f009";
|
||||
$fa-var-th-list: "\f00b";
|
||||
$fa-var-thumb-tack: "\f08d";
|
||||
$fa-var-thumbs-down: "\f165";
|
||||
$fa-var-thumbs-o-down: "\f088";
|
||||
$fa-var-thumbs-o-up: "\f087";
|
||||
$fa-var-thumbs-up: "\f164";
|
||||
$fa-var-ticket: "\f145";
|
||||
$fa-var-times: "\f00d";
|
||||
$fa-var-times-circle: "\f057";
|
||||
$fa-var-times-circle-o: "\f05c";
|
||||
$fa-var-tint: "\f043";
|
||||
$fa-var-toggle-down: "\f150";
|
||||
$fa-var-toggle-left: "\f191";
|
||||
$fa-var-toggle-off: "\f204";
|
||||
$fa-var-toggle-on: "\f205";
|
||||
$fa-var-toggle-right: "\f152";
|
||||
$fa-var-toggle-up: "\f151";
|
||||
$fa-var-trash: "\f1f8";
|
||||
$fa-var-trash-o: "\f014";
|
||||
$fa-var-tree: "\f1bb";
|
||||
$fa-var-trello: "\f181";
|
||||
$fa-var-trophy: "\f091";
|
||||
$fa-var-truck: "\f0d1";
|
||||
$fa-var-try: "\f195";
|
||||
$fa-var-tty: "\f1e4";
|
||||
$fa-var-tumblr: "\f173";
|
||||
$fa-var-tumblr-square: "\f174";
|
||||
$fa-var-turkish-lira: "\f195";
|
||||
$fa-var-twitch: "\f1e8";
|
||||
$fa-var-twitter: "\f099";
|
||||
$fa-var-twitter-square: "\f081";
|
||||
$fa-var-umbrella: "\f0e9";
|
||||
$fa-var-underline: "\f0cd";
|
||||
$fa-var-undo: "\f0e2";
|
||||
$fa-var-university: "\f19c";
|
||||
$fa-var-unlink: "\f127";
|
||||
$fa-var-unlock: "\f09c";
|
||||
$fa-var-unlock-alt: "\f13e";
|
||||
$fa-var-unsorted: "\f0dc";
|
||||
$fa-var-upload: "\f093";
|
||||
$fa-var-usd: "\f155";
|
||||
$fa-var-user: "\f007";
|
||||
$fa-var-user-md: "\f0f0";
|
||||
$fa-var-users: "\f0c0";
|
||||
$fa-var-video-camera: "\f03d";
|
||||
$fa-var-vimeo-square: "\f194";
|
||||
$fa-var-vine: "\f1ca";
|
||||
$fa-var-vk: "\f189";
|
||||
$fa-var-volume-down: "\f027";
|
||||
$fa-var-volume-off: "\f026";
|
||||
$fa-var-volume-up: "\f028";
|
||||
$fa-var-warning: "\f071";
|
||||
$fa-var-wechat: "\f1d7";
|
||||
$fa-var-weibo: "\f18a";
|
||||
$fa-var-weixin: "\f1d7";
|
||||
$fa-var-wheelchair: "\f193";
|
||||
$fa-var-wifi: "\f1eb";
|
||||
$fa-var-windows: "\f17a";
|
||||
$fa-var-won: "\f159";
|
||||
$fa-var-wordpress: "\f19a";
|
||||
$fa-var-wrench: "\f0ad";
|
||||
$fa-var-xing: "\f168";
|
||||
$fa-var-xing-square: "\f169";
|
||||
$fa-var-yahoo: "\f19e";
|
||||
$fa-var-yelp: "\f1e9";
|
||||
$fa-var-yen: "\f157";
|
||||
$fa-var-youtube: "\f167";
|
||||
$fa-var-youtube-play: "\f16a";
|
||||
$fa-var-youtube-square: "\f166";
|
||||
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
document.querySelector('.menu-button')?.addEventListener('click', el => {
|
||||
el.currentTarget.classList.toggle('active');
|
||||
});
|
||||
|
|
@ -1,251 +1,263 @@
|
|||
(() => {
|
||||
const elInput = document.getElementById('search-input');
|
||||
const elResults = document.getElementById('search-results');
|
||||
const elOverlay = document.querySelector('.search-overlay');
|
||||
const elSpinner = document.querySelector('.search-spinner');
|
||||
if (!elInput || !elResults || !elOverlay) return;
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
//
|
||||
// Search field behaviors
|
||||
//
|
||||
const elInput = document.getElementById('search-input');
|
||||
const elResults = document.getElementById('search-results')?.querySelector?.('.top-banner-search--field-with-results--field--wrapper--search-component--search-results-wrapper') ?? null;
|
||||
const elOverlay = document.querySelector('.top-banner-search--overlay');
|
||||
const elSpinner = document.querySelector('.top-banner-search--field-with-results--field--wrapper--search-component--search-spinner');
|
||||
if (!elInput || !elResults || !elOverlay) return;
|
||||
|
||||
const CLASSNAME_SPINNING = 'spinning';
|
||||
const CLASSNAME_HIGHLIGHTED = 'highlighted';
|
||||
|
||||
const CLASSNAME_SPINNING = 'spinning';
|
||||
const CLASSNAME_HIGHLIGHTED = 'highlighted';
|
||||
const canSmoothScroll = 'scrollBehavior' in document.documentElement.style;
|
||||
const docsVersion = elInput.getAttribute('data-docs-version');
|
||||
|
||||
const canSmoothScroll = 'scrollBehavior' in document.documentElement.style;
|
||||
let _showingResults = false,
|
||||
animationFrame,
|
||||
debounceTimer,
|
||||
lastQuery;
|
||||
|
||||
const docsVersion = elInput.getAttribute('data-docs-version');
|
||||
const abortControllers = [];
|
||||
|
||||
let _showingResults = false,
|
||||
animationFrame,
|
||||
debounceTimer,
|
||||
lastQuery;
|
||||
elInput.addEventListener('input', e => {
|
||||
debounceInput();
|
||||
});
|
||||
|
||||
const abortControllers = [];
|
||||
elInput.addEventListener('keydown', e => {
|
||||
switch (e.key) {
|
||||
case 'Esc':
|
||||
case 'Escape':
|
||||
hideResults(true);
|
||||
elInput.value = '';
|
||||
break;
|
||||
|
||||
elInput.addEventListener('input', e => {
|
||||
debounceInput();
|
||||
});
|
||||
case 'ArrowUp':
|
||||
e.preventDefault();
|
||||
highlightNextResult(false);
|
||||
break;
|
||||
|
||||
elInput.addEventListener('keydown', e => {
|
||||
switch (e.key) {
|
||||
case 'Esc':
|
||||
case 'Escape':
|
||||
hideResults(true);
|
||||
elInput.value = '';
|
||||
break;
|
||||
case 'ArrowDown':
|
||||
e.preventDefault();
|
||||
highlightNextResult();
|
||||
break;
|
||||
|
||||
case 'ArrowUp':
|
||||
e.preventDefault();
|
||||
highlightNextResult(false);
|
||||
break;
|
||||
case 'Enter':
|
||||
e.preventDefault();
|
||||
navToHighlightedResult();
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
case 'ArrowDown':
|
||||
e.preventDefault();
|
||||
highlightNextResult();
|
||||
break;
|
||||
elInput.addEventListener('focus', e => {
|
||||
if (!_showingResults && elResults.textContent) showResults();
|
||||
});
|
||||
|
||||
case 'Enter':
|
||||
e.preventDefault();
|
||||
navToHighlightedResult();
|
||||
break;
|
||||
elResults.addEventListener('pointerenter', e => {
|
||||
cancelAnimationFrame(animationFrame);
|
||||
animationFrame = requestAnimationFrame(() => {
|
||||
highlightResult(e.target?.closest('.top-banner-search--field-with-results--field--wrapper--search-component--search-results--result'));
|
||||
});
|
||||
}, true);
|
||||
|
||||
elResults.addEventListener('focus', e => {
|
||||
highlightResult(e.target?.closest('.top-banner-search--field-with-results--field--wrapper--search-component--search-results--result'));
|
||||
}, true);
|
||||
|
||||
const debounceInput = () => {
|
||||
clearTimeout(debounceTimer);
|
||||
debounceTimer = setTimeout(doSearch, 300);
|
||||
};
|
||||
|
||||
const abortPreviousCalls = () => {
|
||||
while (abortControllers.length) abortControllers.pop()?.abort?.();
|
||||
};
|
||||
|
||||
const getBreadcrumbs = result => {
|
||||
const crumbs = [...result.ancestors];
|
||||
|
||||
if (result.type === 'DOCS') crumbs.unshift(`OpenSearch ${result.versionLabel || result.version}`);
|
||||
else if (result.type) crumbs.unshift(result.type);
|
||||
|
||||
return sanitizeText(crumbs.join(' › '));
|
||||
}
|
||||
});
|
||||
|
||||
elInput.addEventListener('focus', e => {
|
||||
if (!_showingResults && elResults.textContent) showResults();
|
||||
});
|
||||
const doSearch = async () => {
|
||||
const query = elInput.value.replace(/[^a-z0-9-_. ]+/ig, ' ');
|
||||
if (query.length < 3) return hideResults(true);
|
||||
if (query === lastQuery) return;
|
||||
|
||||
elResults.addEventListener('pointerenter', e => {
|
||||
cancelAnimationFrame(animationFrame);
|
||||
animationFrame = requestAnimationFrame(() => {
|
||||
highlightResult(e.target?.closest('.custom-search-result'));
|
||||
});
|
||||
}, true);
|
||||
|
||||
elResults.addEventListener('focus', e => {
|
||||
highlightResult(e.target?.closest('.custom-search-result'));
|
||||
}, true);
|
||||
|
||||
const debounceInput = () => {
|
||||
clearTimeout(debounceTimer);
|
||||
debounceTimer = setTimeout(doSearch, 300);
|
||||
};
|
||||
|
||||
const abortPreviousCalls = () => {
|
||||
while (abortControllers.length) abortControllers.pop()?.abort?.();
|
||||
};
|
||||
|
||||
const getBreadcrumbs = result => {
|
||||
const crumbs = [...result.ancestors];
|
||||
|
||||
if (result.type === 'DOCS') crumbs.unshift(`OpenSearch ${result.versionLabel || result.version}`);
|
||||
else if (result.type) crumbs.unshift(result.type);
|
||||
|
||||
return sanitizeText(crumbs.join(' › '));
|
||||
}
|
||||
|
||||
const doSearch = async () => {
|
||||
const query = elInput.value.replace(/[^a-z0-9-_. ]+/ig, ' ');
|
||||
if (query.length < 3) return hideResults(true);
|
||||
if (query === lastQuery) return;
|
||||
|
||||
recordEvent('search', {
|
||||
search_term: query,
|
||||
docs_version: docsVersion
|
||||
});
|
||||
|
||||
lastQuery = query;
|
||||
|
||||
abortPreviousCalls();
|
||||
|
||||
elSpinner?.classList.add(CLASSNAME_SPINNING);
|
||||
if (!_showingResults) document.documentElement.classList.add('search-active');
|
||||
|
||||
try {
|
||||
const controller = new AbortController();
|
||||
abortControllers.unshift(abortControllers);
|
||||
const startTime = Date.now();
|
||||
const response = await fetch(`https://search-api.opensearch.org/search?q=${query}&v=${docsVersion}`, {signal: controller.signal});
|
||||
const data = await response.json();
|
||||
|
||||
recordEvent('view_search_results', {
|
||||
recordEvent('search', {
|
||||
search_term: query,
|
||||
docs_version: docsVersion,
|
||||
duration: Date.now() - startTime,
|
||||
results_num: data?.results?.length || 0
|
||||
docs_version: docsVersion
|
||||
});
|
||||
|
||||
if (!Array.isArray(data?.results) || data.results.length === 0) {
|
||||
return showNoResults();
|
||||
}
|
||||
const chunks = data.results.map(result => result
|
||||
? `
|
||||
<div class="custom-search-result">
|
||||
<a href="${sanitizeAttribute(result.url)}">
|
||||
<cite>${getBreadcrumbs(result)}</cite>
|
||||
${sanitizeText(result.title || 'Unnamed Document')}
|
||||
</a>
|
||||
<span>${sanitizeText(result.content?.replace?.(/\n/g, '… '))}</span>
|
||||
</div>
|
||||
`
|
||||
: ''
|
||||
);
|
||||
lastQuery = query;
|
||||
|
||||
emptyResults();
|
||||
elResults.appendChild(document.createRange().createContextualFragment(chunks.join('')));
|
||||
showResults();
|
||||
} catch (ex) {
|
||||
showNoResults();
|
||||
}
|
||||
|
||||
elSpinner?.classList.remove(CLASSNAME_SPINNING);
|
||||
}
|
||||
|
||||
const hideResults = destroy => {
|
||||
_showingResults = false;
|
||||
|
||||
elSpinner?.classList.remove(CLASSNAME_SPINNING);
|
||||
document.documentElement.classList.remove('search-active');
|
||||
elResults.setAttribute('aria-expanded', 'false');
|
||||
document.body.removeEventListener('pointerdown', handlePointerDown, false);
|
||||
|
||||
if (destroy) {
|
||||
abortPreviousCalls();
|
||||
emptyResults();
|
||||
lastQuery = '';
|
||||
}
|
||||
};
|
||||
|
||||
const showResults = () => {
|
||||
if (!_showingResults) {
|
||||
_showingResults = true;
|
||||
document.documentElement.classList.add('search-active');
|
||||
elResults.setAttribute('aria-expanded', 'true');
|
||||
document.body.addEventListener('pointerdown', handlePointerDown, false);
|
||||
}
|
||||
elSpinner?.classList.add(CLASSNAME_SPINNING);
|
||||
if (!_showingResults) document.documentElement.classList.add('search-active');
|
||||
|
||||
elResults.scrollTo(0, 0);
|
||||
};
|
||||
try {
|
||||
const controller = new AbortController();
|
||||
abortControllers.unshift(abortControllers);
|
||||
const startTime = Date.now();
|
||||
const response = await fetch(`https://search-api.opensearch.org/search?q=${query}&v=${docsVersion}`, { signal: controller.signal });
|
||||
const data = await response.json();
|
||||
const searchResultClassName = 'top-banner-search--field-with-results--field--wrapper--search-component--search-results--result';
|
||||
recordEvent('view_search_results', {
|
||||
search_term: query,
|
||||
docs_version: docsVersion,
|
||||
duration: Date.now() - startTime,
|
||||
results_num: data?.results?.length || 0
|
||||
});
|
||||
|
||||
const showNoResults = () => {
|
||||
emptyResults();
|
||||
elResults.appendChild(document.createRange().createContextualFragment('<span>No results found!</span>'));
|
||||
showResults();
|
||||
elSpinner?.classList.remove(CLASSNAME_SPINNING);
|
||||
};
|
||||
|
||||
const emptyResults = () => {
|
||||
//ToDo: Replace with `elResults.replaceChildren();` when https://caniuse.com/?search=replaceChildren shows above 90% can use it
|
||||
while (elResults.firstChild) elResults.firstChild.remove();
|
||||
};
|
||||
|
||||
const sanitizeText = text => {
|
||||
return text?.replace?.(/</g, '<');
|
||||
};
|
||||
|
||||
const sanitizeAttribute = text => {
|
||||
return text?.replace?.(/[>"]+/g, '');
|
||||
};
|
||||
|
||||
const handlePointerDown = e => {
|
||||
if (e.target.matches('.search-input-wrap, .search-input-wrap *, .search-results, .search-results *')) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
elInput.blur();
|
||||
hideResults();
|
||||
};
|
||||
|
||||
const highlightResult = node => {
|
||||
if (!node || !_showingResults || node.classList.contains(CLASSNAME_HIGHLIGHTED)) return;
|
||||
|
||||
elResults.querySelectorAll('.custom-search-result.highlighted').forEach(el => {
|
||||
el.classList.remove(CLASSNAME_HIGHLIGHTED);
|
||||
});
|
||||
node.classList.add(CLASSNAME_HIGHLIGHTED);
|
||||
elInput.focus();
|
||||
};
|
||||
|
||||
const highlightNextResult = (down = true) => {
|
||||
const highlighted = elResults.querySelector('.custom-search-result.highlighted');
|
||||
let nextResult;
|
||||
if (highlighted) {
|
||||
highlighted.classList.remove(CLASSNAME_HIGHLIGHTED);
|
||||
nextResult = highlighted[down ? 'nextElementSibling' : 'previousElementSibling']
|
||||
} else {
|
||||
nextResult = elResults.querySelector(`.custom-search-result:${down ? 'first' : 'last'}-child`);
|
||||
}
|
||||
|
||||
if (nextResult) {
|
||||
nextResult.classList.add(CLASSNAME_HIGHLIGHTED);
|
||||
if (down) {
|
||||
if (canSmoothScroll) {
|
||||
nextResult.scrollIntoView({behavior: "smooth", block: "end"});
|
||||
} else {
|
||||
nextResult.scrollIntoView(false)
|
||||
}
|
||||
} else if (
|
||||
nextResult.offsetTop < elResults.scrollTop ||
|
||||
nextResult.offsetTop + nextResult.clientHeight > elResults.scrollTop + elResults.clientHeight
|
||||
) {
|
||||
if (canSmoothScroll) {
|
||||
elResults.scrollTo({behavior: "smooth", top: nextResult.offsetTop, left: 0});
|
||||
} else {
|
||||
elResults.scrollTo(0, nextResult.offsetTop);
|
||||
if (!Array.isArray(data?.results) || data.results.length === 0) {
|
||||
return showNoResults();
|
||||
}
|
||||
const chunks = data.results.map(result => result
|
||||
? `
|
||||
<div class="${searchResultClassName}">
|
||||
<a href="${sanitizeAttribute(result.url)}">
|
||||
<cite>${getBreadcrumbs(result)}</cite>
|
||||
${sanitizeText(result.title || 'Unnamed Document')}
|
||||
</a>
|
||||
<span>${sanitizeText(result.content?.replace?.(/\n/g, '… '))}</span>
|
||||
</div>
|
||||
`
|
||||
: ''
|
||||
);
|
||||
|
||||
emptyResults();
|
||||
elResults.appendChild(document.createRange().createContextualFragment(chunks.join('')));
|
||||
showResults();
|
||||
} catch (ex) {
|
||||
showNoResults();
|
||||
}
|
||||
} else {
|
||||
|
||||
elSpinner?.classList.remove(CLASSNAME_SPINNING);
|
||||
}
|
||||
|
||||
const hideResults = destroy => {
|
||||
_showingResults = false;
|
||||
|
||||
elSpinner?.classList.remove(CLASSNAME_SPINNING);
|
||||
document.documentElement.classList.remove('search-active');
|
||||
elResults.setAttribute('aria-expanded', 'false');
|
||||
document.body.removeEventListener('pointerdown', handlePointerDown, false);
|
||||
|
||||
if (destroy) {
|
||||
abortPreviousCalls();
|
||||
emptyResults();
|
||||
lastQuery = '';
|
||||
}
|
||||
};
|
||||
|
||||
const showResults = () => {
|
||||
if (!_showingResults) {
|
||||
_showingResults = true;
|
||||
document.documentElement.classList.add('search-active');
|
||||
elResults.setAttribute('aria-expanded', 'true');
|
||||
document.body.addEventListener('pointerdown', handlePointerDown, false);
|
||||
}
|
||||
|
||||
elResults.scrollTo(0, 0);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
const navToHighlightedResult = () => {
|
||||
elResults.querySelector('.custom-search-result.highlighted a[href]')?.click?.();
|
||||
};
|
||||
const showNoResults = () => {
|
||||
emptyResults();
|
||||
elResults.appendChild(document.createRange().createContextualFragment('<span>No results found!</span>'));
|
||||
showResults();
|
||||
elSpinner?.classList.remove(CLASSNAME_SPINNING);
|
||||
};
|
||||
|
||||
const recordEvent = (name, data) => {
|
||||
try {
|
||||
gtag?.('event', name, data);
|
||||
} catch (e) {
|
||||
// Do nothing
|
||||
}
|
||||
const emptyResults = () => {
|
||||
//ToDo: Replace with `elResults.replaceChildren();` when https://caniuse.com/?search=replaceChildren shows above 90% can use it
|
||||
while (elResults.firstChild) elResults.firstChild.remove();
|
||||
};
|
||||
|
||||
}
|
||||
})();
|
||||
const sanitizeText = text => {
|
||||
return text?.replace?.(/</g, '<');
|
||||
};
|
||||
|
||||
const sanitizeAttribute = text => {
|
||||
return text?.replace?.(/[>"]+/g, '');
|
||||
};
|
||||
|
||||
const handlePointerDown = e => {
|
||||
const matchSelectors = [
|
||||
'.top-banner-search--field-with-results--field--wrapper--search-component--input-wrap',
|
||||
'.top-banner-search--field-with-results--field--wrapper--search-component--input-wrap *',
|
||||
'.top-banner-search--field-with-results--field--wrapper--search-component--search-results',
|
||||
'.top-banner-search--field-with-results--field--wrapper--search-component--search-results *',
|
||||
].join(', ');
|
||||
if (e.target.matches(matchSelectors)) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
elInput.blur();
|
||||
hideResults();
|
||||
};
|
||||
|
||||
const highlightResult = node => {
|
||||
const searchResultClassName = 'top-banner-search--field-with-results--field--wrapper--search-component--search-results--result';
|
||||
if (!node || !_showingResults || node.classList.contains(CLASSNAME_HIGHLIGHTED)) return;
|
||||
|
||||
elResults.querySelectorAll(`.${searchResultClassName}.highlighted`).forEach(el => {
|
||||
el.classList.remove(CLASSNAME_HIGHLIGHTED);
|
||||
});
|
||||
node.classList.add(CLASSNAME_HIGHLIGHTED);
|
||||
elInput.focus();
|
||||
};
|
||||
|
||||
const highlightNextResult = (down = true) => {
|
||||
const searchResultClassName = 'top-banner-search--field-with-results--field--wrapper--search-component--search-results--result';
|
||||
const highlighted = elResults.querySelector(`.${searchResultClassName}.highlighted`);
|
||||
let nextResult;
|
||||
if (highlighted) {
|
||||
highlighted.classList.remove(CLASSNAME_HIGHLIGHTED);
|
||||
nextResult = highlighted[down ? 'nextElementSibling' : 'previousElementSibling']
|
||||
} else {
|
||||
nextResult = elResults.querySelector(`.${searchResultClassName}:${down ? 'first' : 'last'}-child`);
|
||||
}
|
||||
|
||||
if (nextResult) {
|
||||
nextResult.classList.add(CLASSNAME_HIGHLIGHTED);
|
||||
if (down) {
|
||||
if (canSmoothScroll) {
|
||||
nextResult.scrollIntoView({ behavior: "smooth", block: "end" });
|
||||
} else {
|
||||
nextResult.scrollIntoView(false)
|
||||
}
|
||||
} else if (
|
||||
nextResult.offsetTop < elResults.scrollTop ||
|
||||
nextResult.offsetTop + nextResult.clientHeight > elResults.scrollTop + elResults.clientHeight
|
||||
) {
|
||||
if (canSmoothScroll) {
|
||||
elResults.scrollTo({ behavior: "smooth", top: nextResult.offsetTop, left: 0 });
|
||||
} else {
|
||||
elResults.scrollTo(0, nextResult.offsetTop);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
elResults.scrollTo(0, 0);
|
||||
}
|
||||
};
|
||||
|
||||
const navToHighlightedResult = () => {
|
||||
const searchResultClassName = 'top-banner-search--field-with-results--field--wrapper--search-component--search-results--result';
|
||||
elResults.querySelector(`.${searchResultClassName}.highlighted a[href]`)?.click?.();
|
||||
};
|
||||
|
||||
const recordEvent = (name, data) => {
|
||||
try {
|
||||
gtag?.('event', name, data);
|
||||
} catch (e) {
|
||||
// Do nothing
|
||||
}
|
||||
};
|
||||
});
|
||||
})();
|
||||
|
|
|
|||
Loading…
Reference in New Issue