├── kubePtop ├── __init__.py ├── tests.to.delete │ ├── data_types.py │ ├── test3.py │ ├── test2.py │ ├── test.py │ ├── command.yaml │ └── command2.yaml ├── requirements.txt ├── colors.py ├── old │ └── prometheus_http.yml ├── global_attrs.py ├── logging.py ├── read_env.py ├── helper.py └── command_run.py ├── docs ├── _includes │ ├── js │ │ └── custom.js │ ├── head_custom.html │ ├── header_custom.html │ ├── lunr │ │ ├── custom-data.json │ │ └── custom-index.js │ ├── nav_footer_custom.html │ ├── css │ │ ├── custom.scss.liquid │ │ ├── just-the-docs.scss.liquid │ │ ├── callouts.scss.liquid │ │ └── activation.scss.liquid │ ├── search_placeholder_custom.html │ ├── toc_heading_custom.html │ ├── mermaid_config.js │ ├── footer_custom.html │ ├── toc.html │ ├── title.html │ ├── _config.yml │ ├── components │ │ ├── search_footer.html │ │ ├── header.html │ │ ├── aux_nav.html │ │ ├── search_header.html │ │ ├── children_nav.html │ │ ├── footer.html │ │ ├── breadcrumbs.html │ │ ├── mermaid.html │ │ └── sidebar.html │ ├── icons │ │ ├── expand.html │ │ ├── search.html │ │ ├── document.html │ │ ├── menu.html │ │ ├── link.html │ │ ├── icons.html │ │ ├── external_link.html │ │ └── code_copy.html │ ├── favicon.html │ ├── head_nav.html │ ├── head.html │ ├── fix_linenos.html │ ├── nav.html │ └── sorted_pages.html ├── .gitignore ├── _sass │ ├── custom │ │ ├── setup.scss │ │ └── custom.scss │ ├── support │ │ ├── support.scss │ │ ├── mixins │ │ │ ├── mixins.scss │ │ │ ├── _buttons.scss │ │ │ ├── _layout.scss │ │ │ └── _typography.scss │ │ └── _variables.scss │ ├── utilities │ │ ├── utilities.scss │ │ ├── _lists.scss │ │ ├── _typography.scss │ │ ├── _layout.scss │ │ ├── _spacing.scss │ │ └── _colors.scss │ ├── modules.scss │ ├── vendor │ │ ├── normalize.scss │ │ │ └── README.md │ │ ├── OneDarkJekyll │ │ │ ├── LICENSE │ │ │ └── syntax.scss │ │ └── OneLightJekyll │ │ │ ├── LICENSE │ │ │ └── syntax.scss │ ├── skiptomain.scss │ ├── color_schemes │ │ ├── light.scss │ │ ├── dark.scss │ │ └── legacy_light.scss │ ├── print.scss │ ├── labels.scss │ ├── typography.scss │ ├── tables.scss │ ├── base.scss │ ├── buttons.scss │ ├── layout.scss │ ├── content.scss │ ├── navigation.scss │ └── search.scss ├── _layouts │ ├── about.html │ ├── home.html │ ├── page.html │ ├── post.html │ ├── table_wrappers.html │ ├── minimal.html │ ├── default.html │ └── vendor │ │ └── compress.html ├── images │ ├── dashboard-pods.png │ ├── dashboard-pvcs.png │ └── dashboard-strimzi-kafka-test.png ├── installation.md ├── dashboards │ ├── index.md │ └── DataTypes.md ├── css │ └── custom.css ├── commands │ ├── DataTypes.md │ └── index.md └── _config.yml ├── .gitignore ├── kptop_tool.py ├── examples ├── dataSources │ └── prometheus_http.yml ├── commands │ ├── pods.yml │ ├── pods-wide.yml │ └── pvcs.yml └── dashboards │ ├── pods.yml │ ├── pvcs.yml │ └── strimzi-kafka-test.yml └── setup.py /kubePtop/__init__.py: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/_includes/js/custom.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | _site -------------------------------------------------------------------------------- /docs/_includes/head_custom.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/_includes/header_custom.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/_includes/lunr/custom-data.json: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/_includes/lunr/custom-index.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/_includes/nav_footer_custom.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/_sass/custom/setup.scss: -------------------------------------------------------------------------------- 1 | // custom setup code goes here 2 | -------------------------------------------------------------------------------- /docs/_includes/css/custom.scss.liquid: -------------------------------------------------------------------------------- 1 | @import "./custom/custom"; 2 | -------------------------------------------------------------------------------- /docs/_sass/custom/custom.scss: -------------------------------------------------------------------------------- 1 | // custom SCSS (or CSS) goes here 2 | -------------------------------------------------------------------------------- /docs/_includes/search_placeholder_custom.html: -------------------------------------------------------------------------------- 1 | Search {{site.title}} 2 | -------------------------------------------------------------------------------- /docs/_layouts/about.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /docs/_layouts/home.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /docs/_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /docs/_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /docs/_includes/toc_heading_custom.html: -------------------------------------------------------------------------------- 1 |

