├── .env ├── .gitignore ├── CHANGELOG.md ├── Dockerfile ├── LICENSE.md ├── README.md ├── apps ├── __init__.py ├── authentication │ ├── __init__.py │ ├── admin.py │ ├── config.py │ ├── forms.py │ ├── migrations │ │ └── __init__.py │ ├── models.py │ ├── tests.py │ ├── urls.py │ └── views.py ├── config.py ├── home │ ├── __init__.py │ ├── admin.py │ ├── config.py │ ├── migrations │ │ ├── 0001_initial.py │ │ └── __init__.py │ ├── models.py │ ├── tests.py │ ├── urls.py │ └── views.py ├── static │ ├── assets │ │ ├── css │ │ │ ├── material-kit.css │ │ │ ├── material-kit.css.map │ │ │ ├── material-kit.min.css │ │ │ ├── nucleo-icons.css │ │ │ └── nucleo-svg.css │ │ ├── fonts │ │ │ ├── nucleo-icons.eot │ │ │ ├── nucleo-icons.svg │ │ │ ├── nucleo-icons.ttf │ │ │ ├── nucleo-icons.woff │ │ │ ├── nucleo-icons.woff2 │ │ │ ├── nucleo.eot │ │ │ ├── nucleo.ttf │ │ │ ├── nucleo.woff │ │ │ └── nucleo.woff2 │ │ ├── gulpfile.js │ │ ├── img │ │ │ ├── apple-icon.png │ │ │ ├── bg.jpg │ │ │ ├── bg0.jpg │ │ │ ├── bg10.jpg │ │ │ ├── bg2.jpg │ │ │ ├── bg3.jpg │ │ │ ├── bg5.jpg │ │ │ ├── bg9.jpg │ │ │ ├── bruce-mars.jpg │ │ │ ├── city-profile.jpg │ │ │ ├── down-arrow-dark.svg │ │ │ ├── down-arrow-white.svg │ │ │ ├── down-arrow.svg │ │ │ ├── examples │ │ │ │ ├── blog-9-4.jpg │ │ │ │ ├── blog2.jpg │ │ │ │ ├── testimonial-6-2.jpg │ │ │ │ └── testimonial-6-3.jpg │ │ │ ├── favicon.png │ │ │ ├── illustrations │ │ │ │ └── illustration-signin.jpg │ │ │ ├── ivana-square.jpg │ │ │ ├── ivana-squares.jpg │ │ │ ├── logo-ct-dark.png │ │ │ ├── logos │ │ │ │ └── gray-logos │ │ │ │ │ ├── logo-apple.svg │ │ │ │ │ ├── logo-coinbase.svg │ │ │ │ │ ├── logo-digitalocean.svg │ │ │ │ │ ├── logo-facebook.svg │ │ │ │ │ ├── logo-nasa.svg │ │ │ │ │ ├── logo-netflix.svg │ │ │ │ │ ├── logo-pinterest.svg │ │ │ │ │ ├── logo-spotify.svg │ │ │ │ │ └── logo-vodafone.svg │ │ │ ├── macbook.png │ │ │ ├── shapes │ │ │ │ └── waves-white.svg │ │ │ ├── team-1.jpg │ │ │ ├── team-2.jpg │ │ │ ├── team-3.jpg │ │ │ ├── team-4.jpg │ │ │ └── team-5.jpg │ │ ├── js │ │ │ ├── core │ │ │ │ ├── bootstrap.bundle.min.js │ │ │ │ ├── bootstrap.min.js │ │ │ │ └── popper.min.js │ │ │ ├── material-kit.js │ │ │ ├── material-kit.js.map │ │ │ ├── material-kit.min.js │ │ │ └── plugins │ │ │ │ ├── choices.min.js │ │ │ │ ├── countup.min.js │ │ │ │ ├── flatpickr.min.js │ │ │ │ ├── highlight.min.js │ │ │ │ ├── moment.min.js │ │ │ │ ├── parallax.min.js │ │ │ │ ├── perfect-scrollbar.min.js │ │ │ │ ├── prism.min.js │ │ │ │ ├── rellax.min.js │ │ │ │ ├── tilt.min.js │ │ │ │ └── typedjs.js │ │ ├── package.json │ │ └── scss │ │ │ ├── material-kit.scss │ │ │ └── material-kit │ │ │ ├── _accordion.scss │ │ │ ├── _alert.scss │ │ │ ├── _avatars.scss │ │ │ ├── _backgrounds.scss │ │ │ ├── _badge.scss │ │ │ ├── _breadcrumbs.scss │ │ │ ├── _buttons.scss │ │ │ ├── _cards-extend.scss │ │ │ ├── _cards.scss │ │ │ ├── _components.scss │ │ │ ├── _dark-version.scss │ │ │ ├── _dropdown-extend.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _dropup.scss │ │ │ ├── _fixed-plugin.scss │ │ │ ├── _floating-elements.scss │ │ │ ├── _footer.scss │ │ │ ├── _forms.scss │ │ │ ├── _gradients.scss │ │ │ ├── _header.scss │ │ │ ├── _icons.scss │ │ │ ├── _info-areas.scss │ │ │ ├── _list-check.scss │ │ │ ├── _misc-extend.scss │ │ │ ├── _misc.scss │ │ │ ├── _nav.scss │ │ │ ├── _navbar-vertical.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pagination.scss │ │ │ ├── _popovers.scss │ │ │ ├── _progress.scss │ │ │ ├── _ripple.scss │ │ │ ├── _rtl-extend.scss │ │ │ ├── _rtl.scss │ │ │ ├── _social-buttons.scss │ │ │ ├── _tables.scss │ │ │ ├── _tilt.scss │ │ │ ├── _timeline.scss │ │ │ ├── _tooltips.scss │ │ │ ├── _typography.scss │ │ │ ├── _utilities-extend.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── badges │ │ │ ├── _badge-circle.scss │ │ │ ├── _badge-dot.scss │ │ │ ├── _badge-floating.scss │ │ │ └── _badge.scss │ │ │ ├── bootstrap │ │ │ ├── _accordion.scss │ │ │ ├── _alert.scss │ │ │ ├── _badge.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _button-group.scss │ │ │ ├── _buttons.scss │ │ │ ├── _card.scss │ │ │ ├── _carousel.scss │ │ │ ├── _close.scss │ │ │ ├── _containers.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _forms.scss │ │ │ ├── _functions.scss │ │ │ ├── _grid.scss │ │ │ ├── _helpers.scss │ │ │ ├── _images.scss │ │ │ ├── _list-group.scss │ │ │ ├── _mixins.scss │ │ │ ├── _modal.scss │ │ │ ├── _nav.scss │ │ │ ├── _navbar.scss │ │ │ ├── _offcanvas.scss │ │ │ ├── _pagination.scss │ │ │ ├── _placeholders.scss │ │ │ ├── _popover.scss │ │ │ ├── _progress.scss │ │ │ ├── _reboot.scss │ │ │ ├── _root.scss │ │ │ ├── _spinners.scss │ │ │ ├── _tables.scss │ │ │ ├── _toasts.scss │ │ │ ├── _tooltip.scss │ │ │ ├── _transitions.scss │ │ │ ├── _type.scss │ │ │ ├── _utilities.scss │ │ │ ├── _variables.scss │ │ │ ├── bootstrap-grid.scss │ │ │ ├── bootstrap-reboot.scss │ │ │ ├── bootstrap-utilities.scss │ │ │ ├── bootstrap.scss │ │ │ ├── forms │ │ │ │ ├── _floating-labels.scss │ │ │ │ ├── _form-check.scss │ │ │ │ ├── _form-control.scss │ │ │ │ ├── _form-range.scss │ │ │ │ ├── _form-select.scss │ │ │ │ ├── _form-text.scss │ │ │ │ ├── _input-group.scss │ │ │ │ ├── _labels.scss │ │ │ │ └── _validation.scss │ │ │ ├── helpers │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _colored-links.scss │ │ │ │ ├── _position.scss │ │ │ │ ├── _ratio.scss │ │ │ │ ├── _stacks.scss │ │ │ │ ├── _stretched-link.scss │ │ │ │ ├── _text-truncation.scss │ │ │ │ ├── _visually-hidden.scss │ │ │ │ └── _vr.scss │ │ │ ├── mixins │ │ │ │ ├── _alert.scss │ │ │ │ ├── _backdrop.scss │ │ │ │ ├── _border-radius.scss │ │ │ │ ├── _box-shadow.scss │ │ │ │ ├── _breakpoints.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _caret.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _color-scheme.scss │ │ │ │ ├── _container.scss │ │ │ │ ├── _deprecate.scss │ │ │ │ ├── _forms.scss │ │ │ │ ├── _gradients.scss │ │ │ │ ├── _grid.scss │ │ │ │ ├── _image.scss │ │ │ │ ├── _list-group.scss │ │ │ │ ├── _lists.scss │ │ │ │ ├── _pagination.scss │ │ │ │ ├── _reset-text.scss │ │ │ │ ├── _resize.scss │ │ │ │ ├── _table-variants.scss │ │ │ │ ├── _text-truncate.scss │ │ │ │ ├── _transition.scss │ │ │ │ ├── _utilities.scss │ │ │ │ └── _visually-hidden.scss │ │ │ ├── utilities │ │ │ │ └── _api.scss │ │ │ └── vendor │ │ │ │ └── _rfs.scss │ │ │ ├── cards │ │ │ ├── card-background.scss │ │ │ ├── card-blog.scss │ │ │ ├── card-horizontal.scss │ │ │ ├── card-pricing.scss │ │ │ ├── card-profile.scss │ │ │ └── card-rotate.scss │ │ │ ├── custom │ │ │ ├── _styles.scss │ │ │ └── _variables.scss │ │ │ ├── forms │ │ │ ├── _form-check.scss │ │ │ ├── _form-select.scss │ │ │ ├── _form-switch.scss │ │ │ ├── _forms.scss │ │ │ ├── _input-group.scss │ │ │ ├── _inputs.scss │ │ │ └── _labels.scss │ │ │ ├── mixins │ │ │ ├── _badge.scss │ │ │ ├── _buttons.scss │ │ │ ├── _colored-shadows.scss │ │ │ ├── _hover.scss │ │ │ ├── _social-buttons.scss │ │ │ ├── _vendor.scss │ │ │ └── mixins.scss │ │ │ ├── plugins │ │ │ ├── free │ │ │ │ ├── _flatpickr.scss │ │ │ │ ├── _nouislider.scss │ │ │ │ ├── _perfect-scrollbar.scss │ │ │ │ ├── _prism.scss │ │ │ │ └── plugins.scss │ │ │ └── pro │ │ │ │ ├── _carousel-slick.scss │ │ │ │ ├── _choices.scss │ │ │ │ ├── _datatable-extend.scss │ │ │ │ ├── _datatable.scss │ │ │ │ ├── _dragula.scss │ │ │ │ ├── _dropzone.scss │ │ │ │ ├── _fullcalendar-extend.scss │ │ │ │ ├── _fullcalendar.scss │ │ │ │ ├── _glidejs.scss │ │ │ │ ├── _highlight.scss │ │ │ │ ├── _kanban.scss │ │ │ │ ├── _leaflet.scss │ │ │ │ ├── _list-check.scss │ │ │ │ ├── _photoswipe.scss │ │ │ │ ├── _quill.scss │ │ │ │ ├── _rating-widget.scss │ │ │ │ ├── _sweetalert2-extend.scss │ │ │ │ ├── _sweetalert2.scss │ │ │ │ ├── _vector-map.scss │ │ │ │ ├── multi-step.scss │ │ │ │ └── plugins-extend.scss │ │ │ ├── theme-pro.scss │ │ │ ├── theme.scss │ │ │ └── variables │ │ │ ├── _animations.scss │ │ │ ├── _avatars.scss │ │ │ ├── _badge.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _cards-extend.scss │ │ │ ├── _cards.scss │ │ │ ├── _choices.scss │ │ │ ├── _dark-version.scss │ │ │ ├── _dropdowns.scss │ │ │ ├── _fixed-plugin.scss │ │ │ ├── _form-switch.scss │ │ │ ├── _full-calendar.scss │ │ │ ├── _header.scss │ │ │ ├── _info-areas.scss │ │ │ ├── _misc-extend.scss │ │ │ ├── _misc.scss │ │ │ ├── _navbar-vertical.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pagination.scss │ │ │ ├── _ripple.scss │ │ │ ├── _rtl.scss │ │ │ ├── _social-buttons.scss │ │ │ ├── _table.scss │ │ │ ├── _timeline.scss │ │ │ ├── _utilities-extend.scss │ │ │ ├── _utilities.scss │ │ │ └── _virtual-reality.scss │ ├── favicon.ico │ └── sitemap.xml └── templates │ ├── accounts │ ├── login.html │ └── register.html │ ├── home │ ├── about-us.html │ ├── author.html │ ├── contact-us.html │ ├── index.html │ ├── page-403.html │ ├── page-404.html │ ├── page-500.html │ ├── sign-in.html │ ├── sign-up.html │ ├── template.html │ ├── ui-catchers-alerts.html │ ├── ui-catchers-modals.html │ ├── ui-catchers-tooltips-popovers.html │ ├── ui-elements-avatars.html │ ├── ui-elements-badges.html │ ├── ui-elements-breadcrumbs.html │ ├── ui-elements-buttons.html │ ├── ui-elements-dropdowns.html │ ├── ui-elements-progress-bars.html │ ├── ui-elements-toggles.html │ ├── ui-elements-typography.html │ ├── ui-input-forms.html │ ├── ui-input-inputs.html │ ├── ui-navigation-nav-tabs.html │ ├── ui-navigation-navbars.html │ ├── ui-navigation-pagination.html │ ├── ui-sections-features.html │ └── ui-sections-hero-sections.html │ ├── includes │ ├── footer-auth.html │ ├── footer-components.html │ ├── footer.html │ ├── navigation-light.html │ ├── navigation-transparent.html │ ├── navigation.html │ └── scripts.html │ └── layouts │ ├── base-fullscreen.html │ └── base.html ├── core ├── __init__.py ├── asgi.py ├── settings.py ├── staticfiles │ └── .gitkeep ├── urls.py └── wsgi.py ├── docker-compose.yml ├── gunicorn-cfg.py ├── manage.py ├── nginx └── appseed-app.conf ├── package.json ├── requirements.txt └── runtime.txt /.env: -------------------------------------------------------------------------------- 1 | DEBUG=True 2 | SECRET_KEY=S3cr3t_K#Key 3 | SERVER=boilerplate-code-django.appseed.us 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | 5 | # tests and coverage 6 | *.pytest_cache 7 | .coverage 8 | 9 | # database & logs 10 | *.db 11 | *.sqlite3 12 | *.log 13 | 14 | # venv 15 | env 16 | env__ 17 | venv 18 | 19 | # other 20 | .DS_Store 21 | 22 | # javascript 23 | package-lock.json 24 | 25 | staticfiles/* 26 | !staticfiles/.gitkeep 27 | .vscode/symbols.json 28 | 29 | apps/static/assets/node_modules 30 | apps/static/assets/yarn.lock 31 | apps/static/assets/.temp 32 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | ## [1.0.3] 2022-04-05 4 | ### Improvements 5 | 6 | - Added `HTMLX` support 7 | 8 | ## [1.0.2] 2021-01-19 9 | ### Improvements 10 | 11 | - Migrate all UI kit pages to Jinja 12 | 13 | ## [1.0.1] 2022-01-17 14 | ### Improvements 15 | 16 | - Bump Django Codebase to [v2.0.0](https://github.com/app-generator/boilerplate-code-django/releases) 17 | - Dependencies update (all packages) 18 | - Django==4.0.1 19 | - Settings update for Django 4.x 20 | - `New Parameter`: CSRF_TRUSTED_ORIGINS 21 | - [Origin header checking isn`t performed in older versions](https://docs.djangoproject.com/en/4.0/ref/settings/#csrf-trusted-origins) 22 | 23 | ## [1.0.0] 2021-10-30 24 | ### Initial Release 25 | 26 | - Bump UI: Material Kit v3.0.0 27 | - Update Bootstrap to v5.1.1 28 | - Update to Material Design 2 29 | - Codebase: [Django Boilerplate](https://github.com/app-generator/boilerplate-code-django) v1.0.6 30 | - Dependencies update (all packages) 31 | - Django==3.2.6 (latest stable version) 32 | - Codebase: 33 | - Better Code formatting 34 | - Improved Files organization 35 | - Optimize imports 36 | - Docker Scripts Update 37 | - Tooling: Added Gulp SCSS compilation scripts 38 | -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | FROM python:3.9 2 | 3 | COPY . . 4 | 5 | # set environment variables 6 | ENV PYTHONDONTWRITEBYTECODE 1 7 | ENV PYTHONUNBUFFERED 1 8 | 9 | # install python dependencies 10 | RUN pip install --upgrade pip 11 | RUN pip install --no-cache-dir -r requirements.txt 12 | 13 | # running migrations 14 | RUN python manage.py migrate 15 | 16 | # gunicorn 17 | CMD ["gunicorn", "--config", "gunicorn-cfg.py", "core.wsgi"] 18 | 19 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | # MIT License 2 | 3 | Copyright (c) 2019 - present [AppSeed](http://appseed.us/) 4 | 5 |
6 | 7 | ## Licensing Information 8 | 9 |
10 | 11 | | Item | - | 12 | | ---------------------------------- | --- | 13 | | License Type | MIT | 14 | | Use for print | **YES** | 15 | | Create single personal website/app | **YES** | 16 | | Create single website/app for client | **YES** | 17 | | Create multiple website/apps for clients | **YES** | 18 | | Create multiple SaaS applications | **YES** | 19 | | End-product paying users | **YES** | 20 | | Product sale | **YES** | 21 | | Remove footer credits | **YES** | 22 | | --- | --- | 23 | | Remove copyright mentions from source code | NO | 24 | | Create HTML/CSS template for sale | NO | 25 | | Create Theme/Template for CMS for sale | NO | 26 | | Separate sale of our UI Elements | NO | 27 | 28 |
29 | 30 | --- 31 | For more information regarding licensing, please contact the AppSeed Service < *support@appseed.us* > 32 | -------------------------------------------------------------------------------- /apps/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/__init__.py -------------------------------------------------------------------------------- /apps/authentication/__init__.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | -------------------------------------------------------------------------------- /apps/authentication/admin.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.contrib import admin 7 | 8 | # Register your models here. 9 | -------------------------------------------------------------------------------- /apps/authentication/config.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.apps import AppConfig 7 | 8 | 9 | class AuthConfig(AppConfig): 10 | name = 'apps.auth' 11 | label = 'apps_auth' 12 | -------------------------------------------------------------------------------- /apps/authentication/forms.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django import forms 7 | from django.contrib.auth.forms import UserCreationForm 8 | from django.contrib.auth.models import User 9 | 10 | 11 | class LoginForm(forms.Form): 12 | username = forms.CharField( 13 | widget=forms.TextInput( 14 | attrs={ 15 | "placeholder": "Username", 16 | "class": "form-control" 17 | } 18 | )) 19 | password = forms.CharField( 20 | widget=forms.PasswordInput( 21 | attrs={ 22 | "placeholder": "Password", 23 | "class": "form-control" 24 | } 25 | )) 26 | 27 | 28 | class SignUpForm(UserCreationForm): 29 | username = forms.CharField( 30 | widget=forms.TextInput( 31 | attrs={ 32 | "placeholder": "Username", 33 | "class": "form-control" 34 | } 35 | )) 36 | email = forms.EmailField( 37 | widget=forms.EmailInput( 38 | attrs={ 39 | "placeholder": "Email", 40 | "class": "form-control" 41 | } 42 | )) 43 | password1 = forms.CharField( 44 | widget=forms.PasswordInput( 45 | attrs={ 46 | "placeholder": "Password", 47 | "class": "form-control" 48 | } 49 | )) 50 | password2 = forms.CharField( 51 | widget=forms.PasswordInput( 52 | attrs={ 53 | "placeholder": "Password check", 54 | "class": "form-control" 55 | } 56 | )) 57 | 58 | class Meta: 59 | model = User 60 | fields = ('username', 'email', 'password1', 'password2') 61 | -------------------------------------------------------------------------------- /apps/authentication/migrations/__init__.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | -------------------------------------------------------------------------------- /apps/authentication/models.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.db import models 7 | 8 | # Create your models here. 9 | -------------------------------------------------------------------------------- /apps/authentication/tests.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.test import TestCase 7 | 8 | # Create your tests here. 9 | -------------------------------------------------------------------------------- /apps/authentication/urls.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.urls import path 7 | from .views import login_view, register_user 8 | from django.contrib.auth.views import LogoutView 9 | 10 | urlpatterns = [ 11 | path('login/', login_view, name="login"), 12 | path('register/', register_user, name="register"), 13 | path("logout/", LogoutView.as_view(), name="logout") 14 | ] 15 | -------------------------------------------------------------------------------- /apps/authentication/views.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | # Create your views here. 7 | from django.shortcuts import render, redirect 8 | from django.contrib.auth import authenticate, login 9 | from .forms import LoginForm, SignUpForm 10 | 11 | 12 | def login_view(request): 13 | form = LoginForm(request.POST or None) 14 | 15 | msg = None 16 | 17 | if request.method == "POST": 18 | 19 | if form.is_valid(): 20 | username = form.cleaned_data.get("username") 21 | password = form.cleaned_data.get("password") 22 | user = authenticate(username=username, password=password) 23 | if user is not None: 24 | login(request, user) 25 | return redirect("/") 26 | else: 27 | msg = 'Invalid credentials' 28 | else: 29 | msg = 'Error validating the form' 30 | 31 | return render(request, "accounts/login.html", {"form": form, "msg": msg}) 32 | 33 | 34 | def register_user(request): 35 | msg = None 36 | success = False 37 | 38 | if request.method == "POST": 39 | form = SignUpForm(request.POST) 40 | if form.is_valid(): 41 | form.save() 42 | username = form.cleaned_data.get("username") 43 | raw_password = form.cleaned_data.get("password1") 44 | user = authenticate(username=username, password=raw_password) 45 | 46 | msg = 'User created - please login.' 47 | success = True 48 | 49 | # return redirect("/login/") 50 | 51 | else: 52 | msg = 'Form is not valid' 53 | else: 54 | form = SignUpForm() 55 | 56 | return render(request, "accounts/register.html", {"form": form, "msg": msg, "success": success}) 57 | -------------------------------------------------------------------------------- /apps/config.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class AppsConfig(AppConfig): 5 | default_auto_field = 'django.db.models.BigAutoField' 6 | name = 'apps' 7 | label = 'apps' 8 | -------------------------------------------------------------------------------- /apps/home/__init__.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | -------------------------------------------------------------------------------- /apps/home/admin.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.contrib import admin 7 | 8 | # Register your models here. 9 | -------------------------------------------------------------------------------- /apps/home/config.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.apps import AppConfig 7 | 8 | 9 | class MyConfig(AppConfig): 10 | name = 'apps.home' 11 | label = 'apps_home' 12 | -------------------------------------------------------------------------------- /apps/home/migrations/0001_initial.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 3.2.11 on 2022-05-02 11:56 2 | 3 | from django.db import migrations, models 4 | import django.utils.timezone 5 | 6 | 7 | class Migration(migrations.Migration): 8 | 9 | initial = True 10 | 11 | dependencies = [ 12 | ] 13 | 14 | operations = [ 15 | migrations.CreateModel( 16 | name='Contact', 17 | fields=[ 18 | ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), 19 | ('name', models.CharField(max_length=50)), 20 | ('email', models.EmailField(max_length=254)), 21 | ('message', models.TextField()), 22 | ('createdAt', models.DateTimeField(default=django.utils.timezone.now)), 23 | ], 24 | ), 25 | ] 26 | -------------------------------------------------------------------------------- /apps/home/migrations/__init__.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | -------------------------------------------------------------------------------- /apps/home/models.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from time import time 7 | from django.db import models 8 | from django.contrib.auth.models import User 9 | from django.utils import timezone 10 | 11 | # Create your models here. 12 | 13 | class Contact(models.Model): 14 | name = models.CharField(max_length=50,null=False) 15 | email = models.EmailField( max_length=254,null=False) 16 | message = models.TextField(null=False) 17 | createdAt = models.DateTimeField( default=timezone.now) 18 | 19 | def __str__(self): 20 | return f"Message from {self.name}" 21 | 22 | -------------------------------------------------------------------------------- /apps/home/tests.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.test import TestCase 7 | 8 | # Create your tests here. 9 | -------------------------------------------------------------------------------- /apps/home/urls.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.urls import path, re_path 7 | from apps.home import views 8 | 9 | urlpatterns = [ 10 | 11 | # The home page 12 | path('', views.index, name='home'),\ 13 | path('contact-us.html', views.contact, name='contact'), 14 | 15 | # Matches any html file 16 | re_path(r'^.*\.*', views.pages, name='pages'), 17 | 18 | ] 19 | -------------------------------------------------------------------------------- /apps/home/views.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django import template 7 | from django.contrib.auth.decorators import login_required 8 | from django.http import HttpResponse, HttpResponseRedirect 9 | from django.template import loader 10 | from django.urls import reverse 11 | from .models import Contact 12 | from django.contrib import messages 13 | 14 | 15 | @login_required(login_url="/login/") 16 | def index(request): 17 | context = {'segment': 'index'} 18 | 19 | html_template = loader.get_template('home/index.html') 20 | return HttpResponse(html_template.render(context, request)) 21 | 22 | def contact(request): 23 | if request.method == 'POST': 24 | name = request.POST.get('name') 25 | email = request.POST.get('name') 26 | message = request.POST.get('name') 27 | 28 | new_contact = Contact(name=name,email=email,message=message) 29 | new_contact.save() 30 | messages.success(request,f"Message sent {name.split(' ')[0]} !") 31 | 32 | context = {'segment': 'contact-us.html'} 33 | 34 | html_template = loader.get_template('home/contact-us.html') 35 | return HttpResponse(html_template.render(context, request)) 36 | 37 | 38 | @login_required(login_url="/login/") 39 | def pages(request): 40 | context = {} 41 | # All resource paths end in .html. 42 | # Pick out the html file name from the url. And load that template. 43 | try: 44 | 45 | load_template = request.path.split('/')[-1] 46 | 47 | if load_template == 'admin': 48 | return HttpResponseRedirect(reverse('admin:index')) 49 | context['segment'] = load_template 50 | 51 | html_template = loader.get_template('home/' + load_template) 52 | return HttpResponse(html_template.render(context, request)) 53 | 54 | except template.TemplateDoesNotExist: 55 | 56 | html_template = loader.get_template('home/page-404.html') 57 | return HttpResponse(html_template.render(context, request)) 58 | 59 | except: 60 | html_template = loader.get_template('home/page-500.html') 61 | return HttpResponse(html_template.render(context, request)) 62 | -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo-icons.eot -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo-icons.ttf -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo-icons.woff -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo-icons.woff2 -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo.eot -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo.ttf -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo.woff -------------------------------------------------------------------------------- /apps/static/assets/fonts/nucleo.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/fonts/nucleo.woff2 -------------------------------------------------------------------------------- /apps/static/assets/gulpfile.js: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | ========================================================= 4 | * AppSeed - Simple SCSS compiler via Gulp 5 | ========================================================= 6 | 7 | */ 8 | 9 | var autoprefixer = require('gulp-autoprefixer'); 10 | var browserSync = require('browser-sync').create(); 11 | var cleanCss = require('gulp-clean-css'); 12 | var gulp = require('gulp'); 13 | const npmDist = require('gulp-npm-dist'); 14 | var sass = require('gulp-sass')(require('node-sass')); 15 | var wait = require('gulp-wait'); 16 | var sourcemaps = require('gulp-sourcemaps'); 17 | var rename = require("gulp-rename"); 18 | 19 | // Define COMMON paths 20 | 21 | const paths = { 22 | src: { 23 | base: './', 24 | css: './css', 25 | scss: './scss', 26 | node_modules: './node_modules/', 27 | vendor: './vendor' 28 | } 29 | }; 30 | 31 | // Compile SCSS 32 | gulp.task('scss', function() { 33 | return gulp.src([paths.src.scss + '/material-kit.scss']) 34 | .pipe(wait(500)) 35 | .pipe(sourcemaps.init()) 36 | .pipe(sass().on('error', sass.logError)) 37 | .pipe(autoprefixer({ 38 | overrideBrowserslist: ['> 1%'] 39 | })) 40 | .pipe(sourcemaps.write('.')) 41 | .pipe(gulp.dest(paths.src.css)) 42 | .pipe(browserSync.stream()); 43 | }); 44 | 45 | // Minify CSS 46 | gulp.task('minify:css', function() { 47 | return gulp.src([ 48 | paths.src.css + '/material-kit.css' 49 | ]) 50 | .pipe(cleanCss()) 51 | .pipe(rename(function(path) { 52 | // Updates the object in-place 53 | path.extname = ".min.css"; 54 | })) 55 | .pipe(gulp.dest(paths.src.css)) 56 | }); 57 | 58 | // Default Task: Compile SCSS and minify the result 59 | gulp.task('default', gulp.series('scss', 'minify:css')); 60 | -------------------------------------------------------------------------------- /apps/static/assets/img/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/apple-icon.png -------------------------------------------------------------------------------- /apps/static/assets/img/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bg0.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg0.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bg10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg10.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg2.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bg3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg3.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bg5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg5.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bg9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bg9.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/bruce-mars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/bruce-mars.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/city-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/city-profile.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/down-arrow-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | down-arrow 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /apps/static/assets/img/down-arrow-white.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /apps/static/assets/img/down-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | down-arrow 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /apps/static/assets/img/examples/blog-9-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/examples/blog-9-4.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/examples/blog2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/examples/blog2.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/examples/testimonial-6-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/examples/testimonial-6-2.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/examples/testimonial-6-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/examples/testimonial-6-3.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/favicon.png -------------------------------------------------------------------------------- /apps/static/assets/img/illustrations/illustration-signin.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/illustrations/illustration-signin.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/ivana-square.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/ivana-square.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/ivana-squares.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/ivana-squares.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/logo-ct-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/logo-ct-dark.png -------------------------------------------------------------------------------- /apps/static/assets/img/logos/gray-logos/logo-netflix.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | Logos 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /apps/static/assets/img/macbook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/macbook.png -------------------------------------------------------------------------------- /apps/static/assets/img/team-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/team-1.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/team-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/team-2.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/team-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/team-3.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/team-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/team-4.jpg -------------------------------------------------------------------------------- /apps/static/assets/img/team-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/img/team-5.jpg -------------------------------------------------------------------------------- /apps/static/assets/js/plugins/parallax.min.js: -------------------------------------------------------------------------------- 1 | var windowHeight = window.innerHeight; 2 | 3 | document.addEventListener('resize', function() { 4 | windowHeight = window.innerHeight; 5 | }) 6 | 7 | function outerHeight(el) { 8 | var height = el.offsetHeight; 9 | var style = getComputedStyle(el); 10 | 11 | height += parseInt(style.marginTop) + parseInt(style.marginBottom); 12 | return height; 13 | } 14 | 15 | function parallax (el, speedFactor, outerHeight) { 16 | var foo = document.querySelectorAll(el); 17 | 18 | var getHeight; 19 | var firstTop; 20 | var paddingTop = 0; 21 | 22 | //get the starting position of each element to have parallax applied to it 23 | foo.forEach(function(subEl){ 24 | firstTop = subEl.getBoundingClientRect().top; 25 | }); 26 | 27 | if (outerHeight) { 28 | getHeight = function(el) { 29 | return outerHeight(el); 30 | }; 31 | } else { 32 | getHeight = function(el) { 33 | return el.clientHeight; 34 | }; 35 | } 36 | 37 | // function to be called whenever the window is scrolled or resized 38 | function update(){ 39 | var pos = window.scrollY; 40 | 41 | foo.forEach(function(subEl){ 42 | var element = subEl; 43 | var top = element.getBoundingClientRect().top; 44 | var height = getHeight(element); 45 | 46 | element.style.top = -(Math.round((firstTop - pos) * speedFactor)) + "px"; 47 | }); 48 | } 49 | document.addEventListener('scroll', update, true) 50 | document.addEventListener('resize', update) 51 | update() 52 | }; 53 | 54 | parallax(".hero", -0.6); 55 | -------------------------------------------------------------------------------- /apps/static/assets/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@themesberg/pixel-lite-bootstrap-ui-kit", 3 | "version": "4.0.0", 4 | "description": "Open-source Bootstrap 5 UI Kit", 5 | "main": "gulpfile.js", 6 | "author": "Themesberg", 7 | "keywords": [ 8 | "bootstrap", 9 | "bootstrap 5", 10 | "bootstrap 5 ui kit", 11 | "bootstrap ui kit", 12 | "ui kit", 13 | "components", 14 | "elements", 15 | "responsive", 16 | "front-end", 17 | "css", 18 | "sass", 19 | "gulp", 20 | "web" 21 | ], 22 | "homepage": "https://themesberg.com/product/ui-kit/pixel-free-bootstrap-5-ui-kit", 23 | "repository": { 24 | "type": "git", 25 | "url": "https://github.com/themesberg/pixel-bootstrap-ui-kit" 26 | }, 27 | "bugs": { 28 | "email": "support@themesberg.com" 29 | }, 30 | "license": "MIT License", 31 | "devDependencies": { 32 | "browser-sync": "^2.27.4", 33 | "del": "^6.0.0", 34 | "gulp": "^4.0.2", 35 | "gulp-autoprefixer": "^8.0.0", 36 | "gulp-clean-css": "^4.3.0", 37 | "gulp-cssbeautify": "^3.0.0", 38 | "node-sass": "^6.0.1", 39 | "gulp-file-include": "^2.3.0", 40 | "gulp-header": "^2.0.9", 41 | "gulp-htmlmin": "^5.0.1", 42 | "gulp-npm-dist": "^1.0.3", 43 | "gulp-plumber": "^1.2.1", 44 | "gulp-rename": "^2.0.0", 45 | "gulp-sass": "^5.0.0", 46 | "gulp-sourcemaps": "^3.0.0", 47 | "gulp-uglify": "^3.0.2", 48 | "gulp-wait": "^0.0.2", 49 | "merge-stream": "^2.0.0" 50 | } 51 | } -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit.scss: -------------------------------------------------------------------------------- 1 | // ========================================================= 2 | // * Material Kit - v3.0.0 3 | // ========================================================= 4 | // 5 | // * Product Page: https://www.creative-tim.com/product/material-kit 6 | // * Copyright 2021 Creative Tim (https://www.creative-tim.com) 7 | // 8 | // Coded by www.creative-tim.com 9 | // 10 | // ========================================================= 11 | // 12 | // * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 13 | 14 | // Bootstrap Functions 15 | @import "material-kit/bootstrap/functions"; 16 | 17 | // Custom Variables 18 | @import "material-kit/custom/variables"; 19 | 20 | // Theme Variables 21 | @import "material-kit/variables"; 22 | 23 | // Bootstrap Core 24 | @import "material-kit/bootstrap/bootstrap"; 25 | 26 | // Theme Core 27 | @import "material-kit/theme"; 28 | 29 | // Custom Variables 30 | @import "material-kit/custom/styles"; 31 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_accordion.scss: -------------------------------------------------------------------------------- 1 | .accordion { 2 | .accordion-button { 3 | margin: 0 auto; 4 | font-size: inherit !important; 5 | } 6 | 7 | div { 8 | button[aria-expanded='true'] { 9 | .collapse-close { 10 | display: none; 11 | } 12 | 13 | .collapse-open { 14 | display: block; 15 | } 16 | } 17 | 18 | button[aria-expanded='false'] { 19 | .collapse-open { 20 | display: none; 21 | } 22 | 23 | .collapse-close { 24 | display: block; 25 | } 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_alert.scss: -------------------------------------------------------------------------------- 1 | @each $state, $value in $theme-gradient-colors { 2 | .alert-#{$state} { 3 | @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 195deg); 4 | } 5 | } 6 | 7 | .btn-close { 8 | &:focus { 9 | box-shadow: none; 10 | } 11 | } 12 | 13 | .alert-dismissible { 14 | .btn-close { 15 | background-image: none; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_avatars.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Avatar 3 | // 4 | 5 | // General styles 6 | 7 | .avatar { 8 | color: $white; 9 | display: inline-flex; 10 | align-items: center; 11 | justify-content: center; 12 | font-size: $avatar-font-size; 13 | border-radius: $border-radius-pill; 14 | height: $avatar-height; 15 | width: $avatar-width; 16 | transition: all .2s ease-in-out; 17 | 18 | img { 19 | width: 100%; 20 | } 21 | 22 | &.rounded-circle { 23 | img { 24 | @extend .rounded-circle; 25 | } 26 | } 27 | 28 | + .avatar-content { 29 | display: inline-block; 30 | margin-left: $avatar-content-margin; 31 | } 32 | 33 | 34 | &.avatar-raised { 35 | margin-top: -($avatar-height / 2); 36 | } 37 | 38 | &.avatar-scale-up:hover { 39 | transform: scale(1.2); 40 | 41 | } 42 | } 43 | 44 | // Style for the Testimonials Carousel 45 | .active { 46 | .avatar.avatar-scale-up { 47 | transform: scale(1.2); 48 | } 49 | } 50 | 51 | 52 | // Avatar size variations 53 | 54 | .avatar-xxl { 55 | width: $avatar-xxl-width !important; 56 | height: $avatar-xxl-height !important; 57 | 58 | &.avatar-raised { 59 | margin-top: -($avatar-xxl-height / 2); 60 | } 61 | } 62 | 63 | .avatar-xl { 64 | width: $avatar-xl-width !important; 65 | height: $avatar-xl-height !important; 66 | 67 | &.avatar-raised { 68 | margin-top: -($avatar-xl-height / 2); 69 | } 70 | } 71 | 72 | .avatar-lg { 73 | width: $avatar-lg-width !important; 74 | height: $avatar-lg-height !important; 75 | font-size: $font-size-sm; 76 | 77 | &.avatar-raised { 78 | margin-top: -($avatar-lg-height / 2); 79 | } 80 | } 81 | 82 | .avatar-sm { 83 | width: $avatar-sm-width !important; 84 | height: $avatar-sm-height !important; 85 | font-size: $font-size-sm; 86 | 87 | &.avatar-raised { 88 | margin-top: -($avatar-sm-height / 2); 89 | } 90 | } 91 | 92 | .avatar-xs { 93 | width: $avatar-xs-width !important; 94 | height: $avatar-xs-height !important; 95 | font-size: $font-size-xs; 96 | 97 | &.avatar-raised { 98 | margin-top: -($avatar-xs-height / 2); 99 | } 100 | } 101 | 102 | // 103 | // Avatar group 104 | // 105 | 106 | // General styles 107 | 108 | .avatar-group { 109 | .avatar { 110 | position: relative; 111 | z-index: $avatar-group-zindex; 112 | border: $avatar-group-border solid $card-bg; 113 | 114 | &:hover { 115 | z-index: $avatar-group-zindex-hover; 116 | } 117 | } 118 | 119 | .avatar + .avatar { 120 | margin-left: $avatar-group-double; 121 | 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_backgrounds.scss: -------------------------------------------------------------------------------- 1 | .bg-primary-soft{ 2 | background: rgba($primary-gradient, .03); 3 | } 4 | 5 | .bg-info-soft{ 6 | background: rgba($info-gradient, .03); 7 | } 8 | 9 | .bg-success-soft{ 10 | background: rgba($success-gradient, .03); 11 | } 12 | 13 | .bg-warning-soft{ 14 | background: rgba($warning-gradient, .03); 15 | } 16 | 17 | .bg-danger-soft{ 18 | background: rgba($danger-gradient, .03); 19 | } 20 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_badge.scss: -------------------------------------------------------------------------------- 1 | @each $prop, $value in $theme-colors { 2 | .badge.bg-#{$prop} { 3 | background: $value; 4 | } 5 | } 6 | .badge { 7 | text-transform: uppercase; 8 | } 9 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumb 3 | // 4 | 5 | .breadcrumb-item { 6 | font-size: $font-size-sm; 7 | &.text-white{ 8 | &::before { 9 | color: $white; 10 | } 11 | } 12 | 13 | } 14 | 15 | .breadcrumb-dark { 16 | background-color: $breadcrumb-dark-bg; 17 | 18 | .breadcrumb-item { 19 | font-weight: 600; 20 | 21 | a { 22 | color: $breadcrumb-dark-color; 23 | 24 | &:hover { 25 | color: $breadcrumb-dark-hover-color; 26 | } 27 | } 28 | 29 | + .breadcrumb-item { 30 | &::before { 31 | color: $breadcrumb-dark-divider-color; 32 | } 33 | } 34 | 35 | &.active { 36 | color: $breadcrumb-dark-active-color; 37 | } 38 | } 39 | } 40 | 41 | 42 | // Links 43 | 44 | .breadcrumb-links { 45 | padding: 0; 46 | margin: 0; 47 | background: transparent; 48 | } 49 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_cards-extend.scss: -------------------------------------------------------------------------------- 1 | @import 'cards/card-blog'; 2 | @import 'cards/card-horizontal'; 3 | @import 'cards/card-profile'; 4 | @import 'cards/card-pricing'; 5 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_cards.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | box-shadow: $card-box-shadow; 3 | 4 | &[data-animation="true"] { 5 | .card-header { 6 | @include transform-translate-y(0); 7 | -webkit-transition: $header-data-animation-transition; 8 | -moz-transition: $header-data-animation-transition; 9 | -o-transition: $header-data-animation-transition; 10 | -ms-transition: $header-data-animation-transition; 11 | transition: $header-data-animation-transition; 12 | } 13 | } 14 | 15 | @include hover { 16 | &[data-animation="true"] { 17 | .card-header { 18 | @include transform-translate-y(-50px); 19 | } 20 | } 21 | } 22 | 23 | .card-header { 24 | padding: $card-header-padding; 25 | } 26 | 27 | .card-body { 28 | font-family: $font-family-sans-serif; 29 | padding: $card-body-padding; 30 | } 31 | 32 | &.card-plain { 33 | background-color: $card-plain-bg-color; 34 | box-shadow: $card-plain-box-shadow; 35 | } 36 | 37 | .card-footer { 38 | padding: $card-footer-padding; 39 | background-color: transparent; 40 | } 41 | } 42 | 43 | .author { 44 | display: $card-author-display; 45 | 46 | .name > span { 47 | line-height: $card-author-name-line-height; 48 | font-weight: $font-weight-bold; 49 | font-size: $font-size-sm; 50 | color: $card-author-name-color; 51 | } 52 | 53 | .stats { 54 | font-size: $font-size-sm; 55 | font-weight: $font-weight-normal; 56 | } 57 | } 58 | 59 | @import 'cards/card-background'; 60 | @import 'cards/card-rotate'; 61 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_components.scss: -------------------------------------------------------------------------------- 1 | // Badges 2 | @import "badges/badge"; 3 | @import "badges/badge-circle"; 4 | @import "badges/badge-dot"; 5 | @import "badges/badge-floating"; 6 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_dropdown-extend.scss: -------------------------------------------------------------------------------- 1 | // MultiLevel Dropdown Style 2 | 3 | .dropdown-menu li { 4 | position: relative; 5 | } 6 | 7 | // End MultiLevel Dropdown Style 8 | 9 | .dropdown-image { 10 | background-size: cover; 11 | } 12 | 13 | @include media-breakpoint-up(lg) { 14 | .dropdown-xl { 15 | min-width: $dropdown-xl-min-width; 16 | } 17 | 18 | .dropdown-lg { 19 | min-width: $dropdown-lg-min-width; 20 | } 21 | 22 | .dropdown-md { 23 | min-width: $dropdown-md-min-width; 24 | } 25 | } 26 | 27 | @include media-breakpoint-down(xl) { 28 | .dropdown-lg-responsive { 29 | min-width: $dropdown-lg-width-responsive; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_dropup.scss: -------------------------------------------------------------------------------- 1 | .dropup { 2 | .dropdown-menu { 3 | box-shadow: $dropdown-box-shadow; 4 | transition: $dropdown-transition; 5 | cursor: pointer; 6 | top: auto !important; 7 | bottom: 100% !important; 8 | margin-bottom: $dropup-mb !important; 9 | display: block; 10 | opacity: 0; 11 | transform-origin: $dropup-transform-origin; 12 | pointer-events: none; 13 | transform: $dropup-transform; 14 | -webkit-backface-visibility: hidden; 15 | backface-visibility: hidden; 16 | will-change: transform,box-shadow; 17 | 18 | &.show{ 19 | pointer-events: auto; 20 | transform: $dropup-transform-show; 21 | opacity: 1; 22 | 23 | &:after { 24 | bottom: -($dropup-animation-arrow-bottom-position - 2); 25 | } 26 | } 27 | 28 | &:after { 29 | font-family: "FontAwesome"; 30 | content: "\f0d7"; 31 | position: absolute; 32 | z-index: -1; 33 | bottom: $dropup-animation-arrow-bottom-position; 34 | left: $dropdown-animation-arrow-left-position; 35 | right: auto; 36 | font-size: $dropdown-animation-arrow-font-size; 37 | color: $white; 38 | transition: $dropup-animation-arrow-transition; 39 | } 40 | } 41 | } -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_fixed-plugin.scss: -------------------------------------------------------------------------------- 1 | .fixed-plugin{ 2 | .fixed-plugin-button{ 3 | background: $white; 4 | border-radius: $fixed-plugin-radius; 5 | bottom: $fixed-plugin-bottom; 6 | right: $fixed-plugin-right; 7 | font-size: $font-size-xl; 8 | z-index: $fixed-plugin-button-z-index; 9 | box-shadow: $fixed-plugin-box-shadow; 10 | cursor: pointer; 11 | i{ 12 | pointer-events: none; 13 | } 14 | } 15 | .card{ 16 | position: fixed !important; 17 | right: -$fixed-plugin-card-width; 18 | top: 0; 19 | height: 100%; 20 | left: auto!important; 21 | transform: unset !important; 22 | width: $fixed-plugin-card-width; 23 | border-radius: 0; 24 | padding: 0 10px; 25 | transition: .2s ease; 26 | z-index: $fixed-plugin-card-z-index; 27 | } 28 | 29 | .badge{ 30 | border: 1px solid $white; 31 | border-radius: 50%; 32 | cursor: pointer; 33 | display: inline-block; 34 | height: 23px; 35 | margin-right: 5px; 36 | position: relative; 37 | width: 23px; 38 | transition: $transition-base; 39 | &:hover, 40 | &.active{ 41 | border-color: $dark; 42 | } 43 | } 44 | 45 | .btn.bg-gradient-dark:not(:disabled):not(.disabled) { 46 | border: 1px solid transparent; 47 | &:not(.active) { 48 | background-color: transparent; 49 | background-image: none; 50 | border: 1px solid $dark; 51 | color: $dark; 52 | } 53 | } 54 | 55 | &.show{ 56 | .card{ 57 | right: 0; 58 | } 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_floating-elements.scss: -------------------------------------------------------------------------------- 1 | .floating-man { 2 | width: $floating-man-width; 3 | } 4 | 5 | .fadeIn1 { 6 | animation-duration: $fade-in-1-animation-duration; 7 | } 8 | .fadeIn2 { 9 | animation-duration: $fade-in-2-animation-duration; 10 | } 11 | .fadeIn3 { 12 | animation-duration: $fade-in-3-animation-duration; 13 | } 14 | .fadeIn4 { 15 | animation-duration: $fade-in-4-animation-duration; 16 | } 17 | .fadeIn5 { 18 | animation-duration: $fade-in-5-animation-duration; 19 | } 20 | .fadeIn1, 21 | .fadeIn2, 22 | .fadeIn3, 23 | .fadeIn4, 24 | .fadeIn5 { 25 | animation-fill-mode: both; 26 | } 27 | .fadeInBottom { 28 | animation-name: $fade-in-animation-name; 29 | } 30 | 31 | @keyframes fadeInBottom { 32 | from { 33 | opacity: 0; 34 | transform: $fade-in-bottom-transform; 35 | } 36 | to { 37 | opacity: 1 38 | } 39 | } 40 | 41 | 42 | 43 | 44 | // Headers 45 | 46 | .header-rounded-images { 47 | .shape-1 { 48 | width: $shape-1-width; 49 | left: $shape-1-left; 50 | } 51 | 52 | .shape-2 { 53 | width: $shape-2-width; 54 | left: $shape-2-left; 55 | } 56 | 57 | .shape-3 { 58 | width: $shape-3-width; 59 | margin-top: $shape-3-left; 60 | } 61 | 62 | .img-1 { 63 | right: $shape-img-1-right; 64 | width: $shape-img-1-width; 65 | margin-top: $shape-img-1-margin-top; 66 | } 67 | 68 | .img-2 { 69 | left: $shape-img-2-left; 70 | width: $shape-img-2-width; 71 | margin-top: $shape-img-2-margin-top; 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | .nav-link { 3 | color: $dark; 4 | font-weight: $font-weight-normal; 5 | font-size: $font-size-sm; 6 | padding-top: 0; 7 | padding-bottom: $nav-link-footer-padding; 8 | 9 | &:hover { 10 | opacity: 1 !important; 11 | transition: $footer-link-animation; 12 | } 13 | } 14 | .footer-logo { 15 | max-width: 2rem; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_forms.scss: -------------------------------------------------------------------------------- 1 | .input-group { 2 | @include border-radius($input-border-radius, 0); 3 | 4 | &, 5 | .input-group-text { 6 | transition: $input-transition; 7 | } 8 | 9 | & > :not(:first-child):not(.dropdown-menu) { 10 | margin-left: 0; 11 | } 12 | 13 | .form-control { 14 | box-shadow: none; 15 | 16 | &:not(:first-child) { 17 | border-left: 0; 18 | padding-left: 0; 19 | } 20 | &:not(:last-child) { 21 | border-right: 0; 22 | padding-right: 0; 23 | } 24 | 25 | & + .input-group-text { 26 | border-left: 0; 27 | border-right: $input-border-width solid $input-border-color; 28 | } 29 | } 30 | 31 | .input-group-text { 32 | border-right: 0; 33 | } 34 | 35 | 36 | 37 | &.focused { 38 | box-shadow: $input-focus-box-shadow; 39 | } 40 | 41 | &.focused .input-group-text { 42 | border-color: $input-focus-border-color; 43 | } 44 | } 45 | 46 | 47 | .form-group { 48 | margin-bottom: 1rem; 49 | } 50 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_gradients.scss: -------------------------------------------------------------------------------- 1 | @each $prop, $value in $theme-gradient-colors { 2 | .bg-gradient-#{$prop} { 3 | @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 195deg); 4 | } 5 | } 6 | 7 | @each $prop, $value in $theme-colors { 8 | .bg-gradient-faded-#{$prop} { 9 | background-image: radial-gradient(370px circle at 80% 50%,rgba($value, .6) 0,darken($value, 10%) 100%) 10 | } 11 | } 12 | 13 | 14 | @each $prop, $value in $theme-colors { 15 | &.bg-gradient-faded-#{$prop}-vertical{ 16 | background-image: radial-gradient(200px circle at 50% 70%, rgba($value, .3) 0, $value 100%); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_header.scss: -------------------------------------------------------------------------------- 1 | .page-header { 2 | padding: $page-header-padding; 3 | position: $page-header-position; 4 | overflow: $page-header-overflow; 5 | display: $page-header-display; 6 | align-items: $page-header-align-items; 7 | background-size: $page-header-bg-size; 8 | background-position: $page-header-bg-position; 9 | 10 | .container { 11 | z-index: $page-header-conteiner-index; 12 | } 13 | 14 | video { 15 | position: absolute; 16 | top: $header-video-top; 17 | left: $header-video-left; 18 | min-width: $header-video-min-width; 19 | min-height: $header-video-min-height; 20 | width: auto; 21 | height: auto; 22 | z-index: 0; 23 | transform: $header-video-min-transform; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_icons.scss: -------------------------------------------------------------------------------- 1 | .material-icons { 2 | font-family: 'Material Icons Round'; 3 | font-weight: normal; 4 | font-style: normal; 5 | font-size: 20px; /* Preferred icon size */ 6 | display: inline-block; 7 | line-height: 1; 8 | text-transform: none; 9 | letter-spacing: normal; 10 | word-wrap: normal; 11 | white-space: nowrap; 12 | direction: ltr; 13 | 14 | /* Support for all WebKit browsers. */ 15 | -webkit-font-smoothing: antialiased; 16 | /* Support for Safari and Chrome. */ 17 | text-rendering: optimizeLegibility; 18 | 19 | /* Support for Firefox. */ 20 | -moz-osx-font-smoothing: grayscale; 21 | 22 | /* Support for IE. */ 23 | font-feature-settings: 'liga'; 24 | } 25 | 26 | .nav.nav-pills { 27 | .nav-link { 28 | .material-icons { 29 | top: 3px; 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_list-check.scss: -------------------------------------------------------------------------------- 1 | // Checklist item 2 | // contains the checklist entry info and checkbox 3 | 4 | .checklist-item { 5 | &:before { 6 | content: ""; 7 | position: absolute; 8 | width: 3px; 9 | height: 100%; 10 | top: 0; 11 | left: 0; 12 | background-color: $primary; 13 | border-radius: $border-radius-sm; 14 | } 15 | } 16 | 17 | // Color variations 18 | 19 | @each $color, $value in $theme-colors { 20 | .checklist-item-#{$color} { 21 | &:before { 22 | background-color: $value; 23 | } 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_pagination.scss: -------------------------------------------------------------------------------- 1 | .page-item { 2 | &.active .page-link { 3 | box-shadow: $pagination-active-box-shadow; 4 | } 5 | 6 | .page-link, 7 | span { 8 | display: $page-link-display; 9 | align-items: $page-link-align-items; 10 | justify-content: $page-link-justify-content; 11 | color: $secondary; 12 | padding: 0; 13 | margin: $page-link-margin; 14 | border-radius: $page-link-radius !important; 15 | width: $page-link-width; 16 | height: $page-link-height; 17 | font-size: $font-size-sm; 18 | } 19 | } 20 | 21 | .pagination-lg { 22 | .page-item { 23 | .page-link, 24 | span { 25 | width: $page-link-width-lg; 26 | height: $page-link-height-lg; 27 | line-height: $page-link-line-height-lg; 28 | } 29 | } 30 | } 31 | 32 | .pagination-sm { 33 | .page-item { 34 | .page-link, 35 | span { 36 | width: $page-link-width-sm; 37 | height: $page-link-height-sm; 38 | line-height: $page-link-line-height-sm; 39 | } 40 | } 41 | } 42 | 43 | 44 | // Colors 45 | .pagination { 46 | @each $name, $value in $theme-gradient-colors { 47 | &.pagination-#{$name} { 48 | .page-item.active > .page-link { 49 | &, 50 | &:focus, 51 | &:hover { 52 | @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 195deg); 53 | border: none; 54 | } 55 | } 56 | } 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_popovers.scss: -------------------------------------------------------------------------------- 1 | .popover { 2 | box-shadow: $popover-box-shadow; 3 | } 4 | 5 | // popover title 6 | .popover { 7 | .popover-header { 8 | font-weight: 600; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_progress.scss: -------------------------------------------------------------------------------- 1 | .progress-bar { 2 | height: $progress-bar-height; 3 | border-radius: $border-radius-sm; 4 | } 5 | 6 | .progress { 7 | overflow: visible; 8 | 9 | &.progress-sm { 10 | height: $progress-height-sm; 11 | } 12 | &.progress-lg { 13 | height: $progress-height-lg; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_ripple.scss: -------------------------------------------------------------------------------- 1 | // Ripple effect 2 | 3 | .ripple { 4 | display: block; 5 | position: absolute; 6 | background: rgba($white, .3); 7 | border-radius: 100%; 8 | transform:scale(0); 9 | animation:ripple 0.65s linear; 10 | 11 | } 12 | 13 | @keyframes ripple { 14 | 100% {opacity: 0; transform: scale(2.5);} 15 | } 16 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_rtl-extend.scss: -------------------------------------------------------------------------------- 1 | @include media-breakpoint-up(lg) { 2 | .rtl { 3 | .navbar-vertical { 4 | .navbar-nav { 5 | .collapse, 6 | .collapsing { 7 | .nav-item { 8 | .nav-link { 9 | &:before { 10 | right: $rtl-sidebar-bullet-right !important; 11 | left: auto !important; 12 | } 13 | } 14 | 15 | .collapse, 16 | .collapsing { 17 | .nav { 18 | padding-right: 0; 19 | } 20 | } 21 | } 22 | } 23 | } 24 | } 25 | 26 | &.g-sidenav-hidden { 27 | .navbar-vertical { 28 | .navbar-nav { 29 | .nav-item { 30 | .collapse, 31 | .collapsing { 32 | .nav { 33 | padding-right: 0; 34 | } 35 | } 36 | } 37 | } 38 | 39 | &:hover { 40 | .navbar-nav { 41 | > .nav-item { 42 | .collapse, 43 | .collapsing { 44 | .nav { 45 | padding-right: $rtl-sidebar-hover-padding-right; 46 | 47 | .nav-item { 48 | .collapse, 49 | .collapsing { 50 | .nav { 51 | padding-right: 0 !important; 52 | } 53 | } 54 | } 55 | } 56 | } 57 | } 58 | } 59 | } 60 | } 61 | } 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | .btn { 2 | // social buttons 3 | &.btn-facebook { 4 | @include social-buttons-color($facebook, $facebook-states); 5 | } 6 | &.btn-twitter { 7 | @include social-buttons-color($twitter, $twitter-states); 8 | } 9 | &.btn-pinterest { 10 | @include social-buttons-color($pinterest, $pinterest-states); 11 | } 12 | &.btn-linkedin { 13 | @include social-buttons-color($linkedin, $linkedin-states); 14 | } 15 | &.btn-dribbble { 16 | @include social-buttons-color($dribbble, $dribbble-states); 17 | } 18 | &.btn-github { 19 | @include social-buttons-color($github, $github-states); 20 | } 21 | &.btn-youtube { 22 | @include social-buttons-color($youtube, $youtube-states); 23 | } 24 | &.btn-instagram { 25 | @include social-buttons-color($instagram, $instagram-states); 26 | } 27 | &.btn-reddit { 28 | @include social-buttons-color($reddit, $reddit-states); 29 | } 30 | &.btn-tumblr { 31 | @include social-buttons-color($tumblr, $tumblr-states); 32 | } 33 | &.btn-behance { 34 | @include social-buttons-color($behance, $behance-states); 35 | } 36 | &.btn-vimeo { 37 | @include social-buttons-color($vimeo, $vimeo-states); 38 | } 39 | &.btn-slack { 40 | @include social-buttons-color($slack, $slack-states); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_tables.scss: -------------------------------------------------------------------------------- 1 | // General styles 2 | 3 | .table { 4 | thead th { 5 | padding: $table-head-spacer-y $table-head-spacer-x; 6 | text-transform: $table-head-text-transform; 7 | letter-spacing: $table-head-letter-spacing; 8 | border-bottom: $table-border-width solid $table-border-color; 9 | } 10 | 11 | th { 12 | font-weight: $table-head-font-weight; 13 | } 14 | 15 | td { 16 | .progress { 17 | height: $table-progress-height; 18 | width: $table-progress-width; 19 | margin: $table-progress-margin; 20 | 21 | .progress-bar { 22 | height: $table-progress-height; 23 | } 24 | } 25 | } 26 | 27 | td, 28 | th { 29 | white-space: nowrap; 30 | } 31 | // Vetical align table content 32 | &.align-items-center { 33 | td, 34 | th { 35 | vertical-align: middle; 36 | } 37 | } 38 | tbody{ 39 | tr:last-child{ 40 | td{ 41 | border-width: 0; 42 | } 43 | } 44 | } 45 | 46 | > :not(:last-child) > :last-child > * { 47 | border-bottom-color: $light; 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_tilt.scss: -------------------------------------------------------------------------------- 1 | // Tilt Animation 2 | .tilt { 3 | -webkit-transform-style: $tilt-transform-style; 4 | transform-style: $tilt-transform-style; 5 | 6 | .up { 7 | -webkit-transform: $tilt-transform-up-transform; 8 | transform: $tilt-transform-up-transform !important; 9 | transition: $tilt-transform-up-transition; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_tooltips.scss: -------------------------------------------------------------------------------- 1 | .bs-tooltip-auto[x-placement^=right] .tooltip-arrow, 2 | .bs-tooltip-right .tooltip-arrow { 3 | left: $tooltip-arrow-left; 4 | } 5 | 6 | .bs-tooltip-auto[x-placement^=left] .tooltip-arrow, 7 | .bs-tooltip-left .tooltip-arrow { 8 | right: $tooltip-arrow-right; 9 | } 10 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/_utilities-extend.scss: -------------------------------------------------------------------------------- 1 | @each $name, $value in $max-width-dim{ 2 | .max-width-#{$name} { 3 | max-width: $value !important; 4 | } 5 | } 6 | 7 | @each $name, $value in $width-dim{ 8 | .width-#{$name} { 9 | width: $value !important; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/badges/_badge-circle.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Circle badge 3 | // 4 | 5 | 6 | // General styles 7 | 8 | .badge-circle { 9 | text-align: center; 10 | display: inline-flex; 11 | align-items: center; 12 | justify-content: center; 13 | border-radius: $badge-circle-border-radius; 14 | padding: 0 !important; 15 | width: $badge-circle-width; 16 | height: $badge-circle-height; 17 | font-size: $badge-circle-font-size; 18 | font-weight: $badge-circle-font-weight; 19 | 20 | &.badge-md { 21 | width: $badge-circle-md-width; 22 | height: $badge-circle-md-height; 23 | } 24 | 25 | &.badge-lg { 26 | width: $badge-circle-lg-width; 27 | height: $badge-circle-lg-height; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/badges/_badge-dot.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Dot badge 3 | // 4 | 5 | 6 | // General styles 7 | 8 | .badge-dot { 9 | padding-left: 0; 10 | padding-right: 0; 11 | background: transparent; 12 | font-weight: $font-weight-normal; 13 | font-size: $font-size-sm; 14 | text-transform: none; 15 | 16 | strong { 17 | color: $gray-800; 18 | } 19 | 20 | i { 21 | display: inline-block; 22 | vertical-align: middle; 23 | width: $badge-dot-icon-width; 24 | height: $badge-dot-icon-height; 25 | border-radius: $badge-dot-icon-radius; 26 | margin-right: $badge-dot-icon-margin-right; 27 | } 28 | 29 | &.badge-md { 30 | i { 31 | width: $badge-dot-md-icon-width; 32 | height: $badge-dot-md-icon-height; 33 | } 34 | } 35 | 36 | &.badge-lg { 37 | i { 38 | width: $badge-dot-lg-icon-width; 39 | height: $badge-dot-lg-icon-height; 40 | } 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/badges/_badge-floating.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badge floating 3 | // 4 | 5 | 6 | .btn { 7 | .badge-floating { 8 | position: absolute; 9 | top: -$badge-floating-top; 10 | transform: translateY($badge-floating-top); 11 | border: $badge-floating-border solid; 12 | 13 | &.badge:not(.badge-circle) { 14 | transform: $badge-floating-transform; 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/badges/_badge.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badge 3 | // 4 | 5 | 6 | // General styles 7 | 8 | .badge { 9 | 10 | 11 | a { 12 | color: $white; 13 | } 14 | } 15 | 16 | 17 | // Size variations 18 | 19 | .badge-sm{ 20 | padding: $badge-sm-padding; 21 | font-size: $badge-sm-font-size; 22 | border-radius: $border-radius-md; 23 | } 24 | 25 | .badge-md { 26 | padding: $badge-md-padding; 27 | } 28 | 29 | .badge-lg { 30 | padding: $badge-lg-padding; 31 | } 32 | 33 | 34 | // Multiple inline badges 35 | 36 | .badge-inline { 37 | margin-right: $badge-inline-margin-right; 38 | 39 | + span { 40 | top: $badge-inline-span-top; 41 | position: relative; 42 | 43 | > a { 44 | text-decoration: underline; 45 | } 46 | } 47 | } 48 | 49 | 50 | // Color fixes 51 | 52 | .badge-default { 53 | color: $white; 54 | } 55 | 56 | .badge.badge-secondary { 57 | background-color: lighten($secondary, 32%); 58 | color: $gray-600; 59 | } 60 | 61 | 62 | // Badge spacing inside a btn with some text 63 | 64 | .btn { 65 | .badge { 66 | &:not(:first-child) { 67 | margin-left: $badge-btn-margin; 68 | } 69 | &:not(:last-child) { 70 | margin-right: $badge-btn-margin; 71 | } 72 | } 73 | } 74 | 75 | // Colors 76 | // 77 | // Contextual variations (linked badges get darker on :hover). 78 | 79 | @each $color, $value in $theme-colors { 80 | .badge-#{$color} { 81 | @include badge-variant($value); 82 | } 83 | } 84 | 85 | 86 | 87 | // card-pricing badge position 88 | 89 | .card { 90 | >.badge { 91 | margin-top: $card-badge-position !important; 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | 25 | // Dismissible alerts 26 | // 27 | // Expand the right padding and account for the close button's positioning. 28 | 29 | .alert-dismissible { 30 | padding-right: $alert-dismissible-padding-r; 31 | 32 | // Adjust close link position 33 | .btn-close { 34 | position: absolute; 35 | top: 0; 36 | right: 0; 37 | z-index: $stretched-link-z-index + 1; 38 | padding: $alert-padding-y * 1.25 $alert-padding-x; 39 | } 40 | } 41 | 42 | 43 | // scss-docs-start alert-modifiers 44 | // Generate contextual modifier classes for colorizing the alert. 45 | 46 | @each $state, $value in $theme-colors { 47 | $alert-background: shift-color($value, $alert-bg-scale); 48 | $alert-border: shift-color($value, $alert-border-scale); 49 | $alert-color: shift-color($value, $alert-color-scale); 50 | @if (contrast-ratio($alert-background, $alert-color) < $min-contrast-ratio) { 51 | $alert-color: mix($value, color-contrast($alert-background), abs($alert-color-scale)); 52 | } 53 | .alert-#{$state} { 54 | @include alert-variant($alert-background, $alert-border, $alert-color); 55 | } 56 | } 57 | // scss-docs-end alert-modifiers 58 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | @include font-size($badge-font-size); 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | color: $badge-color; 13 | text-align: center; 14 | white-space: nowrap; 15 | vertical-align: baseline; 16 | @include border-radius($badge-border-radius); 17 | @include gradient-bg(); 18 | 19 | // Empty badges collapse automatically 20 | &:empty { 21 | display: none; 22 | } 23 | } 24 | 25 | // Quick fix for badges in buttons 26 | .btn .badge { 27 | position: relative; 28 | top: -1px; 29 | } 30 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | @include font-size($breadcrumb-font-size); 7 | list-style: none; 8 | background-color: $breadcrumb-bg; 9 | @include border-radius($breadcrumb-border-radius); 10 | } 11 | 12 | .breadcrumb-item { 13 | // The separator between breadcrumbs (by default, a forward-slash: "/") 14 | + .breadcrumb-item { 15 | padding-left: $breadcrumb-item-padding-x; 16 | 17 | &::before { 18 | float: left; // Suppress inline spacings and underlining of the separator 19 | padding-right: $breadcrumb-item-padding-x; 20 | color: $breadcrumb-divider-color; 21 | content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"}; 22 | } 23 | } 24 | 25 | &.active { 26 | color: $breadcrumb-active-color; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // transparent background and border properties included for button version. 2 | // iOS requires the button element instead of an anchor tag. 3 | // If you want the anchor version, it requires `href="#"`. 4 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 5 | 6 | .btn-close { 7 | box-sizing: content-box; 8 | width: $btn-close-width; 9 | height: $btn-close-height; 10 | padding: $btn-close-padding-y $btn-close-padding-x; 11 | color: $btn-close-color; 12 | background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements 13 | border: 0; // for button elements 14 | @include border-radius(); 15 | opacity: $btn-close-opacity; 16 | 17 | // Override 's hover style 18 | &:hover { 19 | color: $btn-close-color; 20 | text-decoration: none; 21 | opacity: $btn-close-hover-opacity; 22 | } 23 | 24 | &:focus { 25 | outline: 0; 26 | box-shadow: $btn-close-focus-shadow; 27 | opacity: $btn-close-focus-opacity; 28 | } 29 | 30 | &:disabled, 31 | &.disabled { 32 | pointer-events: none; 33 | user-select: none; 34 | opacity: $btn-close-disabled-opacity; 35 | } 36 | } 37 | 38 | .btn-close-white { 39 | filter: $btn-close-white-filter; 40 | } 41 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_containers.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-grid-classes { 6 | // Single container class with breakpoint max-widths 7 | .container, 8 | // 100% wide container at all breakpoints 9 | .container-fluid { 10 | @include make-container(); 11 | } 12 | 13 | // Responsive containers that are 100% wide until a breakpoint 14 | @each $breakpoint, $container-max-width in $container-max-widths { 15 | .container-#{$breakpoint} { 16 | @extend .container-fluid; 17 | } 18 | 19 | @include media-breakpoint-up($breakpoint, $grid-breakpoints) { 20 | %responsive-container-#{$breakpoint} { 21 | max-width: $container-max-width; 22 | } 23 | 24 | // Extend each breakpoint which is smaller or equal to the current breakpoint 25 | $extend-breakpoint: true; 26 | 27 | @each $name, $width in $grid-breakpoints { 28 | @if ($extend-breakpoint) { 29 | .container#{breakpoint-infix($name, $grid-breakpoints)} { 30 | @extend %responsive-container-#{$breakpoint}; 31 | } 32 | 33 | // Once the current breakpoint is reached, stop extending 34 | @if ($breakpoint == $name) { 35 | $extend-breakpoint: false; 36 | } 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_forms.scss: -------------------------------------------------------------------------------- 1 | @import "forms/labels"; 2 | @import "forms/form-text"; 3 | @import "forms/form-control"; 4 | @import "forms/form-select"; 5 | @import "forms/form-check"; 6 | @import "forms/form-range"; 7 | @import "forms/floating-labels"; 8 | @import "forms/input-group"; 9 | @import "forms/validation"; 10 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Row 2 | // 3 | // Rows contain your columns. 4 | 5 | @if $enable-grid-classes { 6 | .row { 7 | @include make-row(); 8 | 9 | > * { 10 | @include make-col-ready(); 11 | } 12 | } 13 | } 14 | 15 | @if $enable-cssgrid { 16 | .grid { 17 | display: grid; 18 | grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr); 19 | grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr); 20 | gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width}); 21 | 22 | @include make-cssgrid(); 23 | } 24 | } 25 | 26 | 27 | // Columns 28 | // 29 | // Common styles for small and large grid columns 30 | 31 | @if $enable-grid-classes { 32 | @include make-grid-columns(); 33 | } 34 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_helpers.scss: -------------------------------------------------------------------------------- 1 | @import "helpers/clearfix"; 2 | @import "helpers/colored-links"; 3 | @import "helpers/ratio"; 4 | @import "helpers/position"; 5 | @import "helpers/stacks"; 6 | @import "helpers/visually-hidden"; 7 | @import "helpers/stretched-link"; 8 | @import "helpers/text-truncation"; 9 | @import "helpers/vr"; 10 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid(); 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid(); 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: $spacer * .5; 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | @include font-size($figure-caption-font-size); 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Vendor 6 | @import "vendor/rfs"; 7 | 8 | // Deprecate 9 | @import "mixins/deprecate"; 10 | 11 | // Helpers 12 | @import "mixins/breakpoints"; 13 | @import "mixins/color-scheme"; 14 | @import "mixins/image"; 15 | @import "mixins/resize"; 16 | @import "mixins/visually-hidden"; 17 | @import "mixins/reset-text"; 18 | @import "mixins/text-truncate"; 19 | 20 | // Utilities 21 | @import "mixins/utilities"; 22 | 23 | // Components 24 | @import "mixins/alert"; 25 | @import "mixins/backdrop"; 26 | @import "mixins/buttons"; 27 | @import "mixins/caret"; 28 | @import "mixins/pagination"; 29 | @import "mixins/lists"; 30 | @import "mixins/list-group"; 31 | @import "mixins/forms"; 32 | @import "mixins/table-variants"; 33 | 34 | // Skins 35 | @import "mixins/border-radius"; 36 | @import "mixins/box-shadow"; 37 | @import "mixins/gradients"; 38 | @import "mixins/transition"; 39 | 40 | // Layout 41 | @import "mixins/clearfix"; 42 | @import "mixins/container"; 43 | @import "mixins/grid"; 44 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_offcanvas.scss: -------------------------------------------------------------------------------- 1 | .offcanvas { 2 | position: fixed; 3 | bottom: 0; 4 | z-index: $zindex-offcanvas; 5 | display: flex; 6 | flex-direction: column; 7 | max-width: 100%; 8 | color: $offcanvas-color; 9 | visibility: hidden; 10 | background-color: $offcanvas-bg-color; 11 | background-clip: padding-box; 12 | outline: 0; 13 | @include box-shadow($offcanvas-box-shadow); 14 | @include transition(transform $offcanvas-transition-duration ease-in-out); 15 | } 16 | 17 | .offcanvas-backdrop { 18 | @include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity); 19 | } 20 | 21 | .offcanvas-header { 22 | display: flex; 23 | align-items: center; 24 | justify-content: space-between; 25 | padding: $offcanvas-padding-y $offcanvas-padding-x; 26 | 27 | .btn-close { 28 | padding: ($offcanvas-padding-y * .5) ($offcanvas-padding-x * .5); 29 | margin-top: $offcanvas-padding-y * -.5; 30 | margin-right: $offcanvas-padding-x * -.5; 31 | margin-bottom: $offcanvas-padding-y * -.5; 32 | } 33 | } 34 | 35 | .offcanvas-title { 36 | margin-bottom: 0; 37 | line-height: $offcanvas-title-line-height; 38 | } 39 | 40 | .offcanvas-body { 41 | flex-grow: 1; 42 | padding: $offcanvas-padding-y $offcanvas-padding-x; 43 | overflow-y: auto; 44 | } 45 | 46 | .offcanvas-start { 47 | top: 0; 48 | left: 0; 49 | width: $offcanvas-horizontal-width; 50 | border-right: $offcanvas-border-width solid $offcanvas-border-color; 51 | transform: translateX(-100%); 52 | } 53 | 54 | .offcanvas-end { 55 | top: 0; 56 | right: 0; 57 | width: $offcanvas-horizontal-width; 58 | border-left: $offcanvas-border-width solid $offcanvas-border-color; 59 | transform: translateX(100%); 60 | } 61 | 62 | .offcanvas-top { 63 | top: 0; 64 | right: 0; 65 | left: 0; 66 | height: $offcanvas-vertical-height; 67 | max-height: 100%; 68 | border-bottom: $offcanvas-border-width solid $offcanvas-border-color; 69 | transform: translateY(-100%); 70 | } 71 | 72 | .offcanvas-bottom { 73 | right: 0; 74 | left: 0; 75 | height: $offcanvas-vertical-height; 76 | max-height: 100%; 77 | border-top: $offcanvas-border-width solid $offcanvas-border-color; 78 | transform: translateY(100%); 79 | } 80 | 81 | .offcanvas.show { 82 | transform: none; 83 | } 84 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_pagination.scss: -------------------------------------------------------------------------------- 1 | .pagination { 2 | display: flex; 3 | @include list-unstyled(); 4 | } 5 | 6 | .page-link { 7 | position: relative; 8 | display: block; 9 | color: $pagination-color; 10 | text-decoration: if($link-decoration == none, null, none); 11 | background-color: $pagination-bg; 12 | border: $pagination-border-width solid $pagination-border-color; 13 | @include transition($pagination-transition); 14 | 15 | &:hover { 16 | z-index: 2; 17 | color: $pagination-hover-color; 18 | text-decoration: if($link-hover-decoration == underline, none, null); 19 | background-color: $pagination-hover-bg; 20 | border-color: $pagination-hover-border-color; 21 | } 22 | 23 | &:focus { 24 | z-index: 3; 25 | color: $pagination-focus-color; 26 | background-color: $pagination-focus-bg; 27 | outline: $pagination-focus-outline; 28 | box-shadow: $pagination-focus-box-shadow; 29 | } 30 | } 31 | 32 | .page-item { 33 | &:not(:first-child) .page-link { 34 | margin-left: $pagination-margin-start; 35 | } 36 | 37 | &.active .page-link { 38 | z-index: 3; 39 | color: $pagination-active-color; 40 | @include gradient-bg($pagination-active-bg); 41 | border-color: $pagination-active-border-color; 42 | } 43 | 44 | &.disabled .page-link { 45 | color: $pagination-disabled-color; 46 | pointer-events: none; 47 | background-color: $pagination-disabled-bg; 48 | border-color: $pagination-disabled-border-color; 49 | } 50 | } 51 | 52 | 53 | // 54 | // Sizing 55 | // 56 | @include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-border-radius); 57 | 58 | .pagination-lg { 59 | @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg); 60 | } 61 | 62 | .pagination-sm { 63 | @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm); 64 | } 65 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_placeholders.scss: -------------------------------------------------------------------------------- 1 | .placeholder { 2 | display: inline-block; 3 | min-height: 1em; 4 | vertical-align: middle; 5 | cursor: wait; 6 | background-color: currentColor; 7 | opacity: $placeholder-opacity-max; 8 | 9 | &.btn::before { 10 | display: inline-block; 11 | content: ""; 12 | } 13 | } 14 | 15 | // Sizing 16 | .placeholder-xs { 17 | min-height: .6em; 18 | } 19 | 20 | .placeholder-sm { 21 | min-height: .8em; 22 | } 23 | 24 | .placeholder-lg { 25 | min-height: 1.2em; 26 | } 27 | 28 | // Animation 29 | .placeholder-glow { 30 | .placeholder { 31 | animation: placeholder-glow 2s ease-in-out infinite; 32 | } 33 | } 34 | 35 | @keyframes placeholder-glow { 36 | 50% { 37 | opacity: $placeholder-opacity-min; 38 | } 39 | } 40 | 41 | .placeholder-wave { 42 | mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%); 43 | mask-size: 200% 100%; 44 | animation: placeholder-wave 2s linear infinite; 45 | } 46 | 47 | @keyframes placeholder-wave { 48 | 100% { 49 | mask-position: -200% 0%; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | // Disable animation if transitions are disabled 2 | 3 | // scss-docs-start progress-keyframes 4 | @if $enable-transitions { 5 | @keyframes progress-bar-stripes { 6 | 0% { background-position-x: $progress-height; } 7 | } 8 | } 9 | // scss-docs-end progress-keyframes 10 | 11 | .progress { 12 | display: flex; 13 | height: $progress-height; 14 | overflow: hidden; // force rounded corners by cropping it 15 | @include font-size($progress-font-size); 16 | background-color: $progress-bg; 17 | @include border-radius($progress-border-radius); 18 | @include box-shadow($progress-box-shadow); 19 | } 20 | 21 | .progress-bar { 22 | display: flex; 23 | flex-direction: column; 24 | justify-content: center; 25 | overflow: hidden; 26 | color: $progress-bar-color; 27 | text-align: center; 28 | white-space: nowrap; 29 | background-color: $progress-bar-bg; 30 | @include transition($progress-bar-transition); 31 | } 32 | 33 | .progress-bar-striped { 34 | @include gradient-striped(); 35 | background-size: $progress-height $progress-height; 36 | } 37 | 38 | @if $enable-transitions { 39 | .progress-bar-animated { 40 | animation: $progress-bar-animation-timing progress-bar-stripes; 41 | 42 | @if $enable-reduced-motion { 43 | @media (prefers-reduced-motion: reduce) { 44 | animation: none; 45 | } 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | // Note: Custom variable values only support SassScript inside `#{}`. 3 | 4 | // Colors 5 | // 6 | // Generate palettes for full colors, grays, and theme colors. 7 | 8 | @each $color, $value in $colors { 9 | --#{$variable-prefix}#{$color}: #{$value}; 10 | } 11 | 12 | @each $color, $value in $grays { 13 | --#{$variable-prefix}gray-#{$color}: #{$value}; 14 | } 15 | 16 | @each $color, $value in $theme-colors { 17 | --#{$variable-prefix}#{$color}: #{$value}; 18 | } 19 | 20 | @each $color, $value in $theme-colors-rgb { 21 | --#{$variable-prefix}#{$color}-rgb: #{$value}; 22 | } 23 | 24 | --#{$variable-prefix}white-rgb: #{to-rgb($white)}; 25 | --#{$variable-prefix}black-rgb: #{to-rgb($black)}; 26 | --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)}; 27 | --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)}; 28 | 29 | // Fonts 30 | 31 | // Note: Use `inspect` for lists so that quoted items keep the quotes. 32 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 33 | --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)}; 34 | --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)}; 35 | --#{$variable-prefix}gradient: #{$gradient}; 36 | 37 | // Root and body 38 | // stylelint-disable custom-property-empty-line-before 39 | // scss-docs-start root-body-variables 40 | @if $font-size-root != null { 41 | --#{$variable-prefix}root-font-size: #{$font-size-root}; 42 | } 43 | --#{$variable-prefix}body-font-family: #{$font-family-base}; 44 | --#{$variable-prefix}body-font-size: #{$font-size-base}; 45 | --#{$variable-prefix}body-font-weight: #{$font-weight-base}; 46 | --#{$variable-prefix}body-line-height: #{$line-height-base}; 47 | --#{$variable-prefix}body-color: #{$body-color}; 48 | @if $body-text-align != null { 49 | --#{$variable-prefix}body-text-align: #{$body-text-align}; 50 | } 51 | --#{$variable-prefix}body-bg: #{$body-bg}; 52 | // scss-docs-end root-body-variables 53 | // stylelint-enable custom-property-empty-line-before 54 | } 55 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_spinners.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Rotating border 3 | // 4 | 5 | // scss-docs-start spinner-border-keyframes 6 | @keyframes spinner-border { 7 | to { transform: rotate(360deg) #{"/* rtl:ignore */"}; } 8 | } 9 | // scss-docs-end spinner-border-keyframes 10 | 11 | .spinner-border { 12 | display: inline-block; 13 | width: $spinner-width; 14 | height: $spinner-height; 15 | vertical-align: $spinner-vertical-align; 16 | border: $spinner-border-width solid currentColor; 17 | border-right-color: transparent; 18 | // stylelint-disable-next-line property-disallowed-list 19 | border-radius: 50%; 20 | animation: $spinner-animation-speed linear infinite spinner-border; 21 | } 22 | 23 | .spinner-border-sm { 24 | width: $spinner-width-sm; 25 | height: $spinner-height-sm; 26 | border-width: $spinner-border-width-sm; 27 | } 28 | 29 | // 30 | // Growing circle 31 | // 32 | 33 | // scss-docs-start spinner-grow-keyframes 34 | @keyframes spinner-grow { 35 | 0% { 36 | transform: scale(0); 37 | } 38 | 50% { 39 | opacity: 1; 40 | transform: none; 41 | } 42 | } 43 | // scss-docs-end spinner-grow-keyframes 44 | 45 | .spinner-grow { 46 | display: inline-block; 47 | width: $spinner-width; 48 | height: $spinner-height; 49 | vertical-align: $spinner-vertical-align; 50 | background-color: currentColor; 51 | // stylelint-disable-next-line property-disallowed-list 52 | border-radius: 50%; 53 | opacity: 0; 54 | animation: $spinner-animation-speed linear infinite spinner-grow; 55 | } 56 | 57 | .spinner-grow-sm { 58 | width: $spinner-width-sm; 59 | height: $spinner-height-sm; 60 | } 61 | 62 | @if $enable-reduced-motion { 63 | @media (prefers-reduced-motion: reduce) { 64 | .spinner-border, 65 | .spinner-grow { 66 | animation-duration: $spinner-animation-speed * 2; 67 | } 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_toasts.scss: -------------------------------------------------------------------------------- 1 | .toast { 2 | width: $toast-max-width; 3 | max-width: 100%; 4 | @include font-size($toast-font-size); 5 | color: $toast-color; 6 | pointer-events: auto; 7 | background-color: $toast-background-color; 8 | background-clip: padding-box; 9 | border: $toast-border-width solid $toast-border-color; 10 | box-shadow: $toast-box-shadow; 11 | @include border-radius($toast-border-radius); 12 | 13 | &.showing { 14 | opacity: 0; 15 | } 16 | 17 | &:not(.show) { 18 | display: none; 19 | } 20 | } 21 | 22 | .toast-container { 23 | width: max-content; 24 | max-width: 100%; 25 | pointer-events: none; 26 | 27 | > :not(:last-child) { 28 | margin-bottom: $toast-spacing; 29 | } 30 | } 31 | 32 | .toast-header { 33 | display: flex; 34 | align-items: center; 35 | padding: $toast-padding-y $toast-padding-x; 36 | color: $toast-header-color; 37 | background-color: $toast-header-background-color; 38 | background-clip: padding-box; 39 | border-bottom: $toast-border-width solid $toast-header-border-color; 40 | @include border-top-radius(subtract($toast-border-radius, $toast-border-width)); 41 | 42 | .btn-close { 43 | margin-right: $toast-padding-x * -.5; 44 | margin-left: $toast-padding-x; 45 | } 46 | } 47 | 48 | .toast-body { 49 | padding: $toast-padding-x; // apply to both vertical and horizontal 50 | word-wrap: break-word; 51 | } 52 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | .fade { 2 | @include transition($transition-fade); 3 | 4 | &:not(.show) { 5 | opacity: 0; 6 | } 7 | } 8 | 9 | // scss-docs-start collapse-classes 10 | .collapse { 11 | &:not(.show) { 12 | display: none; 13 | } 14 | } 15 | 16 | .collapsing { 17 | height: 0; 18 | overflow: hidden; 19 | @include transition($transition-collapse); 20 | 21 | &.collapse-horizontal { 22 | width: 0; 23 | height: auto; 24 | @include transition($transition-collapse-width); 25 | } 26 | } 27 | // scss-docs-end collapse-classes 28 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/_type.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Headings 3 | // 4 | .h1 { 5 | @extend h1; 6 | } 7 | 8 | .h2 { 9 | @extend h2; 10 | } 11 | 12 | .h3 { 13 | @extend h3; 14 | } 15 | 16 | .h4 { 17 | @extend h4; 18 | } 19 | 20 | .h5 { 21 | @extend h5; 22 | } 23 | 24 | .h6 { 25 | @extend h6; 26 | } 27 | 28 | 29 | .lead { 30 | @include font-size($lead-font-size); 31 | font-weight: $lead-font-weight; 32 | } 33 | 34 | // Type display classes 35 | @each $display, $font-size in $display-font-sizes { 36 | .display-#{$display} { 37 | @include font-size($font-size); 38 | font-weight: $display-font-weight; 39 | line-height: $display-line-height; 40 | } 41 | } 42 | 43 | // 44 | // Emphasis 45 | // 46 | .small { 47 | @extend small; 48 | } 49 | 50 | .mark { 51 | @extend mark; 52 | } 53 | 54 | // 55 | // Lists 56 | // 57 | 58 | .list-unstyled { 59 | @include list-unstyled(); 60 | } 61 | 62 | // Inline turns list items into inline-block 63 | .list-inline { 64 | @include list-unstyled(); 65 | } 66 | .list-inline-item { 67 | display: inline-block; 68 | 69 | &:not(:last-child) { 70 | margin-right: $list-inline-padding; 71 | } 72 | } 73 | 74 | 75 | // 76 | // Misc 77 | // 78 | 79 | // Builds on `abbr` 80 | .initialism { 81 | @include font-size($initialism-font-size); 82 | text-transform: uppercase; 83 | } 84 | 85 | // Blockquotes 86 | .blockquote { 87 | margin-bottom: $blockquote-margin-y; 88 | @include font-size($blockquote-font-size); 89 | 90 | > :last-child { 91 | margin-bottom: 0; 92 | } 93 | } 94 | 95 | .blockquote-footer { 96 | margin-top: -$blockquote-margin-y; 97 | margin-bottom: $blockquote-margin-y; 98 | @include font-size($blockquote-footer-font-size); 99 | color: $blockquote-footer-color; 100 | 101 | &::before { 102 | content: "\2014\00A0"; // em dash, nbsp 103 | } 104 | } 105 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/bootstrap-grid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v5.1.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | $include-column-box-sizing: true !default; 9 | 10 | @import "functions"; 11 | @import "variables"; 12 | 13 | @import "mixins/lists"; 14 | @import "mixins/breakpoints"; 15 | @import "mixins/container"; 16 | @import "mixins/grid"; 17 | @import "mixins/utilities"; 18 | 19 | @import "vendor/rfs"; 20 | 21 | @import "root"; 22 | 23 | @import "containers"; 24 | @import "grid"; 25 | 26 | @import "utilities"; 27 | // Only use the utilities we need 28 | // stylelint-disable-next-line scss/dollar-variable-default 29 | $utilities: map-get-multiple( 30 | $utilities, 31 | ( 32 | "display", 33 | "order", 34 | "flex", 35 | "flex-direction", 36 | "flex-grow", 37 | "flex-shrink", 38 | "flex-wrap", 39 | "justify-content", 40 | "align-items", 41 | "align-content", 42 | "align-self", 43 | "margin", 44 | "margin-x", 45 | "margin-y", 46 | "margin-top", 47 | "margin-end", 48 | "margin-bottom", 49 | "margin-start", 50 | "negative-margin", 51 | "negative-margin-x", 52 | "negative-margin-y", 53 | "negative-margin-top", 54 | "negative-margin-end", 55 | "negative-margin-bottom", 56 | "negative-margin-start", 57 | "padding", 58 | "padding-x", 59 | "padding-y", 60 | "padding-top", 61 | "padding-end", 62 | "padding-bottom", 63 | "padding-start", 64 | ) 65 | ); 66 | 67 | @import "utilities/api"; 68 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v5.1.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "root"; 13 | @import "reboot"; 14 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/bootstrap-utilities.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Utilities v5.1.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // Configuration 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "utilities"; 13 | 14 | // Helpers 15 | @import "helpers"; 16 | 17 | // Utilities 18 | @import "utilities/api"; 19 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v5.1.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // scss-docs-start import-stack 9 | // Configuration 10 | @import "functions"; 11 | @import "variables"; 12 | @import "mixins"; 13 | @import "utilities"; 14 | 15 | // Layout & components 16 | @import "root"; 17 | @import "reboot"; 18 | @import "type"; 19 | @import "images"; 20 | @import "containers"; 21 | @import "grid"; 22 | @import "tables"; 23 | @import "forms"; 24 | @import "buttons"; 25 | @import "transitions"; 26 | @import "dropdown"; 27 | @import "button-group"; 28 | @import "nav"; 29 | @import "navbar"; 30 | @import "card"; 31 | @import "accordion"; 32 | @import "breadcrumb"; 33 | @import "pagination"; 34 | @import "badge"; 35 | @import "alert"; 36 | @import "progress"; 37 | @import "list-group"; 38 | @import "close"; 39 | @import "toasts"; 40 | @import "modal"; 41 | @import "tooltip"; 42 | @import "popover"; 43 | @import "carousel"; 44 | @import "spinners"; 45 | @import "offcanvas"; 46 | @import "placeholders"; 47 | 48 | // Helpers 49 | @import "helpers"; 50 | 51 | // Utilities 52 | @import "utilities/api"; 53 | // scss-docs-end import-stack 54 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/forms/_floating-labels.scss: -------------------------------------------------------------------------------- 1 | .form-floating { 2 | position: relative; 3 | 4 | > .form-control, 5 | > .form-select { 6 | height: $form-floating-height; 7 | line-height: $form-floating-line-height; 8 | } 9 | 10 | > label { 11 | position: absolute; 12 | top: 0; 13 | left: 0; 14 | height: 100%; // allow textareas 15 | padding: $form-floating-padding-y $form-floating-padding-x; 16 | pointer-events: none; 17 | border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model 18 | transform-origin: 0 0; 19 | @include transition($form-floating-transition); 20 | } 21 | 22 | // stylelint-disable no-duplicate-selectors 23 | > .form-control { 24 | padding: $form-floating-padding-y $form-floating-padding-x; 25 | 26 | &::placeholder { 27 | color: transparent; 28 | } 29 | 30 | &:focus, 31 | &:not(:placeholder-shown) { 32 | padding-top: $form-floating-input-padding-t; 33 | padding-bottom: $form-floating-input-padding-b; 34 | } 35 | // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped 36 | &:-webkit-autofill { 37 | padding-top: $form-floating-input-padding-t; 38 | padding-bottom: $form-floating-input-padding-b; 39 | } 40 | } 41 | 42 | > .form-select { 43 | padding-top: $form-floating-input-padding-t; 44 | padding-bottom: $form-floating-input-padding-b; 45 | } 46 | 47 | > .form-control:focus, 48 | > .form-control:not(:placeholder-shown), 49 | > .form-select { 50 | ~ label { 51 | opacity: $form-floating-label-opacity; 52 | transform: $form-floating-label-transform; 53 | } 54 | } 55 | // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped 56 | > .form-control:-webkit-autofill { 57 | ~ label { 58 | opacity: $form-floating-label-opacity; 59 | transform: $form-floating-label-transform; 60 | } 61 | } 62 | // stylelint-enable no-duplicate-selectors 63 | } 64 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/forms/_form-select.scss: -------------------------------------------------------------------------------- 1 | // Select 2 | // 3 | // Replaces the browser default select with a custom one, mostly pulled from 4 | // https://primer.github.io/. 5 | 6 | .form-select { 7 | display: block; 8 | width: 100%; 9 | padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x; 10 | // stylelint-disable-next-line property-no-vendor-prefix 11 | -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636 12 | font-family: $form-select-font-family; 13 | @include font-size($form-select-font-size); 14 | font-weight: $form-select-font-weight; 15 | line-height: $form-select-line-height; 16 | color: $form-select-color; 17 | background-color: $form-select-bg; 18 | background-image: escape-svg($form-select-indicator); 19 | background-repeat: no-repeat; 20 | background-position: $form-select-bg-position; 21 | background-size: $form-select-bg-size; 22 | border: $form-select-border-width solid $form-select-border-color; 23 | @include border-radius($form-select-border-radius, 0); 24 | @include box-shadow($form-select-box-shadow); 25 | @include transition($form-select-transition); 26 | appearance: none; 27 | 28 | &:focus { 29 | border-color: $form-select-focus-border-color; 30 | outline: 0; 31 | @if $enable-shadows { 32 | @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow); 33 | } @else { 34 | // Avoid using mixin so we can pass custom focus shadow properly 35 | box-shadow: $form-select-focus-box-shadow; 36 | } 37 | } 38 | 39 | &[multiple], 40 | &[size]:not([size="1"]) { 41 | padding-right: $form-select-padding-x; 42 | background-image: none; 43 | } 44 | 45 | &:disabled { 46 | color: $form-select-disabled-color; 47 | background-color: $form-select-disabled-bg; 48 | border-color: $form-select-disabled-border-color; 49 | } 50 | 51 | // Remove outline from select box in FF 52 | &:-moz-focusring { 53 | color: transparent; 54 | text-shadow: 0 0 0 $form-select-color; 55 | } 56 | } 57 | 58 | .form-select-sm { 59 | padding-top: $form-select-padding-y-sm; 60 | padding-bottom: $form-select-padding-y-sm; 61 | padding-left: $form-select-padding-x-sm; 62 | @include font-size($form-select-font-size-sm); 63 | } 64 | 65 | .form-select-lg { 66 | padding-top: $form-select-padding-y-lg; 67 | padding-bottom: $form-select-padding-y-lg; 68 | padding-left: $form-select-padding-x-lg; 69 | @include font-size($form-select-font-size-lg); 70 | } 71 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/forms/_form-text.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Form text 3 | // 4 | 5 | .form-text { 6 | margin-top: $form-text-margin-top; 7 | @include font-size($form-text-font-size); 8 | font-style: $form-text-font-style; 9 | font-weight: $form-text-font-weight; 10 | color: $form-text-color; 11 | } 12 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/forms/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // 4 | 5 | .form-label { 6 | margin-bottom: $form-label-margin-bottom; 7 | @include font-size($form-label-font-size); 8 | font-style: $form-label-font-style; 9 | font-weight: $form-label-font-weight; 10 | color: $form-label-color; 11 | } 12 | 13 | // For use with horizontal and inline forms, when you need the label (or legend) 14 | // text to align with the form controls. 15 | .col-form-label { 16 | padding-top: add($input-padding-y, $input-border-width); 17 | padding-bottom: add($input-padding-y, $input-border-width); 18 | margin-bottom: 0; // Override the `` default 19 | @include font-size(inherit); // Override the `` default 20 | font-style: $form-label-font-style; 21 | font-weight: $form-label-font-weight; 22 | line-height: $input-line-height; 23 | color: $form-label-color; 24 | } 25 | 26 | .col-form-label-lg { 27 | padding-top: add($input-padding-y-lg, $input-border-width); 28 | padding-bottom: add($input-padding-y-lg, $input-border-width); 29 | @include font-size($input-font-size-lg); 30 | } 31 | 32 | .col-form-label-sm { 33 | padding-top: add($input-padding-y-sm, $input-border-width); 34 | padding-bottom: add($input-padding-y-sm, $input-border-width); 35 | @include font-size($input-font-size-sm); 36 | } 37 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/forms/_validation.scss: -------------------------------------------------------------------------------- 1 | // Form validation 2 | // 3 | // Provide feedback to users when form field values are valid or invalid. Works 4 | // primarily for client-side validation via scoped `:invalid` and `:valid` 5 | // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for 6 | // server-side validation. 7 | 8 | // scss-docs-start form-validation-states-loop 9 | @each $state, $data in $form-validation-states { 10 | @include form-validation-state($state, $data...); 11 | } 12 | // scss-docs-end form-validation-states-loop 13 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_colored-links.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $theme-colors { 2 | .link-#{$color} { 3 | color: $value; 4 | 5 | @if $link-shade-percentage != 0 { 6 | &:hover, 7 | &:focus { 8 | color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)); 9 | } 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_position.scss: -------------------------------------------------------------------------------- 1 | // Shorthand 2 | 3 | .fixed-top { 4 | position: fixed; 5 | top: 0; 6 | right: 0; 7 | left: 0; 8 | z-index: $zindex-fixed; 9 | } 10 | 11 | .fixed-bottom { 12 | position: fixed; 13 | right: 0; 14 | bottom: 0; 15 | left: 0; 16 | z-index: $zindex-fixed; 17 | } 18 | 19 | // Responsive sticky top 20 | @each $breakpoint in map-keys($grid-breakpoints) { 21 | @include media-breakpoint-up($breakpoint) { 22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 23 | 24 | .sticky#{$infix}-top { 25 | position: sticky; 26 | top: 0; 27 | z-index: $zindex-sticky; 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_ratio.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .ratio { 4 | position: relative; 5 | width: 100%; 6 | 7 | &::before { 8 | display: block; 9 | padding-top: var(--#{$variable-prefix}aspect-ratio); 10 | content: ""; 11 | } 12 | 13 | > * { 14 | position: absolute; 15 | top: 0; 16 | left: 0; 17 | width: 100%; 18 | height: 100%; 19 | } 20 | } 21 | 22 | @each $key, $ratio in $aspect-ratios { 23 | .ratio-#{$key} { 24 | --#{$variable-prefix}aspect-ratio: #{$ratio}; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_stacks.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start stacks 2 | .hstack { 3 | display: flex; 4 | flex-direction: row; 5 | align-items: center; 6 | align-self: stretch; 7 | } 8 | 9 | .vstack { 10 | display: flex; 11 | flex: 1 1 auto; 12 | flex-direction: column; 13 | align-self: stretch; 14 | } 15 | // scss-docs-end stacks 16 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_stretched-link.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Stretched link 3 | // 4 | 5 | .stretched-link { 6 | &::#{$stretched-link-pseudo-element} { 7 | position: absolute; 8 | top: 0; 9 | right: 0; 10 | bottom: 0; 11 | left: 0; 12 | z-index: $stretched-link-z-index; 13 | content: ""; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_text-truncation.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Text truncation 3 | // 4 | 5 | .text-truncate { 6 | @include text-truncate(); 7 | } 8 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visually hidden 3 | // 4 | 5 | .visually-hidden, 6 | .visually-hidden-focusable:not(:focus):not(:focus-within) { 7 | @include visually-hidden(); 8 | } 9 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/helpers/_vr.scss: -------------------------------------------------------------------------------- 1 | .vr { 2 | display: inline-block; 3 | align-self: stretch; 4 | width: 1px; 5 | min-height: 1em; 6 | background-color: currentColor; 7 | opacity: $hr-opacity; 8 | } 9 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start alert-variant-mixin 2 | @mixin alert-variant($background, $border, $color) { 3 | color: $color; 4 | @include gradient-bg($background); 5 | border-color: $border; 6 | 7 | .alert-link { 8 | color: shade-color($color, 20%); 9 | } 10 | } 11 | // scss-docs-end alert-variant-mixin 12 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_backdrop.scss: -------------------------------------------------------------------------------- 1 | // Shared between modals and offcanvases 2 | @mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) { 3 | position: fixed; 4 | top: 0; 5 | left: 0; 6 | z-index: $zindex; 7 | width: 100vw; 8 | height: 100vh; 9 | background-color: $backdrop-bg; 10 | 11 | // Fade for backdrop 12 | &.fade { opacity: 0; } 13 | &.show { opacity: $backdrop-opacity; } 14 | } 15 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | // Single side border-radius 3 | 4 | // Helper function to replace negative values with 0 5 | @function valid-radius($radius) { 6 | $return: (); 7 | @each $value in $radius { 8 | @if type-of($value) == number { 9 | $return: append($return, max($value, 0)); 10 | } @else { 11 | $return: append($return, $value); 12 | } 13 | } 14 | @return $return; 15 | } 16 | 17 | // scss-docs-start border-radius-mixins 18 | @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) { 19 | @if $enable-rounded { 20 | border-radius: valid-radius($radius); 21 | } 22 | @else if $fallback-border-radius != false { 23 | border-radius: $fallback-border-radius; 24 | } 25 | } 26 | 27 | @mixin border-top-radius($radius: $border-radius) { 28 | @if $enable-rounded { 29 | border-top-left-radius: valid-radius($radius); 30 | border-top-right-radius: valid-radius($radius); 31 | } 32 | } 33 | 34 | @mixin border-end-radius($radius: $border-radius) { 35 | @if $enable-rounded { 36 | border-top-right-radius: valid-radius($radius); 37 | border-bottom-right-radius: valid-radius($radius); 38 | } 39 | } 40 | 41 | @mixin border-bottom-radius($radius: $border-radius) { 42 | @if $enable-rounded { 43 | border-bottom-right-radius: valid-radius($radius); 44 | border-bottom-left-radius: valid-radius($radius); 45 | } 46 | } 47 | 48 | @mixin border-start-radius($radius: $border-radius) { 49 | @if $enable-rounded { 50 | border-top-left-radius: valid-radius($radius); 51 | border-bottom-left-radius: valid-radius($radius); 52 | } 53 | } 54 | 55 | @mixin border-top-start-radius($radius: $border-radius) { 56 | @if $enable-rounded { 57 | border-top-left-radius: valid-radius($radius); 58 | } 59 | } 60 | 61 | @mixin border-top-end-radius($radius: $border-radius) { 62 | @if $enable-rounded { 63 | border-top-right-radius: valid-radius($radius); 64 | } 65 | } 66 | 67 | @mixin border-bottom-end-radius($radius: $border-radius) { 68 | @if $enable-rounded { 69 | border-bottom-right-radius: valid-radius($radius); 70 | } 71 | } 72 | 73 | @mixin border-bottom-start-radius($radius: $border-radius) { 74 | @if $enable-rounded { 75 | border-bottom-left-radius: valid-radius($radius); 76 | } 77 | } 78 | // scss-docs-end border-radius-mixins 79 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | $result: (); 4 | 5 | @each $value in $shadow { 6 | @if $value != null { 7 | $result: append($result, $value, "comma"); 8 | } 9 | @if $value == none and length($shadow) > 1 { 10 | @warn "The keyword 'none' must be used as a single argument."; 11 | } 12 | } 13 | 14 | @if (length($result) > 0) { 15 | box-shadow: $result; 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_caret.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start caret-mixins 2 | @mixin caret-down { 3 | border-top: $caret-width solid; 4 | border-right: $caret-width solid transparent; 5 | border-bottom: 0; 6 | border-left: $caret-width solid transparent; 7 | } 8 | 9 | @mixin caret-up { 10 | border-top: 0; 11 | border-right: $caret-width solid transparent; 12 | border-bottom: $caret-width solid; 13 | border-left: $caret-width solid transparent; 14 | } 15 | 16 | @mixin caret-end { 17 | border-top: $caret-width solid transparent; 18 | border-right: 0; 19 | border-bottom: $caret-width solid transparent; 20 | border-left: $caret-width solid; 21 | } 22 | 23 | @mixin caret-start { 24 | border-top: $caret-width solid transparent; 25 | border-right: $caret-width solid; 26 | border-bottom: $caret-width solid transparent; 27 | } 28 | 29 | @mixin caret($direction: down) { 30 | @if $enable-caret { 31 | &::after { 32 | display: inline-block; 33 | margin-left: $caret-spacing; 34 | vertical-align: $caret-vertical-align; 35 | content: ""; 36 | @if $direction == down { 37 | @include caret-down(); 38 | } @else if $direction == up { 39 | @include caret-up(); 40 | } @else if $direction == end { 41 | @include caret-end(); 42 | } 43 | } 44 | 45 | @if $direction == start { 46 | &::after { 47 | display: none; 48 | } 49 | 50 | &::before { 51 | display: inline-block; 52 | margin-right: $caret-spacing; 53 | vertical-align: $caret-vertical-align; 54 | content: ""; 55 | @include caret-start(); 56 | } 57 | } 58 | 59 | &:empty::after { 60 | margin-left: 0; 61 | } 62 | } 63 | } 64 | // scss-docs-end caret-mixins 65 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start clearfix 2 | @mixin clearfix() { 3 | &::after { 4 | display: block; 5 | clear: both; 6 | content: ""; 7 | } 8 | } 9 | // scss-docs-end clearfix 10 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_color-scheme.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start mixin-color-scheme 2 | @mixin color-scheme($name) { 3 | @media (prefers-color-scheme: #{$name}) { 4 | @content; 5 | } 6 | } 7 | // scss-docs-end mixin-color-scheme 8 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_container.scss: -------------------------------------------------------------------------------- 1 | // Container mixins 2 | 3 | @mixin make-container($gutter: $container-padding-x) { 4 | width: 100%; 5 | padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter}); 6 | padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter}); 7 | margin-right: auto; 8 | margin-left: auto; 9 | } 10 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_deprecate.scss: -------------------------------------------------------------------------------- 1 | // Deprecate mixin 2 | // 3 | // This mixin can be used to deprecate mixins or functions. 4 | // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to 5 | // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap) 6 | @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) { 7 | @if ($enable-deprecation-messages != false and $ignore-warning != true) { 8 | @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}."; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_gradients.scss: -------------------------------------------------------------------------------- 1 | // Gradients 2 | 3 | // scss-docs-start gradient-bg-mixin 4 | @mixin gradient-bg($color: null) { 5 | background-color: $color; 6 | 7 | @if $enable-gradients { 8 | background-image: var(--#{$variable-prefix}gradient); 9 | } 10 | } 11 | // scss-docs-end gradient-bg-mixin 12 | 13 | // scss-docs-start gradient-mixins 14 | // Horizontal gradient, from left to right 15 | // 16 | // Creates two color stops, start and end, by specifying a color and position for each color stop. 17 | @mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) { 18 | background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); 19 | } 20 | 21 | // Vertical gradient, from top to bottom 22 | // 23 | // Creates two color stops, start and end, by specifying a color and position for each color stop. 24 | @mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) { 25 | background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); 26 | } 27 | 28 | @mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) { 29 | background-image: linear-gradient($deg, $start-color, $end-color); 30 | } 31 | 32 | @mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) { 33 | background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color); 34 | } 35 | 36 | @mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) { 37 | background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color); 38 | } 39 | 40 | @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) { 41 | background-image: radial-gradient(circle, $inner-color, $outer-color); 42 | } 43 | 44 | @mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) { 45 | background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); 46 | } 47 | // scss-docs-end gradient-mixins 48 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | // scss-docs-start list-group-mixin 4 | @mixin list-group-item-variant($state, $background, $color) { 5 | .list-group-item-#{$state} { 6 | color: $color; 7 | background-color: $background; 8 | 9 | &.list-group-item-action { 10 | &:hover, 11 | &:focus { 12 | color: $color; 13 | background-color: shade-color($background, 10%); 14 | } 15 | 16 | &.active { 17 | color: $white; 18 | background-color: $color; 19 | border-color: $color; 20 | } 21 | } 22 | } 23 | } 24 | // scss-docs-end list-group-mixin 25 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | // scss-docs-start pagination-mixin 4 | @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) { 5 | .page-link { 6 | padding: $padding-y $padding-x; 7 | @include font-size($font-size); 8 | } 9 | 10 | .page-item { 11 | @if $pagination-margin-start == (-$pagination-border-width) { 12 | &:first-child { 13 | .page-link { 14 | @include border-start-radius($border-radius); 15 | } 16 | } 17 | 18 | &:last-child { 19 | .page-link { 20 | @include border-end-radius($border-radius); 21 | } 22 | } 23 | } @else { 24 | //Add border-radius to all pageLinks in case they have left margin 25 | .page-link { 26 | @include border-radius($border-radius); 27 | } 28 | } 29 | } 30 | } 31 | // scss-docs-end pagination-mixin 32 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or overflow-wrap / word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_table-variants.scss: -------------------------------------------------------------------------------- 1 | // scss-docs-start table-variant 2 | @mixin table-variant($state, $background) { 3 | .table-#{$state} { 4 | $color: color-contrast(opaque($body-bg, $background)); 5 | $hover-bg: mix($color, $background, percentage($table-hover-bg-factor)); 6 | $striped-bg: mix($color, $background, percentage($table-striped-bg-factor)); 7 | $active-bg: mix($color, $background, percentage($table-active-bg-factor)); 8 | 9 | --#{$variable-prefix}table-bg: #{$background}; 10 | --#{$variable-prefix}table-striped-bg: #{$striped-bg}; 11 | --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)}; 12 | --#{$variable-prefix}table-active-bg: #{$active-bg}; 13 | --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)}; 14 | --#{$variable-prefix}table-hover-bg: #{$hover-bg}; 15 | --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)}; 16 | 17 | color: $color; 18 | border-color: mix($color, $background, percentage($table-border-factor)); 19 | } 20 | } 21 | // scss-docs-end table-variant 22 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable property-disallowed-list 2 | @mixin transition($transition...) { 3 | @if length($transition) == 0 { 4 | $transition: $transition-base; 5 | } 6 | 7 | @if length($transition) > 1 { 8 | @each $value in $transition { 9 | @if $value == null or $value == none { 10 | @warn "The keyword 'none' or 'null' must be used as a single argument."; 11 | } 12 | } 13 | } 14 | 15 | @if $enable-transitions { 16 | @if nth($transition, 1) != null { 17 | transition: $transition; 18 | } 19 | 20 | @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none { 21 | @media (prefers-reduced-motion: reduce) { 22 | transition: none; 23 | } 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/mixins/_visually-hidden.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Hide content visually while keeping it accessible to assistive technologies 4 | // 5 | // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/ 6 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ 7 | 8 | @mixin visually-hidden() { 9 | position: absolute !important; 10 | width: 1px !important; 11 | height: 1px !important; 12 | padding: 0 !important; 13 | margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686 14 | overflow: hidden !important; 15 | clip: rect(0, 0, 0, 0) !important; 16 | white-space: nowrap !important; 17 | border: 0 !important; 18 | } 19 | 20 | // Use to only display content when it's focused, or one of its child elements is focused 21 | // (i.e. when focus is within the element/container that the class was applied to) 22 | // 23 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 24 | 25 | @mixin visually-hidden-focusable() { 26 | &:not(:focus):not(:focus-within) { 27 | @include visually-hidden(); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/bootstrap/utilities/_api.scss: -------------------------------------------------------------------------------- 1 | // Loop over each breakpoint 2 | @each $breakpoint in map-keys($grid-breakpoints) { 3 | 4 | // Generate media query if needed 5 | @include media-breakpoint-up($breakpoint) { 6 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 7 | 8 | // Loop over each utility property 9 | @each $key, $utility in $utilities { 10 | // The utility can be disabled with `false`, thus check if the utility is a map first 11 | // Only proceed if responsive media queries are enabled or if it's the base media query 12 | @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") { 13 | @include generate-utility($utility, $infix); 14 | } 15 | } 16 | } 17 | } 18 | 19 | // RFS rescaling 20 | @media (min-width: $rfs-mq-value) { 21 | @each $breakpoint in map-keys($grid-breakpoints) { 22 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 23 | 24 | @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) { 25 | // Loop over each utility property 26 | @each $key, $utility in $utilities { 27 | // The utility can be disabled with `false`, thus check if the utility is a map first 28 | // Only proceed if responsive media queries are enabled or if it's the base media query 29 | @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") { 30 | @include generate-utility($utility, $infix, true); 31 | } 32 | } 33 | } 34 | } 35 | } 36 | 37 | 38 | // Print utilities 39 | @media print { 40 | @each $key, $utility in $utilities { 41 | // The utility can be disabled with `false`, thus check if the utility is a map first 42 | // Then check if the utility needs print styles 43 | @if type-of($utility) == "map" and map-get($utility, print) == true { 44 | @include generate-utility($utility, "-print"); 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/cards/card-background.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-background { 3 | align-items: $card-bg-align-items; 4 | 5 | .full-background { 6 | background-position: $card-full-bg-bg-position; 7 | background-size: $card-full-bg-bg-size; 8 | margin-bottom: $card-full-bg-mb; 9 | width: $card-full-bg-width; 10 | height: $card-full-bg-height; 11 | position: $card-full-bg-position; 12 | border-radius: $card-border-radius; 13 | } 14 | 15 | .card-body { 16 | color: $white; 17 | position: $card-bg-body-position; 18 | z-index: $card-bg-body-z-index; 19 | 20 | .content-center, 21 | .content-left { 22 | min-height: $card-bg-content-min-height; 23 | max-width: $card-bg-content-max-width; 24 | padding-top: $card-bg-content-pt; 25 | padding-bottom: $card-bg-content-pb; 26 | } 27 | .content-center { 28 | text-align: center; 29 | } 30 | &.body-left { 31 | width: $card-bg-body-left-width; 32 | } 33 | 34 | .author { 35 | .name { 36 | span, 37 | .stats { 38 | color: $white; 39 | } 40 | } 41 | } 42 | } 43 | 44 | &:after { 45 | position: $card-bg-filter-position; 46 | top: $card-bg-filter-top; 47 | bottom: $card-bg-filter-bottom; 48 | left: $card-bg-filter-left; 49 | height: $card-bg-filter-height; 50 | width: $card-bg-filter-width; 51 | z-index: $card-bg-filter-z-index; 52 | display: $card-bg-filter-display; 53 | content: $card-bg-filter-content; 54 | background: $card-bg-filter-bg; 55 | border-radius: $card-border-radius; 56 | } 57 | 58 | @each $name, $val in $theme-gradient-colors { 59 | &.card-background-mask-#{$name} { 60 | &:before { 61 | background: $card-bg-filter-mask-bg; 62 | } 63 | 64 | &:after { 65 | @include gradient-directional(nth($val, 1) 0%, nth($val, -1) 100%, $deg: 195deg); 66 | opacity: .85; 67 | } 68 | } 69 | } 70 | 71 | .card-category { 72 | font-size: $font-size-sm; 73 | font-weight: $font-weight-bold; 74 | } 75 | 76 | .card-description { 77 | margin-top: $card-bg-description-margin; 78 | margin-bottom: $card-bg-description-margin; 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/cards/card-blog.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-blog { 3 | .card-image { 4 | box-shadow: $box-shadow; 5 | 6 | .img { 7 | width: 100%; 8 | } 9 | } 10 | 11 | .card-title { 12 | a { 13 | color: $dark; 14 | } 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/cards/card-horizontal.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-horizontal { 3 | box-shadow: none; 4 | 5 | .card-image { 6 | border-radius: $card-border-radius; 7 | 8 | .img { 9 | width: 100%; 10 | border-radius: $card-border-radius; 11 | } 12 | } 13 | 14 | .card-body { 15 | .card-title { 16 | font-size: $h4-font-size; 17 | 18 | a { 19 | color: $dark; 20 | } 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/cards/card-pricing.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-pricing { 3 | .card-body { 4 | padding: $card-pricing-body-padding; 5 | } 6 | .table { 7 | tr { 8 | border-image: $card-pricing-border-color; 9 | } 10 | td { 11 | .badge { 12 | padding: $card-pricing-badge-padding; 13 | font-size: $card-pricing-badge-font-size; 14 | position: $card-pricing-badge-position; 15 | top: $card-pricing-badge-top; 16 | } 17 | } 18 | } 19 | &[data-feature="icon"] { 20 | 21 | .icon { 22 | height: $card-pricing-icon-height; 23 | width: $card-pricing-icon-width; 24 | position: $card-pricing-icon-position; 25 | top: $card-pricing-icon-top; 26 | left: 0; 27 | right: 0; 28 | 29 | i { 30 | color: $white; 31 | padding: $card-pricing-i-padding; 32 | } 33 | } 34 | } 35 | 36 | .plans { 37 | i { 38 | font-size: $card-pricing-icon-font-size; 39 | } 40 | .card-category { 41 | text-transform: uppercase; 42 | } 43 | } 44 | .icon-lg i { 45 | font-size: $card-pricing-icon-lg-font-size; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/cards/card-profile.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | &.card-profile { 3 | .card-body { 4 | padding: $card-profile-body-padding; 5 | } 6 | 7 | .card-avatar { 8 | margin: $card-profile-avatar-margin; 9 | 10 | .img { 11 | margin-top: $card-profile-img-mt; 12 | border-radius: $card-profile-img-radius; 13 | width: $card-profile-img-width; 14 | } 15 | } 16 | 17 | p.lead { 18 | font-weight: $font-weight-bold; 19 | font-size: $h6-font-size; 20 | line-height: $card-profile-p-line-height; 21 | } 22 | .table { 23 | td { 24 | font-weight: $font-weight-light; 25 | font-size: $font-size-base; 26 | } 27 | } 28 | 29 | .card-before { 30 | &:before { 31 | position: absolute; 32 | bottom: 0; 33 | left: 0; 34 | width: 100%; 35 | height: 50%; 36 | display: block; 37 | z-index: 0; 38 | content: ''; 39 | transition: opacity .65s cubic-bezier(.05,.2,.1,1); 40 | } 41 | 42 | &.mask-primary:before { 43 | background: linear-gradient(to bottom,rgba(15,15,15,0),$primary 100%); 44 | } 45 | &.mask-info:before { 46 | background: linear-gradient(to bottom,rgba(15,15,15,0),$info 100%); 47 | } 48 | &.mask-warning:before { 49 | background: linear-gradient(to bottom,rgba(15,15,15,0),$warning-gradient-state 100%); 50 | } 51 | &.mask-danger:before { 52 | background: linear-gradient(to bottom,rgba(15,15,15,0),$danger 100%); 53 | } 54 | &.mask-success:before { 55 | background: linear-gradient(to bottom,rgba(15,15,15,0),$success 100%); 56 | } 57 | } 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/custom/_styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/scss/material-kit/custom/_styles.scss -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/custom/_variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/assets/scss/material-kit/custom/_variables.scss -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/forms/_form-check.scss: -------------------------------------------------------------------------------- 1 | .form-check:not(.form-switch) .form-check-input { 2 | float: initial !important; 3 | margin-left: auto !important; 4 | 5 | &[type="checkbox"], 6 | &[type="radio"] { 7 | border: 1px solid darken($gray-200, 10%); 8 | margin-top: $form-text-margin-top; 9 | position: relative; 10 | 11 | &:checked { 12 | border-color: $primary; 13 | } 14 | } 15 | 16 | &[type="checkbox"] { 17 | background-image: none; 18 | &:after { 19 | transition: opacity $form-check-transition-time ease-in-out; 20 | font-family: "FontAwesome"; 21 | content: "\f00c"; 22 | width: 100%; 23 | height: 100%; 24 | color: $form-check-input-checked-color; 25 | position: absolute; 26 | display: flex; 27 | justify-content: center; 28 | align-items: center; 29 | font-size: $font-size-sm - .205; 30 | opacity: 0; 31 | } 32 | 33 | &:checked{ 34 | background: $primary; 35 | &:after { 36 | opacity: 1; 37 | } 38 | } 39 | } 40 | 41 | &[type="radio"] { 42 | transition: border 0s; 43 | background: transparent; 44 | 45 | &:after { 46 | transition: opacity $form-check-transition-time ease-in-out; 47 | content: ""; 48 | position: absolute; 49 | width: $form-check-radio-after-width; 50 | height: $form-check-radio-after-width; 51 | border-radius: 50%; 52 | background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);; 53 | opacity: 0; 54 | left: 0; 55 | right: 0; 56 | top: 0; 57 | bottom: 0; 58 | margin: auto; 59 | } 60 | 61 | &:checked { 62 | padding: 6px; 63 | } 64 | 65 | &:checked:after { 66 | opacity: 1; 67 | } 68 | 69 | &:active{ 70 | box-shadow: $form-check-radio-after-shadow; 71 | border-radius: $border-radius-pill; 72 | transition: $form-check-radio-transition; 73 | } 74 | } 75 | } 76 | 77 | .form-check-label, 78 | .form-check-input[type="checkbox"] { 79 | cursor: pointer; 80 | } 81 | 82 | .form-check-label{ 83 | font-size:$font-size-sm; 84 | font-weight: $font-weight-normal; 85 | } 86 | 87 | .form-check-input{ 88 | -webkit-appearance: none; 89 | -moz-appearance: none; 90 | appearance: none; 91 | } 92 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/forms/_form-select.scss: -------------------------------------------------------------------------------- 1 | .form-select { 2 | transition: $input-transition; 3 | } 4 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/forms/_form-switch.scss: -------------------------------------------------------------------------------- 1 | .form-switch{ 2 | .form-check-input{ 3 | position: relative; 4 | background-color: $form-switch-bg-color; 5 | height: $form-switch-height; 6 | width: $form-switch-width; 7 | 8 | &:after { 9 | transition: transform $form-check-transition-time ease-in-out, background-color $form-check-transition-time ease-in-out; 10 | content: ""; 11 | width: $form-switch-check-after-width; 12 | height: $form-switch-check-after-width; 13 | border-radius: 50%; 14 | border: 1px solid $form-switch-check-after-border-color; 15 | position: absolute; 16 | background-color: $white; 17 | transform: translateX($form-switch-translate-x-start); 18 | box-shadow: $form-switch-round-box-shadow; 19 | top: $form-switch-check-top; 20 | left: $form-switch-check-left; 21 | } 22 | 23 | &:checked:after { 24 | transform: translateX($form-switch-translate-x-end); 25 | border-color: $dark-gradient; 26 | } 27 | 28 | &:checked { 29 | border-color: $dark-gradient; 30 | background-color: $dark-gradient; 31 | &:active{ 32 | &:after{ 33 | box-shadow: $form-switch-check-active-checked-after-shadow; 34 | } 35 | } 36 | } 37 | &:active{ 38 | &:after{ 39 | box-shadow: $form-switch-check-active-after-shadow; 40 | } 41 | } 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/forms/_forms.scss: -------------------------------------------------------------------------------- 1 | @import 'input-group'; 2 | @import 'form-check'; 3 | @import 'form-switch'; 4 | @import 'form-select'; 5 | @import 'labels'; 6 | @import 'inputs'; 7 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/forms/_inputs.scss: -------------------------------------------------------------------------------- 1 | .form-control { 2 | border: none; 3 | 4 | &.is-invalid { 5 | border: $input-border-width solid $input-border-color; 6 | padding: $form-control-outline-padding; 7 | line-height: 1.3 !important; 8 | 9 | &:focus { 10 | box-shadow: 0 0 0 2px rgba($form-feedback-invalid-color, .6); 11 | } 12 | } 13 | 14 | &.is-valid { 15 | border: $input-border-width solid $input-border-color; 16 | padding: $form-control-outline-padding; 17 | line-height: 1.3 !important; 18 | 19 | &:focus { 20 | box-shadow: 0 0 0 2px rgba($form-feedback-valid-color, .65); 21 | } 22 | } 23 | 24 | &[disabled] { 25 | padding: $form-control-outline-padding; 26 | line-height: 1.45 !important; 27 | } 28 | } 29 | 30 | .input-group { 31 | .input-group-text { 32 | position: absolute; 33 | padding: .75rem 0; 34 | right: 0; 35 | border-right: 0 !important; 36 | 37 | i { 38 | color: $gray-600; 39 | } 40 | } 41 | 42 | &.input-group-static { 43 | .input-group-text { 44 | bottom: 0; 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/forms/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // 4 | 5 | label, 6 | .form-label { 7 | font-size: $form-label-font-size; 8 | font-weight: $form-label-font-weight; 9 | margin-bottom: $form-label-margin-bottom; 10 | color: $form-label-color; 11 | margin-left: $form-label-margin-left; 12 | } 13 | 14 | .input-group{ 15 | .form-label{ 16 | position: $form-label-position; 17 | top: $form-label-top; 18 | margin-left: 0; 19 | transition: $form-label-transition; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: saturate(darken($bg, 10%), 10); 3 | background-color: lighten($bg, 32%); 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 12%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | @mixin colored-shadows($value){ 2 | // new box shadow optimized for Tablets and Phones 3 | box-shadow: 0 3px 3px 0 rgba($value, .15), 4 | 0 3px 1px -2px rgba($value, .2), 5 | 0 1px 5px 0 rgba($value, .15); 6 | } 7 | 8 | @mixin colored-shadows-hover($value){ 9 | box-shadow: 0 14px 26px -12px rgba($value, .4), 10 | 0 4px 23px 0 rgba($value, .15), 11 | 0 8px 10px -5px rgba($value, .2); 12 | } 13 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/_colored-shadows.scss: -------------------------------------------------------------------------------- 1 | @mixin shadow-big-color($color){ 2 | // new box shadow optimized for Tablets and Phones 3 | box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14), 4 | 0 7px 10px -5px rgba($color, 0.4) 5 | } 6 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | 2 | @mixin hover() { 3 | &:hover { @content; } 4 | } 5 | 6 | @mixin hover-focus() { 7 | &:hover, 8 | &:focus { 9 | @content; 10 | } 11 | } 12 | 13 | @mixin plain-hover-focus() { 14 | &, 15 | &:hover, 16 | &:focus { 17 | @content; 18 | } 19 | } 20 | 21 | @mixin hover-focus-active() { 22 | &:hover, 23 | &:focus, 24 | &:active { 25 | @content; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | // for social buttons 2 | @mixin social-buttons-color ($color, $state-color) { 3 | background-color: $color; 4 | color: $white; 5 | 6 | &:focus, 7 | &:hover { 8 | background-color: $state-color; 9 | color: $white; 10 | } 11 | &:active, 12 | &:focus, 13 | &:active:focus { 14 | box-shadow: none; 15 | } 16 | 17 | &.btn-simple { 18 | color: $state-color; 19 | background-color: transparent; 20 | background-image: none !important; 21 | box-shadow: none; 22 | border: none; 23 | 24 | &:hover, 25 | &:focus, 26 | &:hover:focus, 27 | &:active, 28 | &:hover:focus:active { 29 | color: $state-color; 30 | background: transparent !important; 31 | box-shadow: none !important; 32 | } 33 | } 34 | 35 | 36 | &.btn-neutral { 37 | color: $color; 38 | background-color: $white; 39 | 40 | &:hover, 41 | &:focus, 42 | &:active { 43 | color: $state-color; 44 | } 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/_vendor.scss: -------------------------------------------------------------------------------- 1 | @mixin transform-translate-y($value) { 2 | -webkit-transform: translate3d(0, $value, 0); 3 | -moz-transform: translate3d(0, $value, 0); 4 | -o-transform: translate3d(0, $value, 0); 5 | -ms-transform: translate3d(0, $value, 0); 6 | transform: translate3d(0, $value, 0); 7 | } 8 | @mixin perspective($value) { 9 | -webkit-perspective: $value; 10 | -moz-perspective: $value; 11 | -o-perspective: $value; 12 | -ms-perspective: $value; 13 | perspective: $value; 14 | } 15 | @mixin transitions($time, $type) { 16 | -webkit-transition: all $time $type; 17 | -moz-transition: all $time $type; 18 | -o-transition: all $time $type; 19 | -ms-transition: all $time $type; 20 | transition: all $time $type; 21 | } 22 | @mixin transitions-property($property, $time, $type) { 23 | -webkit-transition: $property $time $type; 24 | -moz-transition: $property $time $type; 25 | -o-transition: $property $time $type; 26 | -ms-transition: $property $time $type; 27 | transition: $property $time $type; 28 | } 29 | @mixin transform-style($type){ 30 | -webkit-transform-style: $type; 31 | -moz-transform-style: $type; 32 | -o-transform-style: $type; 33 | -ms-transform-style: $type; 34 | transform-style: $type; 35 | } 36 | 37 | @mixin backface-visibility($type){ 38 | -webkit-backface-visibility: $type; 39 | -moz-backface-visibility: $type; 40 | -o-backface-visibility: $type; 41 | -ms-backface-visibility: $type; 42 | backface-visibility: $type; 43 | } 44 | 45 | @mixin rotateY-180() { 46 | -webkit-transform: rotateY( 180deg ); 47 | -moz-transform: rotateY( 180deg ); 48 | -o-transform: rotateY( 180deg ); 49 | -ms-transform: rotateY(180deg); 50 | transform: rotateY( 180deg ); 51 | } 52 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "badge"; 2 | @import "buttons"; 3 | @import "hover"; 4 | @import "colored-shadows"; 5 | @import "social-buttons"; 6 | @import "vendor"; 7 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/free/plugins.scss: -------------------------------------------------------------------------------- 1 | @import "flatpickr"; 2 | @import "nouislider"; 3 | @import "prism"; 4 | @import "perfect-scrollbar"; 5 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_carousel-slick.scss: -------------------------------------------------------------------------------- 1 | .slick-slider { 2 | .btn.slick-next { 3 | margin-left: 10px; 4 | } 5 | } 6 | .slick-slide { 7 | margin: 0px 20px; 8 | } 9 | 10 | .slick-slide img { 11 | width: 200px; 12 | } 13 | 14 | .slick-slider { 15 | position: relative; 16 | display: block; 17 | box-sizing: border-box; 18 | -webkit-user-select: none; 19 | -moz-user-select: none; 20 | -ms-user-select: none; 21 | user-select: none; 22 | -webkit-touch-callout: none; 23 | -khtml-user-select: none; 24 | -ms-touch-action: pan-y; 25 | touch-action: pan-y; 26 | -webkit-tap-highlight-color: transparent; 27 | } 28 | 29 | .slick-list { 30 | position: relative; 31 | display: block; 32 | overflow: hidden; 33 | margin: 0; 34 | padding: 0; 35 | margin-top: 100px; 36 | } 37 | .slick-list:focus { 38 | outline: none; 39 | } 40 | .slick-list.dragging { 41 | cursor: pointer; 42 | cursor: hand; 43 | } 44 | 45 | .slick-slider .slick-track, 46 | .slick-slider .slick-list { 47 | -webkit-transform: translate3d(0, 0, 0); 48 | -moz-transform: translate3d(0, 0, 0); 49 | -ms-transform: translate3d(0, 0, 0); 50 | -o-transform: translate3d(0, 0, 0); 51 | transform: translate3d(0, 0, 0); 52 | } 53 | 54 | .slick-track { 55 | position: relative; 56 | top: 0; 57 | left: 0; 58 | display: block; 59 | } 60 | .slick-track:before, 61 | .slick-track:after { 62 | display: table; 63 | content: ''; 64 | } 65 | .slick-track:after { 66 | clear: both; 67 | } 68 | .slick-loading .slick-track { 69 | visibility: hidden; 70 | } 71 | 72 | .slick-slide { 73 | float: left; 74 | height: 100%; 75 | min-height: 1px; 76 | } 77 | [dir='rtl'] .slick-slide { 78 | float: right; 79 | } 80 | .slick-slide img { 81 | display: block; 82 | } 83 | .slick-slide.slick-loading img { 84 | display: none; 85 | } 86 | .slick-slide.dragging img { 87 | pointer-events: none; 88 | } 89 | .slick-initialized .slick-slide { 90 | display: block; 91 | } 92 | .slick-loading .slick-slide { 93 | visibility: hidden; 94 | } 95 | .slick-vertical .slick-slide { 96 | display: block; 97 | height: auto; 98 | border: 1px solid transparent; 99 | } 100 | .slick-arrow.slick-hidden { 101 | display: none; 102 | } 103 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_dragula.scss: -------------------------------------------------------------------------------- 1 | .gu-mirror { 2 | position: fixed !important; 3 | margin: 0 !important; 4 | z-index: 9999 !important; 5 | opacity: 0.8; 6 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 7 | filter: alpha(opacity=80); 8 | } 9 | .gu-hide { 10 | display: none !important; 11 | } 12 | .gu-unselectable { 13 | -webkit-user-select: none !important; 14 | -moz-user-select: none !important; 15 | -ms-user-select: none !important; 16 | user-select: none !important; 17 | } 18 | .gu-transit { 19 | opacity: 0.2; 20 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 21 | filter: alpha(opacity=20); 22 | } 23 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_fullcalendar-extend.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | FullCalendar v5.6.0 3 | Docs & License: https://fullcalendar.io/ 4 | (c) 2020 Adam Shaw 5 | */ 6 | 7 | // Creative Tim Changes 8 | 9 | .fc-theme-standard .fc-scrollgrid, 10 | .fc-scrollgrid { 11 | border: none; 12 | } 13 | 14 | .fc-theme-standard td, 15 | .fc-theme-standard th { 16 | border-color: $gray-200; 17 | } 18 | 19 | .fc-theme-standard thead tr th{ 20 | border-right: none; 21 | border-left: none; 22 | } 23 | 24 | .fc-theme-standard td{ 25 | &:last-child{ 26 | border-right: none; 27 | } 28 | } 29 | 30 | .fc-theme-standard tr{ 31 | &:last-child td{ 32 | border-bottom: none; 33 | } 34 | } 35 | 36 | .fc-h-event{ 37 | border: none; 38 | } 39 | 40 | .fc-daygrid-block-event .fc-event-time, 41 | .fc-daygrid-block-event .fc-event-title{ 42 | font-weight: $font-weight-normal; 43 | font-size: $font-size-xs; 44 | line-height: $line-height-sm; 45 | padding: $fc-event-title-padding-y $fc-event-title-padding-x; 46 | } 47 | 48 | .fc .fc-daygrid-body-natural .fc-daygrid-day-events{ 49 | margin-bottom: 0; 50 | } 51 | 52 | .fc .fc-col-header-cell-cushion{ 53 | font-size: $font-size-sm; 54 | font-weight: $font-weight-bold; 55 | color: $gray-500; 56 | } 57 | 58 | .fc .fc-daygrid-day-number{ 59 | color: $gray-700; 60 | font-size: $font-size-sm; 61 | font-weight: $font-weight-light; 62 | width: 100%; 63 | text-align: center; 64 | } 65 | 66 | .fc .fc-toolbar-title{ 67 | font-size: $font-size-lg; 68 | } 69 | 70 | .fc .fc-button{ 71 | font-size: $font-size-sm; 72 | padding-top: $spacer/4; 73 | box-shadow: $btn-box-shadow; 74 | transition: $btn-transition; 75 | .fc-icon{ 76 | font-size: $font-size-sm; 77 | } 78 | } 79 | 80 | .fc .fc-button-primary{ 81 | background-color: $primary; 82 | border-color: $primary; 83 | &:hover, 84 | &:focus, 85 | &:not(:disabled):active, 86 | &:not(:disabled):active:focus{ 87 | transform: $btn-hover-transform; 88 | box-shadow: $btn-hover-box-shadow; 89 | background-color: $primary; 90 | border-color: $primary; 91 | } 92 | } 93 | 94 | .fc-event.fc-daygrid-event{ 95 | border-radius: $fc-daygrid-event-border-radius; 96 | } 97 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_highlight.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Highlight.js 10.7.2 (00233d63) 3 | * License: BSD-3-Clause 4 | * Copyright (c) 2006-2021, Ivan Sagalaev 5 | */ 6 | .hljs { 7 | display: block; 8 | overflow-x: auto; 9 | padding: 0.5em; 10 | background: #f0f0f0; 11 | } 12 | 13 | .hljs, 14 | .hljs-subst { 15 | color: #444; 16 | } 17 | 18 | .hljs-comment { 19 | color: #888; 20 | } 21 | 22 | .hljs-attribute, 23 | .hljs-doctag, 24 | .hljs-keyword, 25 | .hljs-meta-keyword, 26 | .hljs-name, 27 | .hljs-selector-tag { 28 | font-weight: 700; 29 | } 30 | 31 | .hljs-deletion, 32 | .hljs-number, 33 | .hljs-quote, 34 | .hljs-selector-class, 35 | .hljs-selector-id, 36 | .hljs-string, 37 | .hljs-template-tag, 38 | .hljs-type { 39 | color: #800; 40 | } 41 | 42 | .hljs-section, 43 | .hljs-title { 44 | color: #800; 45 | font-weight: 700; 46 | } 47 | 48 | .hljs-link, 49 | .hljs-regexp, 50 | .hljs-selector-attr, 51 | .hljs-selector-pseudo, 52 | .hljs-symbol, 53 | .hljs-template-variable, 54 | .hljs-variable { 55 | color: #bc6060; 56 | } 57 | 58 | .hljs-literal { 59 | color: #78a960; 60 | } 61 | 62 | .hljs-addition, 63 | .hljs-built_in, 64 | .hljs-bullet, 65 | .hljs-code { 66 | color: #397300; 67 | } 68 | 69 | .hljs-meta { 70 | color: #1f7199; 71 | } 72 | 73 | .hljs-meta-string { 74 | color: #4d99bf; 75 | } 76 | 77 | .hljs-emphasis { 78 | font-style: italic; 79 | } 80 | 81 | .hljs-strong { 82 | font-weight: 700; 83 | } 84 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_list-check.scss: -------------------------------------------------------------------------------- 1 | #completed-tasks label { 2 | text-decoration: line-through; 3 | color: #888; 4 | } 5 | 6 | /* Edit Task */ 7 | ul li input[type=text] { 8 | display:none; 9 | } 10 | 11 | ul li.editMode input[type=text] { 12 | display:block; 13 | } 14 | 15 | ul li.editMode label { 16 | display:none; 17 | } 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_rating-widget.scss: -------------------------------------------------------------------------------- 1 | /****** Style Star Rating Widget *****/ 2 | 3 | .rating { 4 | border: none; 5 | float: left; 6 | } 7 | 8 | .rating > input { display: none; } 9 | .rating > label:before { 10 | margin: 5px; 11 | font-size: 1.25em; 12 | font-family: FontAwesome; 13 | display: inline-block; 14 | content: "\f005"; 15 | } 16 | 17 | .rating > .half:before { 18 | content: "\f089"; 19 | position: absolute; 20 | } 21 | 22 | .rating > label { 23 | color: #ddd; 24 | float: right; 25 | } 26 | 27 | /***** CSS Magic to Highlight Stars on Hover *****/ 28 | 29 | .rating > input:checked ~ label, /* show gold star when clicked */ 30 | .rating:not(:checked) > label:hover, /* hover current star */ 31 | .rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */ 32 | 33 | .rating > input:checked + label:hover, /* hover current star when changing rating */ 34 | .rating > input:checked ~ label:hover, 35 | .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ 36 | .rating > input:checked ~ label:hover ~ label { color: #FFED85; } 37 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/_sweetalert2-extend.scss: -------------------------------------------------------------------------------- 1 | .swal2-popup { 2 | border-radius: $card-border-radius; 3 | } 4 | 5 | .swal2-styled.swal2-confirm { 6 | background-image: linear-gradient(195deg, $info-gradient 0%, $info-gradient-state 100%); 7 | background-color: transparent; 8 | @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius); 9 | 10 | &:hover, 11 | &:focus { 12 | background-image: linear-gradient(195deg, $info-gradient 0%, $info-gradient-state 100%); 13 | outline: 0; 14 | box-shadow: $btn-focus-box-shadow; 15 | } 16 | } 17 | 18 | .swal2-confirm.btn.bg-gradient-success { 19 | margin-left: 10px; 20 | margin-right: 10px; 21 | } 22 | 23 | .swal2-image { 24 | border-radius: $border-radius-lg; 25 | margin-bottom: 0; 26 | } 27 | 28 | .swal2-close{ 29 | outline: none; 30 | &:focus{ 31 | outline: none; 32 | box-shadow: none; 33 | } 34 | } 35 | 36 | .swal2-input { 37 | padding: $input-padding-y $input-padding-x; 38 | font-family: $input-font-family; 39 | @include font-size($input-font-size); 40 | font-weight: $input-font-weight; 41 | line-height: $input-line-height; 42 | color: $input-color; 43 | background-color: $input-bg; 44 | background-clip: padding-box; 45 | border: $input-border-width solid $input-border-color; 46 | } 47 | 48 | .swal2-icon.swal2-success { 49 | border-color: $success; 50 | color: $success; 51 | } 52 | 53 | .swal2-icon.swal2-info { 54 | border-color: $info; 55 | color: $info; 56 | } 57 | 58 | .swal2-icon.swal2-warning { 59 | border-color: $warning; 60 | color: $warning; 61 | } 62 | 63 | .swal2-icon.swal2-question{ 64 | border-color: $secondary; 65 | color: $secondary; 66 | } 67 | 68 | .swal2-icon.swal2-success [class^=swal2-success-line] { 69 | background-color: $success; 70 | } 71 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/plugins/pro/plugins-extend.scss: -------------------------------------------------------------------------------- 1 | @import "../free/plugins"; 2 | 3 | @import "choices"; 4 | @import "glidejs"; 5 | @import "fullcalendar"; 6 | @import "fullcalendar-extend"; 7 | @import "datatable"; 8 | @import "datatable-extend"; 9 | @import "dragula"; 10 | @import "kanban"; 11 | @import "sweetalert2"; 12 | @import "sweetalert2-extend"; 13 | @import "dropzone"; 14 | @import "highlight"; 15 | @import "quill"; 16 | @import "choices"; 17 | @import "list-check"; 18 | @import "photoswipe"; 19 | @import "rating-widget"; 20 | @import "leaflet"; 21 | @import "multi-step"; 22 | @import "vector-map"; 23 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/theme-pro.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | 3 | ========================================================= 4 | * Material Kit - v3.0.0 5 | ========================================================= 6 | 7 | * Product Page: https://www.creative-tim.com/product/material-kit 8 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 9 | 10 | * Coded by www.creative-tim.com 11 | 12 | ========================================================= 13 | 14 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 15 | 16 | */ 17 | 18 | // {{ site.product.name }} Core styling components 19 | 20 | @import "theme"; 21 | 22 | // Mixin 23 | @import "mixins/mixins"; 24 | 25 | // PRO Components 26 | @import "accordion"; 27 | @import "backgrounds"; 28 | @import "cards-extend"; 29 | @import "components"; 30 | @import "dropdown-extend"; 31 | @import "floating-elements"; 32 | @import "list-check"; 33 | @import "misc-extend"; 34 | @import "rtl-extend"; 35 | 36 | // Plugins 37 | @import "plugins/pro/plugins-extend"; 38 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/theme.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | 3 | ========================================================= 4 | * Material Kit - v3.0.0 5 | ========================================================= 6 | 7 | * Product Page: https://www.creative-tim.com/product/material-kit 8 | * Copyright 2021 Creative Tim (https://www.creative-tim.com) 9 | * Licensed under MIT (site.license) 10 | 11 | * Coded by www.creative-tim.com 12 | 13 | ========================================================= 14 | 15 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 16 | 17 | */ 18 | 19 | // {{ site.product.name }} components 20 | 21 | // Variables 22 | @import "variables/navbar-vertical"; 23 | @import "variables/social-buttons"; 24 | @import "variables/breadcrumb"; 25 | 26 | // Mixin 27 | @import "mixins/mixins"; 28 | 29 | // Core Components - extra styling 30 | @import "alert"; 31 | @import "avatars"; 32 | @import "badge"; 33 | @import "buttons"; 34 | @import "breadcrumbs"; 35 | @import "cards"; 36 | @import "dark-version"; 37 | @import "dropdown"; 38 | @import "dropup"; 39 | @import "header"; 40 | @import "fixed-plugin"; 41 | @import "forms/forms"; 42 | @import "footer"; 43 | @import "gradients"; 44 | @import "icons"; 45 | @import "info-areas"; 46 | @import "misc"; 47 | @import "navbar"; 48 | @import "navbar-vertical"; 49 | @import "nav"; 50 | @import "pagination"; 51 | @import "popovers"; 52 | @import "progress"; 53 | @import "rtl"; 54 | @import "ripple"; 55 | @import "social-buttons"; 56 | @import "tables"; 57 | @import "timeline"; 58 | @import "tilt"; 59 | @import "tooltips"; 60 | @import "typography"; 61 | 62 | // Plugins 63 | @import "plugins/free/plugins"; 64 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_animations.scss: -------------------------------------------------------------------------------- 1 | // Waves Animation & Styling 2 | 3 | $waves-position: relative !default; 4 | $waves-width: 100% !default; 5 | $waves-height: 16vh !default; 6 | $waves-min-height: 100px !default; 7 | $waves-max-height: 150px !default; 8 | $waves-margin-bottom: -7px !default; 9 | $waves-height-sm: 50px !default; 10 | $waves-min-height-sm: $waves-height-sm !default; 11 | $waves-rotate: rotate(180deg) !default; 12 | $waves-mobile-height: 40px !default; 13 | 14 | $moving-waves-keyframe-0: translate3d(-90px,0,0) !default; 15 | $moving-waves-keyframe-100: translate3d(85px,0,0) !default; 16 | $moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default; 17 | $moving-waves-child-1-delay: -2s !default; 18 | $moving-waves-child-1-duration: 11s !default; 19 | $moving-waves-child-2-delay: -4s !default; 20 | $moving-waves-child-2-duration: 13s !default; 21 | $moving-waves-child-3-delay: -3s !default; 22 | $moving-waves-child-3-duration: 15s !default; 23 | $moving-waves-child-4-delay: -4s !default; 24 | $moving-waves-child-4-duration: 20s !default; 25 | $moving-waves-child-5-delay: -4s !default; 26 | $moving-waves-child-5-duration: 25s !default; 27 | $moving-waves-child-6-delay: -3s !default; 28 | $moving-waves-child-6-duration: 30s !default; 29 | 30 | // Fade In 31 | 32 | $fade-in-animation-name: fadeInBottom !default; 33 | $fade-in-animation-top-name: fadeInTop !default; 34 | $fade-in-bottom-transform: translateY(100%) !default; 35 | $fade-in-top-transform: translateY(-100%) !default; 36 | 37 | 38 | $fade-in-1-animation-duration: 1.5s !default; 39 | $fade-in-2-animation-duration: 1.75s !default; 40 | $fade-in-3-animation-duration: 2s !default; 41 | $fade-in-4-animation-duration: 2.25s !default; 42 | $fade-in-5-animation-duration: 2.5s !default; 43 | 44 | 45 | $floating-man-width: 350px !default; 46 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_avatars.scss: -------------------------------------------------------------------------------- 1 | // Avatar 2 | $avatar-height: 48px !default; 3 | $avatar-width: 48px !default; 4 | 5 | $avatar-xs-height: 24px !default; 6 | $avatar-xs-width: 24px !default; 7 | 8 | $avatar-sm-height: 36px !default; 9 | $avatar-sm-width: 36px !default; 10 | 11 | $avatar-lg-height: 58px !default; 12 | $avatar-lg-width: 58px !default; 13 | 14 | $avatar-xl-height: 74px !default; 15 | $avatar-xl-width: 74px !default; 16 | 17 | $avatar-xxl-height: 110px !default; 18 | $avatar-xxl-width: 110px !default; 19 | 20 | $avatar-font-size: 1rem !default; 21 | $avatar-content-margin: .75rem !default; 22 | 23 | 24 | // Avatar Group 25 | $avatar-group-border: 2px !default; 26 | $avatar-group-zindex: 2 !default; 27 | $avatar-group-zindex-hover: 3 !default; 28 | $avatar-group-double: -1rem !default; 29 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_badge.scss: -------------------------------------------------------------------------------- 1 | // Badge 2 | $badge-sm-padding: .45em .775em !default; 3 | $badge-sm-font-size: .65em !default; 4 | $badge-md-padding: .65em 1em !default; 5 | $badge-lg-padding: .85em 1.375em !default; 6 | $badge-inline-margin-right: .625rem !default; 7 | $badge-inline-span-top: 2px !default; 8 | $badge-btn-margin: .5rem !default; 9 | 10 | // Badge Circle 11 | $badge-circle-border-radius: 50% !default; 12 | $badge-circle-width: 1.25rem !default; 13 | $badge-circle-height: 1.25rem !default; 14 | $badge-circle-font-size: .75rem !default; 15 | $badge-circle-font-weight: 600 !default; 16 | 17 | $badge-circle-md-width: 1.5rem !default; 18 | $badge-circle-md-height: 1.5rem !default; 19 | 20 | $badge-circle-lg-width: 2rem !default; 21 | $badge-circle-lg-height: 2rem !default; 22 | 23 | //Badge Dot 24 | $badge-dot-icon-width: .375rem !default; 25 | $badge-dot-icon-height: .375rem !default; 26 | $badge-dot-icon-radius: 50% !default; 27 | $badge-dot-icon-margin-right: .375rem !default; 28 | 29 | $badge-dot-md-icon-width: .5rem !default; 30 | $badge-dot-md-icon-height: .5rem !default; 31 | 32 | $badge-dot-lg-icon-width: .625rem !default; 33 | $badge-dot-lg-icon-height: .625rem !default; 34 | 35 | //Badge Floating 36 | $badge-floating-top: -50% !default; 37 | $badge-floating-border: 3px !default; 38 | $badge-floating-transform: translate(147%, 50%) !default; 39 | 40 | $card-badge-position: -.6875rem !default; 41 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | $breadcrumb-dark-bg: $dark !default; 2 | $breadcrumb-dark-color: $gray-100 !default; 3 | $breadcrumb-dark-hover-color: $white !default; 4 | $breadcrumb-dark-active-color: $gray-300 !default; 5 | $breadcrumb-dark-divider-color: $gray-500 !default; 6 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_cards-extend.scss: -------------------------------------------------------------------------------- 1 | // Card Profile 2 | $card-profile-body-text-align: center !default; 3 | $card-profile-body-padding: 1.25rem 2rem !default; 4 | $card-profile-avatar-margin: 0 auto !default; 5 | $card-profile-img-mt: 32px !default; 6 | $card-profile-img-radius: 50% !default; 7 | $card-profile-img-width: 130px !default; 8 | $card-profile-btn-mt: 24px !default; 9 | $card-profile-p-line-height: 1.778 !default; 10 | 11 | // Card Pricing 12 | $card-pricing-body-padding: 2.25rem !default; 13 | $card-pricing-line-height: 1.111 !default; 14 | $card-pricing-title-mb: $card-bg-description-margin !default; 15 | $card-pricing-td-line-height: 1.429 !default; 16 | $card-pricing-icon-height: 4rem !default; 17 | $card-pricing-icon-width: $card-pricing-icon-height !default; 18 | $card-pricing-icon-position: absolute !default; 19 | $card-pricing-icon-top: -22px !default; 20 | $card-pricing-icon-font-size: 1.25rem !default; 21 | $card-pricing-icon-lg-font-size: 1.75rem !default; 22 | $card-pricing-i-padding: 18px !default; 23 | $card-pricing-badge-padding: 5px !default; 24 | $card-pricing-badge-font-size: 6px !default; 25 | $card-pricing-badge-position: relative !default; 26 | $card-pricing-badge-top: -2px !default; 27 | $card-pricing-border-color: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); 28 | $card-pricing-border-color-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)); 29 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_choices.scss: -------------------------------------------------------------------------------- 1 | $choices-box-shadow: $dropdown-box-shadow !default; 2 | $choices-border-radius: .5rem !default; 3 | $choices-animation: .3s cubic-bezier(.23,1,.32,1) !default; 4 | $choices-transition: $dropdown-transition !default; 5 | $choices-transform: scale(.95) !important !default; 6 | $choices-transform-show: scale(1) !important !default; 7 | $choices-padding-y: 1rem !default; 8 | $choices-padding-x: .5rem !default; 9 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_dark-version.scss: -------------------------------------------------------------------------------- 1 | $dark-version-body-color: rgba(255, 255, 255, .8) !default; 2 | $dark-version-bg-color: #1a2035 !default; 3 | $dark-version-sidenav-bg-color: #1f283e !default; 4 | $dark-version-card-bg-color: #202940 !default; 5 | $dark-version-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .20), 0 1px 5px 0 rgba(0, 0, 0, .12) !default; 6 | $dark-version-input-bg-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, .6) 1px, rgba(209, 209, 209, 0) 0) !default; 7 | $dark-version-border-color: rgba(255, 255, 255, .4) !default; 8 | $dark-version-table-color: rgba(255, 255, 255, .6) !default; 9 | $dark-version-caret-sidebar-color: rgba(206, 212, 218, .7) !default; 10 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_dropdowns.scss: -------------------------------------------------------------------------------- 1 | $dropdown-subitem-position: 101% !default; 2 | $dropdown-transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1) !important !default; 3 | $dropdown-transform-origin: 0 0 !default; 4 | $dropdown-transform: scale(.95) !important !default; 5 | $dropdown-transform-show: scale(1) !important !default; 6 | 7 | $dropdown-multilevel-transform: scale(.95) !important !default; 8 | $dropdown-multilevel-transform-show: scale(1) !important !default; 9 | 10 | $dropup-transform-origin: bottom !default; 11 | $dropup-transform: scale(.95) !important !default; 12 | $dropup-transform-show: scale(1) !important !default; 13 | 14 | $dropdown-icon-margin-right: .75rem !default; 15 | 16 | $dropdown-toggle-arrow-transform: rotate(180deg) !default; 17 | $dropdown-toggle-arrow-transition: .3s ease !default; 18 | 19 | $dropdown-button-after-margin-top: 3px !default; 20 | 21 | $dropdown-animation-arrow-left-position: 28px !default; 22 | $dropup-animation-arrow-bottom-position: 22px !default; 23 | $dropdown-animation-arrow-font-size: 22px !default; 24 | $dropup-animation-arrow-transition: bottom .35s ease !default; 25 | $dropdown-animation-arrow-transition: top .35s ease !default; 26 | $dropup-mb: .5rem !default; 27 | 28 | $dropdown-mt: 2.8125rem !default; 29 | $dropdown-hover-after-bottom-pos: -24px !default; 30 | $dropdown-hover-after-bottom-pos: -24px !default; 31 | $dropdown-hover-arrow-active-top: -20px !default; 32 | 33 | $dropdown-subitem-position-right: -197px !default; 34 | $dropdown-subitem-left-hover: -8px !default; 35 | $dropdown-subitem-arrow-rotate: rotate(-90deg) !default; 36 | 37 | $dropdown-md-min-width: 15rem !default; 38 | $dropdown-lg-min-width: 23rem !default; 39 | $dropdown-lg-width-responsive: 19rem !default; 40 | $dropdown-xl-min-width: 40rem !default; 41 | 42 | $dropdown-subitem-position: 101% !default; 43 | 44 | 45 | // Extend 46 | $dropdown-subitem-position-right: -197px !default; 47 | $dropdown-subitem-left-hover: -8px !default; 48 | $dropdown-subitem-arrow-rotate: rotate(-90deg) !default; 49 | 50 | $dropdown-md-min-width: 15rem !default; 51 | $dropdown-lg-min-width: 23rem !default; 52 | $dropdown-lg-width-responsive: 19rem !default; 53 | $dropdown-xl-min-width: 40rem !default; 54 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_fixed-plugin.scss: -------------------------------------------------------------------------------- 1 | $fixed-plugin-bottom: 30px !default; 2 | $fixed-plugin-right: $fixed-plugin-bottom !default; 3 | $fixed-plugin-radius: 50% !default; 4 | $fixed-plugin-box-shadow: $navbar-box-shadow !default; 5 | $fixed-plugin-button-z-index: 990 !default; 6 | $fixed-plugin-card-z-index: 1020 !default; 7 | $fixed-plugin-card-width: 360px !default; 8 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_form-switch.scss: -------------------------------------------------------------------------------- 1 | $slider-dim: 15px !default; 2 | $slider-position: 2px !default; 3 | $moving-circle: translateX(21px) !default; 4 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_full-calendar.scss: -------------------------------------------------------------------------------- 1 | $fc-event-title-padding-y: .2rem !default; 2 | $fc-event-title-padding-x: .3rem !default; 3 | 4 | $fc-daygrid-event-border-radius: .35rem !default; 5 | 6 | $fc-theme-standard-dark-border-color: rgba($secondary, .3) !default; 7 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_header.scss: -------------------------------------------------------------------------------- 1 | $page-header-padding: 0 !default; 2 | $page-header-position: relative !default; 3 | $page-header-overflow: hidden !default; 4 | $page-header-display: flex !default; 5 | $page-header-align-items: center !default; 6 | $page-header-bg-size: cover !default; 7 | $page-header-bg-position: 50% !default; 8 | 9 | $mask-position: absolute !default; 10 | $mask-bg-size: cover !default; 11 | $mask-bg-position: center center !default; 12 | $mask-top: 0 !default; 13 | $mask-left: $mask-top !default; 14 | $mask-width: 100% !default; 15 | $mask-height: $mask-width !default; 16 | $mask-opacity: .8 !default; 17 | 18 | $page-header-conteiner-index: 1 !default; 19 | 20 | $header-video-top: 50% !default; 21 | $header-video-left: $header-video-top !default; 22 | $header-video-min-width: 100% !default; 23 | $header-video-min-height: $header-video-min-width !default; 24 | $header-video-min-transform: translateX(-50%) translateY(-50%) !default; 25 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_info-areas.scss: -------------------------------------------------------------------------------- 1 | $icon-shape-bg-image: linear-gradient(195deg,#7928CA,#FF0080) !default; 2 | $icon-shape-bg-position: center !default; 3 | 4 | $icon-striped-bg-md: 85px !default; 5 | $icon-striped-bg-lg: 111px !default; 6 | $icon-striped-bg-xl: 80px !default; 7 | 8 | $icon-striped-icon-mt: 25% !default; 9 | $icon-striped-icon-ml: -24% !default; 10 | 11 | $icon-shape-icon-opacity: .8 !default; 12 | $info-icon-top: 11px !default; 13 | $info-icon-top-xxs: -4px !default; 14 | $info-icon-top-xs: -1px !default; 15 | $info-icon-top-sm: 4px !default; 16 | $info-icon-top-md: 30% !default; 17 | $info-icon-top-lg: 31% !default; 18 | $info-icon-top-xl: 35% !default; 19 | $info-icon-position: relative !default; 20 | 21 | $icon-xxs-width: 20px !default; 22 | $icon-xxs-height: $icon-xxs-width !default; 23 | $icon-xs-width: 24px !default; 24 | $icon-xs-height: $icon-xs-width !default; 25 | $icon-sm-width: 32px !default; 26 | $icon-sm-height: $icon-sm-width !default; 27 | $icon-md-width: 48px !default; 28 | $icon-md-height: $icon-md-width !default; 29 | $icon-lg-width: 64px !default; 30 | $icon-lg-height: $icon-lg-width !default; 31 | $icon-xl-width: 100px !default; 32 | $icon-xl-height: $icon-xl-width !default; 33 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_misc-extend.scss: -------------------------------------------------------------------------------- 1 | // Text Border 2 | $text-border-bg-color: rgba($secondary,.5) !default; 3 | $text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default; 4 | $text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default; 5 | $text-border-display: inline-block !default; 6 | $text-border-width: 30% !default; 7 | $text-border-height: 1px !default; 8 | $text-border-position: relative !default; 9 | $text-border-vertical-align: middle !default; 10 | $text-border-before-right: .5em !default; 11 | $text-border-before-ml: -50% !default; 12 | $text-border-after-left: $text-border-before-right !default; 13 | $text-border-after-mr: $text-border-before-ml !default; 14 | 15 | 16 | // Header Shapes 17 | 18 | $shape-1-width: 55% !default; 19 | $shape-1-left: 15% !default; 20 | $shape-2-width: 35% !default; 21 | $shape-2-left: 20% !default; 22 | $shape-3-width: 50% !default; 23 | $shape-3-left: -28rem !default; 24 | 25 | $shape-img-1-right: 7% !default; 26 | $shape-img-1-width: 36% !default; 27 | $shape-img-1-margin-top: 12% !default; 28 | 29 | $shape-img-2-left: 24% !default; 30 | $shape-img-2-width: 27% !default; 31 | $shape-img-2-margin-top: 10% !default; 32 | 33 | // Comming Soon page 34 | 35 | $coming-rotate-transform: rotate(20deg) !default; 36 | 37 | 38 | // Tilt Animation 39 | 40 | $tilt-transform-style: preserve-3d !default; 41 | $tilt-transform-up-transform: translateZ(50px) scale(0.7) !default; 42 | $tilt-transform-up-transition: all 0.5s !default; 43 | 44 | // Round Slider 45 | 46 | $round-slider-m-width: 200px !default; 47 | $round-slider-scale-m-width: 300px !default; 48 | $round-slider-transition: all .5s ease-out 0s !default; 49 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_misc.scss: -------------------------------------------------------------------------------- 1 | // Horizontal Faded Line 2 | $hr-bg: transparent !default; 3 | $hr-transform: rotate(90deg) !default; 4 | $hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default; 5 | $hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default; 6 | 7 | 8 | // Gradient Animation 9 | $gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default; 10 | $gradient-animation-bg-size: 400% 400% !default; 11 | 12 | // Device Wrapper 13 | $device-wrapper-radius: 3.5rem !default; 14 | $device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default; 15 | $device-wrapper-animation: gradient 10s ease infinite !default; 16 | 17 | 18 | // Nav pills 19 | $nav-pills-link-border-radius: 0.5rem !default; 20 | $nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default; 21 | $nav-pills-link-active-padding: 7px 15px !default; 22 | $nav-pills-link-active-margin: 1px !default; 23 | $nav-pills-link-active-animation: .2s ease !default; 24 | 25 | // Table Progress 26 | 27 | $table-progress-width: 120px !default; 28 | $table-progress-height: 3px !default; 29 | $table-progress-margin: 0 !default; 30 | 31 | // Tooltip Arrow 32 | 33 | $tooltip-arrow-left: 1px !default; 34 | $tooltip-arrow-right: $tooltip-arrow-left !default; 35 | 36 | // Footer Link hover animation 37 | 38 | $footer-link-animation: opacity .3 ease !default; 39 | 40 | // Blur background 41 | 42 | $blur-light-background: rgba(255, 255, 255, 0.4) !default; 43 | $blur-dark-background: rgba(0, 0, 0, 0.3) !default; 44 | 45 | // HR w/ opacity 46 | 47 | $hr-bg-color: transparent !default; 48 | $hr-width: 1px !default; 49 | $hr-margin: .75rem 0 !default; 50 | $hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default; 51 | $hr-bg-color-light: #ffffff94 !default; 52 | $hr-bg-color-dark: #7b809a33 !default; 53 | 54 | // border right - pseudo 55 | 56 | $border-right-after-top: 3vh !default; 57 | $border-right-after-height: 70% !default; 58 | $border-right-after-width: 50% !default; 59 | $border-right-after-border-color: #dee2e6 !default; 60 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_navbar.scss: -------------------------------------------------------------------------------- 1 | // Navbar toggler icon on responsive styling 2 | 3 | $navbar-toggler-bar-display: block !default; 4 | $navbar-toggler-bar-position: relative !default; 5 | $navbar-toggler-bar-width: 22px !default; 6 | $navbar-toggler-bar-height: 1px !default; 7 | $navbar-toggler-bar-radius: 1px !default; 8 | $navbar-toggler-bar-transition: all 0.2s !default; 9 | $navbar-toggler-bar-margin-top: 7px !default; 10 | 11 | $navbar-toggler-bar-1-transform: rotate(45deg) !default; 12 | $navbar-toggler-bar-1-transform-origin: 10% 10% !default; 13 | $navbar-toggler-bar-1-margin-top: 4px !default; 14 | $navbar-toggler-bar-2-opacity: 0 !default; 15 | $navbar-toggler-bar-3-transform: rotate(-45deg) !default; 16 | $navbar-toggler-bar-3-transform-origin: 10% 90% !default; 17 | $navbar-toggler-bar-3-margin-top: 3px !default; 18 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | $pagination-active-box-shadow: $btn-hover-box-shadow !default; 4 | 5 | $page-link-display: flex !default; 6 | $page-link-align-items: center !default; 7 | $page-link-justify-content: $page-link-align-items !default; 8 | $page-link-margin: 0 3px !default; 9 | $page-link-radius: 50% !default; 10 | $page-link-width: 36px !default; 11 | $page-link-height: $page-link-width !default; 12 | 13 | $page-link-width-lg: 46px !default; 14 | $page-link-height-lg: $page-link-width-lg !default; 15 | $page-link-line-height-lg: $page-link-width-lg !default; 16 | 17 | $page-link-width-sm: 30px !default; 18 | $page-link-height-sm: $page-link-width-sm !default; 19 | $page-link-line-height-sm: $page-link-width-sm !default; 20 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_ripple.scss: -------------------------------------------------------------------------------- 1 | // RIPPLE Effect 2 | 3 | $ripple-position: relative !default; 4 | 5 | $ripple-container-position: absolute !default; 6 | $ripple-container-top: 0 !default; 7 | $ripple-container-left: $ripple-container-top !default; 8 | $ripple-container-z-index: 1 !default; 9 | $ripple-container-width: 100% !default; 10 | $ripple-container-height: $ripple-container-width !default; 11 | $ripple-container-overflow: hidden !default; 12 | $ripple-container-pointer: none !default; 13 | $ripple-container-radius: inherit !default; 14 | 15 | $ripple-decorator-position: $ripple-container-position !default; 16 | $ripple-decorator-width: 20px !default; 17 | $ripple-decorator-height: $ripple-decorator-width !default; 18 | $ripple-decorator-mt: -10px !default; 19 | $ripple-decorator-ml: $ripple-decorator-mt !default; 20 | $ripple-decorator-pointer: $ripple-container-pointer !default; 21 | $ripple-decorator-bg-color: rgba($black, 0.05) !default; 22 | $ripple-decorator-radius: 100% !default; 23 | $ripple-decorator-opacity: 0 !default; 24 | $ripple-decorator-transform: scale(1) !default; 25 | $ripple-decorator-transform-origin: 50% !default; 26 | 27 | $ripple-on-opacity: .1 !default; 28 | $ripple-on-transition: opacity 0.15s ease-in 0s, 29 | transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s !default; 30 | 31 | $ripple-out-opacity: 0 !default; 32 | $ripple-out-transition: opacity 0.1s linear 0s !default; 33 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_rtl.scss: -------------------------------------------------------------------------------- 1 | $timeline-step-transform-rtl: translateX(50%) !default; 2 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_social-buttons.scss: -------------------------------------------------------------------------------- 1 | // Social Buttons 2 | 3 | $facebook: #3b5998 !default; 4 | $facebook-states: darken($facebook, 5%) !default; 5 | $twitter: #55acee !default; 6 | $twitter-states: darken($twitter, 5%) !default; 7 | $instagram: #125688 !default; 8 | $instagram-states: darken($instagram, 6%) !default; 9 | $linkedin: #0077B5 !default; 10 | $linkedin-states: darken($linkedin, 5%) !default; 11 | $pinterest: #cc2127 !default; 12 | $pinterest-states: darken($pinterest, 6%) !default; 13 | $youtube: #e52d27 !default; 14 | $youtube-states: darken($youtube, 6%) !default; 15 | $dribbble: #ea4c89 !default; 16 | $dribbble-states: darken($dribbble, 6%) !default; 17 | $github: #24292E !default; 18 | $github-states: darken($github, 6%) !default; 19 | $reddit: #ff4500 !default; 20 | $reddit-states: darken($reddit, 6%) !default; 21 | $tumblr: #35465c !default; 22 | $tumblr-states: darken($tumblr, 6%) !default; 23 | $behance: #1769ff !default; 24 | $behance-states: darken($behance, 6%) !default; 25 | $vimeo: #1AB7EA !default; 26 | $vimeo-states: darken($vimeo, 6%) !default; 27 | $slack: #3aaf85 !default; 28 | $slack-states: darken($slack, 6%) !default; 29 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_table.scss: -------------------------------------------------------------------------------- 1 | $table-head-spacer-y: .75rem !default; 2 | $table-head-spacer-x: 1rem !default; 3 | $table-head-font-size: .65rem !default; 4 | $table-head-font-weight: $font-weight-bold !default; 5 | $table-head-text-transform: uppercase !default; 6 | $table-head-letter-spacing: 1px !default; 7 | $table-head-bg: $gray-100 !default; 8 | $table-head-color: $gray-600 !default; 9 | $table-action-color: $gray-500 !default; 10 | 11 | $table-body-font-size: .8125rem !default; 12 | 13 | $table-dark-bg: theme-color("default") !default; 14 | $table-dark-accent-bg: rgba($white, .05) !default; 15 | $table-dark-hover-bg: rgba($white, .075) !default; 16 | 17 | $table-dark-head-bg: lighten($dark, 4%) !default; 18 | $table-dark-head-color: lighten($dark, 35%) !default; 19 | $table-dark-action-color: lighten($dark, 35%) !default; 20 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_timeline.scss: -------------------------------------------------------------------------------- 1 | // Timeline 2 | 3 | $timeline-axis-width: 2px !default; 4 | $timeline-axis-color: #e5e5e5 !default; 5 | $timeline-axis-color-dark: #4a4a4a !default; 6 | $timeline-left: 1rem !default; 7 | 8 | $timeline-step-bg: $white !default; 9 | $timeline-step-width: 26px !default; 10 | $timeline-step-height: $timeline-step-width !default; 11 | $timeline-step-radius: 50% !default; 12 | $timeline-step-transform: translateX(-50%) !default; 13 | $timeline-step-line-height: 1.4 !default; 14 | 15 | $timeline-step-border-width: 2px !default; 16 | $timeline-step-border-color: $timeline-axis-color !default; 17 | 18 | $timeline-content-margin-left: 45px !default; 19 | $timeline-content-padding-top: .35rem !default; 20 | $timeline-content-top: -6px !default; 21 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_utilities-extend.scss: -------------------------------------------------------------------------------- 1 | // Colores Shadow on cards 2 | $colored-shadow-top: 3.5% !default; 3 | $colored-shadow-blur: 12px !default; 4 | $colored-shadow-scale: .94 !default; 5 | $colored-shadow-scale-avatar: .87 !default; 6 | 7 | // Card Projects 8 | $card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default; 9 | $card-project-avatar-transform: scale(.8) translateY(-45px) !default; 10 | $card-project-hover-transform: translateY(-2px) !default; 11 | 12 | // Transform Perspective effect 13 | $transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default; 14 | $transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default; 15 | 16 | // Z index 17 | $z-index2: 2 !default; 18 | 19 | // Width in PX 20 | $width-32-px: 32px !default; 21 | $width-48-px: 48px !default; 22 | $width-64-px: 64px !default; 23 | 24 | // Wizard variants 25 | $multistep-progress-primary-color: #f48aaa !default; 26 | $multistep-progress-success-color: #9ed1a0 !default; 27 | $multistep-progress-danger-color: #f79592 !default; 28 | $multistep-progress-warning-color: #ffc483 !default; 29 | $multistep-progress-info-color: #88d9e4 !default; 30 | $multistep-progress-dark-color: #848486 !default; 31 | $multistep-progress-secondary-color: #a4a9b2 !default; 32 | $multistep-progress-light-color: #ebeef1 !default; 33 | -------------------------------------------------------------------------------- /apps/static/assets/scss/material-kit/variables/_virtual-reality.scss: -------------------------------------------------------------------------------- 1 | $animation-name: fadeInBottom !default; 2 | $animation-mode: both !default; 3 | $animation-duration: 1.5s !default; 4 | $transform-scale: scale(0.6) !default; 5 | $position-left: 18% !default; 6 | -------------------------------------------------------------------------------- /apps/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/apps/static/favicon.ico -------------------------------------------------------------------------------- /apps/static/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 9 | 10 | https://django-dashboard-dattaable.appseed.us 11 | 1 12 | monthly 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /apps/templates/home/page-403.html: -------------------------------------------------------------------------------- 1 | {% extends "layouts/base-fullscreen.html" %} 2 | 3 | {% block title %} Page 403 {% endblock %} 4 | 5 | {% block body_class %} sign-in-basic {% endblock %} 6 | 7 | 8 | {% block stylesheets %}{% endblock stylesheets %} 9 | 10 | {% block content %} 11 | 12 | {% include 'includes/navigation-transparent.html' %} 13 | 14 |
15 | 16 |
17 |
18 |
19 |
20 |
21 |
22 |

23 | Error 403 24 |

25 |
26 | Access denied 27 |
28 |
29 |
30 |
31 |
32 |

33 | If the problem persists, please contact support. 34 |
35 |
36 | HOME 37 |

38 | 39 |
40 |
41 |
42 |
43 |
44 | 45 | {% include 'includes/footer-auth.html' %} 46 | 47 |
48 | 49 | {% endblock content %} 50 | 51 | 52 | {% block javascripts %}{% endblock javascripts %} 53 | -------------------------------------------------------------------------------- /apps/templates/home/page-404.html: -------------------------------------------------------------------------------- 1 | {% extends "layouts/base-fullscreen.html" %} 2 | 3 | {% block title %} Page 404 {% endblock %} 4 | 5 | {% block body_class %} sign-in-basic {% endblock %} 6 | 7 | 8 | {% block stylesheets %}{% endblock stylesheets %} 9 | 10 | {% block content %} 11 | 12 | {% include 'includes/navigation-transparent.html' %} 13 | 14 |
15 | 16 |
17 |
18 |
19 |
20 |
21 |
22 |

23 | Error 404 24 |

25 |
26 | Page Not Found 27 |
28 |
29 |
30 |
31 |
32 |

33 | If the problem persists, please contact support. 34 |
35 |
36 | HOME 37 |