Table of contents

2 | -------------------------------------------------------------------------------- /docs/_sass/support/support.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | @import "./mixins/mixins"; 3 | -------------------------------------------------------------------------------- /docs/_includes/mermaid_config.js: -------------------------------------------------------------------------------- 1 | // _includes/mermaid_config.js 2 | { 3 | theme: "forest" 4 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | __pycache__ 2 | kubePtop/__pycache__ 3 | build 4 | dist 5 | kptop.egg-info 6 | .DS_Store 7 | -------------------------------------------------------------------------------- /docs/images/dashboard-pods.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eslam-gomaa/kptop/HEAD/docs/images/dashboard-pods.png -------------------------------------------------------------------------------- /docs/images/dashboard-pvcs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eslam-gomaa/kptop/HEAD/docs/images/dashboard-pvcs.png -------------------------------------------------------------------------------- /docs/_sass/support/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "./layout"; 2 | @import "./buttons"; 3 | @import "./typography"; 4 | -------------------------------------------------------------------------------- /kubePtop/tests.to.delete/data_types.py: -------------------------------------------------------------------------------- 1 | class dataTypes: 2 | 3 | def __init__(self) -> None: 4 | pass 5 | -------------------------------------------------------------------------------- /docs/images/dashboard-strimzi-kafka-test.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/eslam-gomaa/kptop/HEAD/docs/images/dashboard-strimzi-kafka-test.png -------------------------------------------------------------------------------- /docs/_sass/utilities/utilities.scss: -------------------------------------------------------------------------------- 1 | @import "./colors"; 2 | @import "./layout"; 3 | @import "./typography"; 4 | @import "./lists"; 5 | @import "./spacing"; 6 | -------------------------------------------------------------------------------- /docs/_includes/footer_custom.html: -------------------------------------------------------------------------------- 1 | {%- if site.footer_content -%} 2 |

{{ site.footer_content }}