38 | 39 |
40 |
41 |
42 |
43 |
44 | 45 | {% include 'includes/footer-auth.html' %} 46 | 47 |
48 | 49 | {% endblock content %} 50 | 51 | 52 | {% block javascripts %}{% endblock javascripts %} 53 | -------------------------------------------------------------------------------- /apps/templates/home/page-500.html: -------------------------------------------------------------------------------- 1 | {% extends "layouts/base-fullscreen.html" %} 2 | 3 | {% block title %} Page 500 {% endblock %} 4 | 5 | {% block body_class %} sign-in-basic {% endblock %} 6 | 7 | 8 | {% block stylesheets %}{% endblock stylesheets %} 9 | 10 | {% block content %} 11 | 12 | {% include 'includes/navigation-transparent.html' %} 13 | 14 |
15 | 16 |
17 |
18 |
19 |
20 |
21 |
22 |

23 | Error 500 24 |

25 |
26 | Server Error 27 |
28 |
29 |
30 |
31 |
32 |

33 | If the problem persists, please contact support. 34 |
35 |
36 | HOME 37 |

38 | 39 |
40 |
41 |
42 |
43 |
44 | 45 | {% include 'includes/footer-auth.html' %} 46 | 47 |
48 | 49 | {% endblock content %} 50 | 51 | 52 | {% block javascripts %}{% endblock javascripts %} 53 | -------------------------------------------------------------------------------- /apps/templates/home/template.html: -------------------------------------------------------------------------------- 1 | {% extends "layouts/base.html" %} 2 | 3 | {% block title %} Template Page {% endblock %} 4 | 5 | {% block body_class %} index-page {% endblock %} 6 | 7 | 8 | {% block stylesheets %}{% endblock stylesheets %} 9 | 10 | {% block content %} 11 | 12 | {% include 'includes/navigation-transparent.html' %} 13 | 14 |
15 | 16 |
17 |
18 |
19 |
20 |

Your title here

21 |

Subtitle

22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |

Your main section here

31 |
32 |
33 |
34 | 35 | {% endblock content %} 36 | 37 | 38 | {% block javascripts %}{% endblock javascripts %} 39 | -------------------------------------------------------------------------------- /apps/templates/includes/footer-auth.html: -------------------------------------------------------------------------------- 1 | 2 | 27 | -------------------------------------------------------------------------------- /apps/templates/includes/footer-components.html: -------------------------------------------------------------------------------- 1 | 2 | 53 | 54 | -------------------------------------------------------------------------------- /apps/templates/includes/scripts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /apps/templates/layouts/base-fullscreen.html: -------------------------------------------------------------------------------- 1 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | Django Material Kit 2 - {% block title %}{% endblock %} | AppSeed 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 41 | 42 | 43 | {% block stylesheets %}{% endblock stylesheets %} 44 | 45 | 46 | 47 | 48 | 49 |
50 | {% block content %}{% endblock content %} 51 |
52 | 53 | {% include 'includes/scripts.html' %} 54 | 55 | 56 | {% block javascripts %}{% endblock javascripts %} 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /apps/templates/layouts/base.html: -------------------------------------------------------------------------------- 1 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | Django Material Kit 2 - {% block title %}{% endblock %} | AppSeed 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 41 | 42 | 43 | {% block stylesheets %}{% endblock stylesheets %} 44 | 45 | 46 | 47 | 48 | 49 |
50 | {% block content %}{% endblock content %} 51 |
52 | 53 | {% include 'includes/footer.html' %} 54 | 55 | {% include 'includes/scripts.html' %} 56 | 57 | 58 | {% block javascripts %}{% endblock javascripts %} 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /core/__init__.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | -------------------------------------------------------------------------------- /core/asgi.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | import os 7 | 8 | from django.core.asgi import get_asgi_application 9 | 10 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings') 11 | 12 | application = get_asgi_application() 13 | -------------------------------------------------------------------------------- /core/staticfiles/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/app-generator/sample-django-htmlx-mkit/c271acbafae1d8a8ee41b384e451a4a23ef86fa8/core/staticfiles/.gitkeep -------------------------------------------------------------------------------- /core/urls.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | from django.contrib import admin 7 | from django.urls import path, include # add this 8 | 9 | urlpatterns = [ 10 | path('admin/', admin.site.urls), # Django admin route 11 | path("", include("apps.authentication.urls")), # Auth routes - login / register 12 | path("", include("apps.home.urls")) # UI Kits Html files 13 | ] 14 | -------------------------------------------------------------------------------- /core/wsgi.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | import os 7 | 8 | from django.core.wsgi import get_wsgi_application 9 | 10 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings') 11 | 12 | application = get_wsgi_application() 13 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: '3.8' 2 | services: 3 | appseed-app: 4 | container_name: appseed_app 5 | restart: always 6 | env_file: .env 7 | build: . 8 | networks: 9 | - db_network 10 | - web_network 11 | nginx: 12 | container_name: nginx 13 | restart: always 14 | image: "nginx:latest" 15 | ports: 16 | - "85:85" 17 | volumes: 18 | - ./nginx:/etc/nginx/conf.d 19 | networks: 20 | - web_network 21 | depends_on: 22 | - appseed-app 23 | networks: 24 | db_network: 25 | driver: bridge 26 | web_network: 27 | driver: bridge 28 | -------------------------------------------------------------------------------- /gunicorn-cfg.py: -------------------------------------------------------------------------------- 1 | # -*- encoding: utf-8 -*- 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | bind = '0.0.0.0:5005' 7 | workers = 1 8 | accesslog = '-' 9 | loglevel = 'debug' 10 | capture_output = True 11 | enable_stdio_inheritance = True 12 | -------------------------------------------------------------------------------- /manage.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | """ 3 | Copyright (c) 2019 - present AppSeed.us 4 | """ 5 | 6 | import os 7 | import sys 8 | 9 | def main(): 10 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings') 11 | try: 12 | from django.core.management import execute_from_command_line 13 | except ImportError as exc: 14 | raise ImportError( 15 | "Couldn't import Django. Are you sure it's installed and " 16 | "available on your PYTHONPATH environment variable? Did you " 17 | "forget to activate a virtual environment?" 18 | ) from exc 19 | execute_from_command_line(sys.argv) 20 | 21 | if __name__ == '__main__': 22 | main() 23 | -------------------------------------------------------------------------------- /nginx/appseed-app.conf: -------------------------------------------------------------------------------- 1 | upstream webapp { 2 | server appseed_app:5005; 3 | } 4 | 5 | server { 6 | listen 85; 7 | server_name localhost; 8 | 9 | location / { 10 | proxy_pass http://webapp; 11 | proxy_set_header Host $host; 12 | proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "django-material-kit", 3 | "mastertemplate": "boilerplate-code-django", 4 | "version": "1.0.2", 5 | "description": "Template project - Django Boilerplate Code", 6 | "scripts": {}, 7 | "repository": { 8 | "type": "git", 9 | "url": "https://github.com/app-generator/django-material-kit" 10 | }, 11 | "bugs": { 12 | "url": "https://github.com/app-generator/django-material-kit/issues", 13 | "email": "support@appseed.us" 14 | }, 15 | "author": "AppSeed App Generator (https://appseed.us)", 16 | "engines": { 17 | "node": ">=10.0.0" 18 | }, 19 | "dependencies": {}, 20 | "devDependencies": {} 21 | } -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | asgiref==3.4.1 2 | autopep8==1.6.0 3 | dj-database-url==0.5.0 4 | Django==3.2.11 5 | gunicorn==20.1.0 6 | pycodestyle==2.8.0 7 | python-decouple==3.5 8 | pytz==2021.3 9 | sqlparse==0.4.2 10 | toml==0.10.2 11 | Unipath==1.1 12 | whitenoise==5.3.0 13 | -------------------------------------------------------------------------------- /runtime.txt: -------------------------------------------------------------------------------- 1 | python-3.9 2 | --------------------------------------------------------------------------------