3 | {%- endif -%} 4 | -------------------------------------------------------------------------------- /docs/_includes/toc.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /kubePtop/requirements.txt: -------------------------------------------------------------------------------- 1 | rich==13.6.0 2 | requests==2.28.2 3 | tabulate==0.9.0 4 | argparse 5 | asciichartpy==1.5.25 6 | kubernetes==26.1.0 7 | cerberus==1.3.5 8 | -------------------------------------------------------------------------------- /docs/_includes/title.html: -------------------------------------------------------------------------------- 1 | {% if site.logo %} 2 | 3 | {% else %} 4 | {{ site.title }} 5 | {% endif %} 6 | -------------------------------------------------------------------------------- /kptop_tool.py: -------------------------------------------------------------------------------- 1 | from kubePtop.read_env import ReadEnv 2 | env = ReadEnv() 3 | env.read_env() 4 | from kubePtop.cli_args import Cli 5 | cli = Cli() 6 | 7 | def run(): 8 | cli.run() 9 | -------------------------------------------------------------------------------- /docs/_includes/_config.yml: -------------------------------------------------------------------------------- 1 | pagination: 2 | enabled: true 3 | per_page: 9 4 | permalink: '/page/:num/' 5 | title: ':title - page :num' 6 | sort_field: 'date' 7 | sort_reverse: true -------------------------------------------------------------------------------- /kubePtop/tests.to.delete/test3.py: -------------------------------------------------------------------------------- 1 | 2 | from termgraph import termgraph as tg 3 | 4 | labels = ['A', 'B', 'C', 'D'] 5 | data = [[3, 5, 9, 6]] 6 | 7 | tg.chart(colors=['blue'], labels=labels, data=data) 8 | -------------------------------------------------------------------------------- /docs/_layouts/table_wrappers.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: vendor/compress 3 | --- 4 | 5 | {% assign content_ = content | replace: '', '' %} 7 | {{ content_ }} 8 | -------------------------------------------------------------------------------- /docs/_sass/utilities/_lists.scss: -------------------------------------------------------------------------------- 1 | // Utility classes for lists 2 | 3 | // stylelint-disable selector-max-type 4 | 5 | .list-style-none { 6 | padding: 0 !important; 7 | margin: 0 !important; 8 | list-style: none !important; 9 | 10 | li { 11 | &::before { 12 | display: none !important; 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /docs/_includes/components/search_footer.html: -------------------------------------------------------------------------------- 1 | {% if site.search.button %} 2 | 5 | {% endif %} 6 | 7 |
8 | -------------------------------------------------------------------------------- /docs/_includes/components/header.html: -------------------------------------------------------------------------------- 1 |
2 | {% if site.search_enabled != false %} 3 | {% include components/search_header.html %} 4 | {% else %} 5 |
6 | {% endif %} 7 | {% include header_custom.html %} 8 | {% if site.aux_links %} 9 | {% include components/aux_nav.html %} 10 | {% endif %} 11 |
12 | -------------------------------------------------------------------------------- /docs/_includes/icons/expand.html: -------------------------------------------------------------------------------- 1 | 2 | Expand 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /kubePtop/colors.py: -------------------------------------------------------------------------------- 1 | class Bcolors: 2 | def __init__(self): 3 | self.HEADER = '\033[95m' 4 | self.OKBLUE = '\033[94m' 5 | self.OKGREEN = '\033[92m' 6 | self.WARNING = '\033[93m' 7 | self.FAIL = '\033[91m' 8 | self.ENDC = '\033[0m' 9 | self.BOLD = '\033[1m' 10 | self.UNDERLINE = '\033[4m' 11 | self.GRAY = "\033[1;30;40m" 12 | self.GRAY = "\033[90m" 13 | -------------------------------------------------------------------------------- /docs/_includes/icons/search.html: -------------------------------------------------------------------------------- 1 | 2 | Search 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/_sass/modules.scss: -------------------------------------------------------------------------------- 1 | // Import external dependencies 2 | @import "./vendor/normalize.scss/normalize"; 3 | 4 | // Modules 5 | @import "./base"; 6 | @import "./layout"; 7 | @import "./content"; 8 | @import "./navigation"; 9 | @import "./typography"; 10 | @import "./labels"; 11 | @import "./buttons"; 12 | @import "./search"; 13 | @import "./tables"; 14 | @import "./code"; 15 | @import "./utilities/utilities"; 16 | @import "./print"; 17 | @import "./skiptomain"; 18 | -------------------------------------------------------------------------------- /docs/_includes/icons/document.html: -------------------------------------------------------------------------------- 1 | 2 | Document 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/_includes/icons/menu.html: -------------------------------------------------------------------------------- 1 | 2 | Menu 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/_includes/css/just-the-docs.scss.liquid: -------------------------------------------------------------------------------- 1 | {% if site.logo %} 2 | $logo: "{{ site.logo | relative_url }}"; 3 | {% endif %} 4 | @import "./support/support"; 5 | @import "./custom/setup"; 6 | @import "./color_schemes/light"; 7 | {% unless include.color_scheme == "light" %} 8 | @import "./color_schemes/{{ include.color_scheme }}"; 9 | {% endunless %} 10 | @import "./modules"; 11 | {% include css/callouts.scss.liquid color_scheme = include.color_scheme %} 12 | {% include css/custom.scss.liquid %} 13 | -------------------------------------------------------------------------------- /docs/_includes/icons/link.html: -------------------------------------------------------------------------------- 1 | 2 | Link 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/_includes/components/aux_nav.html: -------------------------------------------------------------------------------- 1 | 16 | -------------------------------------------------------------------------------- /docs/_includes/icons/icons.html: -------------------------------------------------------------------------------- 1 | 2 | {% include icons/link.html %} 3 | {% include icons/menu.html %} 4 | {% include icons/expand.html %} 5 | {% include icons/external_link.html %} 6 | {% if site.search_enabled != false %} 7 | {% include icons/document.html %} 8 | {% include icons/search.html %} 9 | {% endif %} 10 | {% if site.enable_copy_code_button != false %} 11 | {% include icons/code_copy.html %} 12 | {% endif %} 13 | 14 | -------------------------------------------------------------------------------- /docs/_sass/vendor/normalize.scss/README.md: -------------------------------------------------------------------------------- 1 | # normalize.scss 2 | 3 | Normalize.scss is an SCSS copy of [normalize.css](http://necolas.github.io/normalize.css), a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. 4 | 5 | The [normalize.scss fork](https://github.com/guerrero/normalize.scss) of [normalize.css](http://necolas.github.io/normalize.css) was archived in 2014, and has not been updated since v0.1.0. 6 | 7 | [View the normalize.css test file](http://necolas.github.io/normalize.css/latest/test.html) 8 | -------------------------------------------------------------------------------- /docs/_includes/icons/external_link.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | (external link) 4 | 5 | 6 | -------------------------------------------------------------------------------- /docs/_includes/components/search_header.html: -------------------------------------------------------------------------------- 1 | {% capture search_placeholder %}{% include search_placeholder_custom.html %}{% endcapture %} 2 | 3 | 10 | -------------------------------------------------------------------------------- /docs/_sass/skiptomain.scss: -------------------------------------------------------------------------------- 1 | // Skipnav 2 | // Skip to main content 3 | 4 | a.skip-to-main { 5 | left: -999px; 6 | position: absolute; 7 | top: auto; 8 | width: 1px; 9 | height: 1px; 10 | overflow: hidden; 11 | z-index: -999; 12 | } 13 | 14 | a.skip-to-main:focus, 15 | a.skip-to-main:active { 16 | color: $link-color; 17 | background-color: $body-background-color; 18 | left: auto; 19 | top: auto; 20 | width: 30%; 21 | height: auto; 22 | overflow: auto; 23 | margin: 10px 35%; 24 | padding: 5px; 25 | border-radius: 15px; 26 | border: 4px solid $btn-primary-color; 27 | text-align: center; 28 | font-size: 1.2em; 29 | z-index: 999; 30 | } 31 | -------------------------------------------------------------------------------- /docs/_sass/color_schemes/light.scss: -------------------------------------------------------------------------------- 1 | $color-scheme: light !default; 2 | $body-background-color: $white !default; 3 | $body-heading-color: $grey-dk-300 !default; 4 | $body-text-color: $grey-dk-100 !default; 5 | $link-color: $purple-000 !default; 6 | $nav-child-link-color: $grey-dk-100 !default; 7 | $sidebar-color: $grey-lt-000 !default; 8 | $base-button-color: #f7f7f7 !default; 9 | $btn-primary-color: $purple-100 !default; 10 | $code-background-color: $grey-lt-000 !default; 11 | $feedback-color: darken($sidebar-color, 3%) !default; 12 | $table-background-color: $white !default; 13 | $search-background-color: $white !default; 14 | $search-result-preview-color: $grey-dk-000 !default; 15 | 16 | @import "./vendor/OneLightJekyll/syntax"; 17 | -------------------------------------------------------------------------------- /kubePtop/tests.to.delete/test2.py: -------------------------------------------------------------------------------- 1 | 2 | from termgraph import termgraph as tg 3 | import numpy as np 4 | 5 | # بيانات الرسم البياني 6 | labels = ['2017', '2018', '2019', '2020', '2021'] 7 | data = [[3, 4, 9, 16, 25]] 8 | 9 | # إعدادات الرسم البياني 10 | args = { 11 | 'filename': '', 12 | 'title': 'Sample ASCII Plot', 13 | 'width': 50, 14 | 'format': '{:<5.1f}', 15 | 'suffix': '', 16 | 'no_labels': False, 17 | 'color': None, 18 | 'vertical': False, 19 | 'stacked': False, 20 | 'different_scale': False, 21 | 'calendar': False, 22 | 'start_dt': None, 23 | 'custom_tick': '', 24 | 'delim': '', 25 | 'verbose': False 26 | } 27 | 28 | # رسم الرسم البياني 29 | tg.Chart(colors=['red', 'blue'], labels=labels, data=data, args=args).draw() 30 | -------------------------------------------------------------------------------- /docs/_sass/color_schemes/dark.scss: -------------------------------------------------------------------------------- 1 | $color-scheme: dark; 2 | $body-background-color: $grey-dk-300; 3 | $body-heading-color: $grey-lt-000; 4 | $body-text-color: $grey-lt-300; 5 | $link-color: $blue-000; 6 | $nav-child-link-color: $grey-dk-000; 7 | $sidebar-color: $grey-dk-300; 8 | $base-button-color: $grey-dk-250; 9 | $btn-primary-color: $blue-200; 10 | $code-background-color: #31343f; // OneDarkJekyll default for syntax-one-dark-vivid 11 | $code-linenumber-color: #dee2f7; // OneDarkJekyll .nf for syntax-one-dark-vivid 12 | $feedback-color: darken($sidebar-color, 3%); 13 | $table-background-color: $grey-dk-250; 14 | $search-background-color: $grey-dk-250; 15 | $search-result-preview-color: $grey-dk-000; 16 | $border-color: $grey-dk-200; 17 | 18 | @import "./vendor/OneDarkJekyll/syntax"; // this is the one-dark-vivid atom syntax theme 19 | -------------------------------------------------------------------------------- /docs/_sass/support/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Colored button 2 | 3 | @mixin btn-color($fg, $bg) { 4 | color: $fg; 5 | background-color: darken($bg, 2%); 6 | background-image: linear-gradient(lighten($bg, 5%), darken($bg, 2%)); 7 | box-shadow: 8 | 0 1px 3px rgba(0, 0, 0, 0.25), 9 | 0 4px 10px rgba(0, 0, 0, 0.12); 10 | 11 | &:hover, 12 | &.zeroclipboard-is-hover { 13 | color: $fg; 14 | background-color: darken($bg, 4%); 15 | background-image: linear-gradient((lighten($bg, 2%), darken($bg, 4%))); 16 | } 17 | 18 | &:active, 19 | &.selected, 20 | &.zeroclipboard-is-active { 21 | background-color: darken($bg, 5%); 22 | background-image: none; 23 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); 24 | } 25 | 26 | &.selected:hover { 27 | background-color: darken($bg, 10%); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /kubePtop/old/prometheus_http.yml: -------------------------------------------------------------------------------- 1 | dataSoures: 2 | - name: staging prometheus 3 | type: prometheus # || prometheusPodPortForward || KubernetesAPI 4 | prometheusOptions: 5 | prometheusEndpoint: http://.. 6 | basicAuthEnabled: false 7 | basicAuthUsernameEnv: abc 8 | basicAuthPasswordEnv: abc 9 | 10 | - name: staging prometheus 11 | type: prometheusPodPortForward 12 | prometheusPodPortForwardOptions: 13 | prometheusPodName: prometheus-0 14 | prometheusPodNamespace: monitoring 15 | kubeConfigFilePath: /Users/USER/.kube/config #~/.kube/config # default 16 | 17 | - name: staging eks 18 | type: KubernetesAPI # || prometheusPodPortForward || KubernetesAPI 19 | KubernetesAPIOptions: 20 | kubeConfigFilePath: /Users/USER/.kube/config #~/.kube/config # default 21 | kubeProfile: abc 22 | -------------------------------------------------------------------------------- /docs/_sass/print.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type 2 | 3 | @media print { 4 | .site-footer, 5 | .site-button, 6 | #edit-this-page, 7 | #back-to-top, 8 | .site-nav, 9 | .main-header { 10 | display: none !important; 11 | } 12 | 13 | .side-bar { 14 | width: 100%; 15 | height: auto; 16 | border-right: 0 !important; 17 | } 18 | 19 | .site-header { 20 | border-bottom: 1px solid $border-color; 21 | } 22 | 23 | .site-title { 24 | font-size: 1rem !important; 25 | font-weight: 700 !important; 26 | } 27 | 28 | .text-small { 29 | font-size: 8pt !important; 30 | } 31 | 32 | pre.highlight { 33 | border: 1px solid $border-color; 34 | } 35 | 36 | .main { 37 | max-width: none; 38 | margin-left: 0; 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /examples/dataSources/prometheus_http.yml: -------------------------------------------------------------------------------- 1 | dataSoures: 2 | - name: staging prometheus 3 | type: prometheus # || prometheusPodPortForward || KubernetesAPI 4 | prometheusOptions: 5 | prometheusEndpoint: http://.. 6 | basicAuthEnabled: false 7 | basicAuthUsernameEnv: abc 8 | basicAuthPasswordEnv: abc 9 | 10 | - name: staging prometheus 11 | type: prometheusPodPortForward 12 | prometheusPodPortForwardOptions: 13 | prometheusPodName: prometheus-0 14 | prometheusPodNamespace: monitoring 15 | kubeConfigFilePath: /Users/USER/.kube/config #~/.kube/config # default 16 | 17 | - name: staging eks 18 | type: KubernetesAPI # || prometheusPodPortForward || KubernetesAPI 19 | KubernetesAPIOptions: 20 | kubeConfigFilePath: /Users/USER/.kube/config #~/.kube/config # default 21 | kubeProfile: abc 22 | -------------------------------------------------------------------------------- /docs/_sass/support/mixins/_layout.scss: -------------------------------------------------------------------------------- 1 | // Media query 2 | 3 | // Media query mixin 4 | // Usage: 5 | // @include mq(md) { 6 | // ..medium and up styles 7 | // } 8 | @mixin mq($name) { 9 | // Retrieves the value from the key 10 | $value: map-get($media-queries, $name); 11 | 12 | // If the key exists in the map 13 | @if $value { 14 | // Prints a media query based on the value 15 | @media (min-width: $value) { 16 | @content; 17 | } 18 | } @else { 19 | @warn "No value could be retrieved from `#{$media-query}`. Please make sure it is defined in `$media-queries` map."; 20 | } 21 | } 22 | 23 | // Responsive container 24 | 25 | @mixin container { 26 | padding-right: $gutter-spacing-sm; 27 | padding-left: $gutter-spacing-sm; 28 | 29 | @include mq(md) { 30 | padding-right: $gutter-spacing; 31 | padding-left: $gutter-spacing; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /docs/_sass/labels.scss: -------------------------------------------------------------------------------- 1 | // Labels (not the form kind) 2 | 3 | // this :not() prevents a style clash with Mermaid.js's 4 | // diagram labels, which also use .label 5 | // for more, see https://github.com/just-the-docs/just-the-docs/issues/1272 6 | // and the accompanying PR 7 | .label:not(g), 8 | .label-blue:not(g) { 9 | display: inline-block; 10 | padding: 0.16em 0.56em; 11 | margin-right: $sp-2; 12 | margin-left: $sp-2; 13 | color: $white; 14 | text-transform: uppercase; 15 | vertical-align: middle; 16 | background-color: $blue-100; 17 | @include fs-2; 18 | 19 | border-radius: 12px; 20 | } 21 | 22 | .label-green:not(g) { 23 | background-color: $green-200; 24 | } 25 | 26 | .label-purple:not(g) { 27 | background-color: $purple-100; 28 | } 29 | 30 | .label-red:not(g) { 31 | background-color: $red-200; 32 | } 33 | 34 | .label-yellow:not(g) { 35 | color: $grey-dk-200; 36 | background-color: $yellow-200; 37 | } 38 | -------------------------------------------------------------------------------- /docs/installation.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | nav_order: 1 4 | # permalink: / 5 | # parent: Home 6 | permalink: /installation 7 | title: Installation 8 | markdown: Kramdown 9 | has_children: false 10 | kramdown: 11 | parse_block_html: true 12 | auto_ids: true 13 | syntax_highlighter: coderay 14 | --- 15 | 16 |