Compare commits
10 Commits
e29108f21d
...
b7ac923261
Author | SHA1 | Date | |
---|---|---|---|
b7ac923261 | |||
c3c377a4e2 | |||
d3d5e3a8e5 | |||
7cf3708e4d | |||
5b9386f970 | |||
d9c4cecd48 | |||
94496910d7 | |||
fb96676bb2 | |||
0a3b523e00 | |||
2711c0258d |
3
.gitignore
vendored
3
.gitignore
vendored
@ -2,4 +2,5 @@
|
|||||||
vendor
|
vendor
|
||||||
.env
|
.env
|
||||||
views_cache
|
views_cache
|
||||||
resources/upload
|
resources/upload
|
||||||
|
resources/tmp
|
@ -1,14 +1,13 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
namespace app\modules\tag;
|
namespace app\modules\module_shop;
|
||||||
|
|
||||||
use kernel\Module;
|
use kernel\Module;
|
||||||
use kernel\modules\menu\service\MenuService;
|
use kernel\modules\menu\service\MenuService;
|
||||||
use kernel\services\MigrationService;
|
use kernel\services\MigrationService;
|
||||||
|
|
||||||
class TagModule extends Module
|
class ModuleShopModule extends Module
|
||||||
{
|
{
|
||||||
|
|
||||||
public MenuService $menuService;
|
public MenuService $menuService;
|
||||||
public MigrationService $migrationService;
|
public MigrationService $migrationService;
|
||||||
public function __construct()
|
public function __construct()
|
||||||
@ -17,22 +16,19 @@ class TagModule extends Module
|
|||||||
$this->migrationService = new MigrationService();
|
$this->migrationService = new MigrationService();
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* @throws \Exception
|
|
||||||
*/
|
|
||||||
public function init(): void
|
public function init(): void
|
||||||
{
|
{
|
||||||
$this->migrationService->runAtPath("{KERNEL_APP_MODULES}/tag/migrations");
|
$this->migrationService->runAtPath("{APP}/modules/module_shop/migrations");
|
||||||
|
|
||||||
$this->menuService->createItem([
|
$this->menuService->createItem([
|
||||||
"label" => "Тэги",
|
"label" => "Магазин модулей",
|
||||||
"url" => "/admin/tag",
|
"url" => "/admin/module_shop",
|
||||||
"slug" => "tag",
|
"slug" => "module_shop",
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
public function deactivate(): void
|
public function deactivate(): void
|
||||||
{
|
{
|
||||||
$this->menuService->removeItemBySlug("tag");
|
$this->menuService->removeItemBySlug("module_shop");
|
||||||
}
|
}
|
||||||
}
|
}
|
25
app/modules/module_shop/controllers/ModuleShopController.php
Normal file
25
app/modules/module_shop/controllers/ModuleShopController.php
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace app\modules\module_shop\controllers;
|
||||||
|
|
||||||
|
use kernel\AdminController;
|
||||||
|
use kernel\app_modules\tag\services\TagService;
|
||||||
|
use kernel\services\ModuleService;
|
||||||
|
|
||||||
|
class ModuleShopController extends AdminController
|
||||||
|
{
|
||||||
|
protected ModuleService $moduleService;
|
||||||
|
|
||||||
|
protected function init(): void
|
||||||
|
{
|
||||||
|
parent::init();
|
||||||
|
$this->cgView->viewPath = KERNEL_APP_MODULES_DIR . "/module_shop/views/";
|
||||||
|
$this->moduleService = new ModuleService();
|
||||||
|
}
|
||||||
|
|
||||||
|
public function actionIndex($page_number): void
|
||||||
|
{
|
||||||
|
$this->cgView->render("index.php", ['page_number' => $page_number]);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
11
app/modules/module_shop/manifest.json
Normal file
11
app/modules/module_shop/manifest.json
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"name": "Магазин модулей",
|
||||||
|
"version": "0.1",
|
||||||
|
"author": "ITGuild",
|
||||||
|
"slug": "module_shop",
|
||||||
|
"description": "Магазин модулей для IGF",
|
||||||
|
"app_module_path": "{APP}/modules/{slug}",
|
||||||
|
"module_class": "app\\modules\\module_shop\\ModuleShopModule",
|
||||||
|
"routs": "routs/ms.php",
|
||||||
|
"dependence": "menu"
|
||||||
|
}
|
@ -0,0 +1,34 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration {
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
\kernel\App::$db->schema->create('module_shop', function (Blueprint $table) {
|
||||||
|
$table->increments('id');
|
||||||
|
$table->string("name", 255)->nullable(false);
|
||||||
|
$table->string("slug", 255)->nullable(false);
|
||||||
|
$table->text("description")->nullable(false);
|
||||||
|
$table->string("version", 255)->nullable(false);
|
||||||
|
$table->string("author", 255)->nullable(false);
|
||||||
|
$table->string("dependence", 255)->nullable(true);
|
||||||
|
$table->text("path_to_archive")->nullable(false);
|
||||||
|
$table->integer("status")->default(1);
|
||||||
|
$table->timestamps();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
\kernel\App::$db->schema->dropIfExists('module_shop');
|
||||||
|
}
|
||||||
|
};
|
41
app/modules/module_shop/models/ModuleShop.php
Normal file
41
app/modules/module_shop/models/ModuleShop.php
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace app\modules\module_shop\models;
|
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Model;
|
||||||
|
|
||||||
|
class ModuleShop extends Model
|
||||||
|
{
|
||||||
|
const DISABLE_STATUS = 0;
|
||||||
|
const ACTIVE_STATUS = 1;
|
||||||
|
|
||||||
|
protected $table = "module_shop";
|
||||||
|
|
||||||
|
protected $fillable = ['name', 'slug', 'version', 'description', 'author', 'status', 'path_to_archive', 'dependence'];
|
||||||
|
|
||||||
|
public static function labels(): array
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
'name' => 'Название',
|
||||||
|
'version' => 'Версия',
|
||||||
|
'description' => 'Описание',
|
||||||
|
'author' => 'Автор',
|
||||||
|
'status' => 'Статус',
|
||||||
|
'slug' => 'Slug',
|
||||||
|
'path_to_archive' => 'Путь к файлу модуля',
|
||||||
|
'dependence' => 'Зависимости',
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return string[]
|
||||||
|
*/
|
||||||
|
public static function getStatus(): array
|
||||||
|
{
|
||||||
|
return [
|
||||||
|
self::DISABLE_STATUS => "Не активный",
|
||||||
|
self::ACTIVE_STATUS => "Активный",
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
21
app/modules/module_shop/routs/ms.php
Normal file
21
app/modules/module_shop/routs/ms.php
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use kernel\App;
|
||||||
|
use kernel\CgRouteCollector;
|
||||||
|
|
||||||
|
App::$collector->group(["prefix" => "admin"], function (CgRouteCollector $router) {
|
||||||
|
App::$collector->group(["prefix" => "module_shop"], function (CgRouteCollector $router){
|
||||||
|
App::$collector->get('/', [\app\modules\module_shop\controllers\ModuleShopController::class, 'actionIndex']);
|
||||||
|
App::$collector->get('/page/{page_number}', [\app\modules\module_shop\controllers\ModuleShopController::class, 'actionIndex']);
|
||||||
|
// App::$collector->get('/create', [\kernel\modules\menu\controllers\MenuController::class, 'actionCreate']);
|
||||||
|
// App::$collector->post("/", [\kernel\modules\menu\controllers\MenuController::class, 'actionAdd']);
|
||||||
|
// App::$collector->get('/{id}', [\kernel\modules\menu\controllers\MenuController::class, 'actionView']);
|
||||||
|
// App::$collector->any('/update/{id}', [\kernel\modules\menu\controllers\MenuController::class, 'actionUpdate']);
|
||||||
|
// App::$collector->any("/edit/{id}", [\kernel\modules\menu\controllers\MenuController::class, 'actionEdit']);
|
||||||
|
// App::$collector->get('/delete/{id}', [\kernel\modules\menu\controllers\MenuController::class, 'actionDelete']);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
App::$collector->group(["prefix" => "api"], function (CgRouteCollector $router){
|
||||||
|
$router->rest("module_shop", [\app\modules\module_shop\controllers\ModuleShopController::class]);
|
||||||
|
});
|
@ -6,34 +6,21 @@
|
|||||||
|
|
||||||
use Itguild\EloquentTable\EloquentDataProvider;
|
use Itguild\EloquentTable\EloquentDataProvider;
|
||||||
use Itguild\EloquentTable\ListEloquentTable;
|
use Itguild\EloquentTable\ListEloquentTable;
|
||||||
use kernel\app_modules\tag\models\Tag;
|
|
||||||
use kernel\IGTabel\btn\PrimaryBtn;
|
use kernel\IGTabel\btn\PrimaryBtn;
|
||||||
use kernel\models\Menu;
|
use kernel\models\Menu;
|
||||||
use kernel\modules\menu\table\columns\MenuDeleteActionColumn;
|
use kernel\modules\menu\table\columns\MenuDeleteActionColumn;
|
||||||
use kernel\modules\menu\table\columns\MenuEditActionColumn;
|
use kernel\modules\menu\table\columns\MenuEditActionColumn;
|
||||||
use kernel\modules\menu\table\columns\MenuViewActionColumn;
|
use kernel\modules\menu\table\columns\MenuViewActionColumn;
|
||||||
|
|
||||||
$table = new ListEloquentTable(new EloquentDataProvider(Tag::class, [
|
$table = new ListEloquentTable(new EloquentDataProvider(\app\modules\module_shop\models\ModuleShop::class, [
|
||||||
'currentPage' => $page_number,
|
'currentPage' => $page_number,
|
||||||
'perPage' => 8,
|
'perPage' => 8,
|
||||||
'params' => ["class" => "table table-bordered", "border" => "2"],
|
'params' => ["class" => "table table-bordered", "border" => "2"],
|
||||||
'baseUrl' => "/admin/tag",
|
'baseUrl' => "/admin/settings/menu",
|
||||||
]));
|
]));
|
||||||
|
|
||||||
$table->beforePrint(function () {
|
$table->beforePrint(function () {
|
||||||
return PrimaryBtn::create("Создать", "/admin/tag/create")->fetch();
|
return PrimaryBtn::create("Создать", "/admin/module_shop/create")->fetch();
|
||||||
//return (new PrimaryBtn("Создать", "/admin/user/create"))->fetch();
|
//return (new PrimaryBtn("Создать", "/admin/user/create"))->fetch();
|
||||||
});
|
});
|
||||||
|
|
||||||
$table->columns([
|
|
||||||
"status" => [
|
|
||||||
"value" => function ($cell) {
|
|
||||||
return Tag::getStatus()[$cell];
|
|
||||||
}]
|
|
||||||
]);
|
|
||||||
|
|
||||||
$table->addAction(\kernel\IGTabel\action_column\ViewActionColumn::class);
|
|
||||||
$table->addAction(\kernel\IGTabel\action_column\DeleteActionColumn::class);
|
|
||||||
$table->addAction(\kernel\IGTabel\action_column\EditActionColumn::class);
|
|
||||||
$table->create();
|
$table->create();
|
||||||
$table->render();
|
$table->render();
|
@ -33,6 +33,7 @@ function getConst($text): array|false|string
|
|||||||
];
|
];
|
||||||
|
|
||||||
$str = $text;
|
$str = $text;
|
||||||
|
|
||||||
foreach($constStr as $key => $value)
|
foreach($constStr as $key => $value)
|
||||||
{
|
{
|
||||||
$str = str_replace($key, $value, $str);
|
$str = str_replace($key, $value, $str);
|
||||||
|
@ -14,7 +14,8 @@
|
|||||||
"itguild/forms": "^0.1.1",
|
"itguild/forms": "^0.1.1",
|
||||||
"samejack/php-argv": "dev-master",
|
"samejack/php-argv": "dev-master",
|
||||||
"itguild/eloquent-table": "^0.4.1",
|
"itguild/eloquent-table": "^0.4.1",
|
||||||
"ext-zip": "*"
|
"ext-zip": "*",
|
||||||
|
"josantonius/session": "^2.0"
|
||||||
},
|
},
|
||||||
"autoload": {
|
"autoload": {
|
||||||
"psr-4": {
|
"psr-4": {
|
||||||
|
107
composer.lock
generated
107
composer.lock
generated
@ -4,7 +4,7 @@
|
|||||||
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
|
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
|
||||||
"This file is @generated automatically"
|
"This file is @generated automatically"
|
||||||
],
|
],
|
||||||
"content-hash": "89f7ae78ea05c4cc22cc32f405d736ac",
|
"content-hash": "e4f9dc9c939855869a503f576ef50d53",
|
||||||
"packages": [
|
"packages": [
|
||||||
{
|
{
|
||||||
"name": "brick/math",
|
"name": "brick/math",
|
||||||
@ -337,16 +337,16 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "illuminate/collections",
|
"name": "illuminate/collections",
|
||||||
"version": "v11.24.1",
|
"version": "v11.27.2",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/illuminate/collections.git",
|
"url": "https://github.com/illuminate/collections.git",
|
||||||
"reference": "f205537e0ad131a1a87cb3cf04924e9edda4f2b1"
|
"reference": "4d333ea19a27230b424b9af56f34cd658b5bbce2"
|
||||||
},
|
},
|
||||||
"dist": {
|
"dist": {
|
||||||
"type": "zip",
|
"type": "zip",
|
||||||
"url": "https://api.github.com/repos/illuminate/collections/zipball/f205537e0ad131a1a87cb3cf04924e9edda4f2b1",
|
"url": "https://api.github.com/repos/illuminate/collections/zipball/4d333ea19a27230b424b9af56f34cd658b5bbce2",
|
||||||
"reference": "f205537e0ad131a1a87cb3cf04924e9edda4f2b1",
|
"reference": "4d333ea19a27230b424b9af56f34cd658b5bbce2",
|
||||||
"shasum": ""
|
"shasum": ""
|
||||||
},
|
},
|
||||||
"require": {
|
"require": {
|
||||||
@ -388,11 +388,11 @@
|
|||||||
"issues": "https://github.com/laravel/framework/issues",
|
"issues": "https://github.com/laravel/framework/issues",
|
||||||
"source": "https://github.com/laravel/framework"
|
"source": "https://github.com/laravel/framework"
|
||||||
},
|
},
|
||||||
"time": "2024-09-16T14:32:15+00:00"
|
"time": "2024-09-27T14:54:48+00:00"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "illuminate/conditionable",
|
"name": "illuminate/conditionable",
|
||||||
"version": "v11.24.1",
|
"version": "v11.27.2",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/illuminate/conditionable.git",
|
"url": "https://github.com/illuminate/conditionable.git",
|
||||||
@ -438,16 +438,16 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "illuminate/container",
|
"name": "illuminate/container",
|
||||||
"version": "v11.24.1",
|
"version": "v11.27.2",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/illuminate/container.git",
|
"url": "https://github.com/illuminate/container.git",
|
||||||
"reference": "d6aca7c315d68cb6807c139facd7ea134b4f5104"
|
"reference": "bc49d144a20b0d432e1ac812c9e056594b6c6480"
|
||||||
},
|
},
|
||||||
"dist": {
|
"dist": {
|
||||||
"type": "zip",
|
"type": "zip",
|
||||||
"url": "https://api.github.com/repos/illuminate/container/zipball/d6aca7c315d68cb6807c139facd7ea134b4f5104",
|
"url": "https://api.github.com/repos/illuminate/container/zipball/bc49d144a20b0d432e1ac812c9e056594b6c6480",
|
||||||
"reference": "d6aca7c315d68cb6807c139facd7ea134b4f5104",
|
"reference": "bc49d144a20b0d432e1ac812c9e056594b6c6480",
|
||||||
"shasum": ""
|
"shasum": ""
|
||||||
},
|
},
|
||||||
"require": {
|
"require": {
|
||||||
@ -485,11 +485,11 @@
|
|||||||
"issues": "https://github.com/laravel/framework/issues",
|
"issues": "https://github.com/laravel/framework/issues",
|
||||||
"source": "https://github.com/laravel/framework"
|
"source": "https://github.com/laravel/framework"
|
||||||
},
|
},
|
||||||
"time": "2024-09-20T12:51:05+00:00"
|
"time": "2024-10-08T13:34:53+00:00"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "illuminate/contracts",
|
"name": "illuminate/contracts",
|
||||||
"version": "v11.24.1",
|
"version": "v11.27.2",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/illuminate/contracts.git",
|
"url": "https://github.com/illuminate/contracts.git",
|
||||||
@ -672,7 +672,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "illuminate/macroable",
|
"name": "illuminate/macroable",
|
||||||
"version": "v11.24.1",
|
"version": "v11.27.2",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/illuminate/macroable.git",
|
"url": "https://github.com/illuminate/macroable.git",
|
||||||
@ -718,16 +718,16 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "illuminate/support",
|
"name": "illuminate/support",
|
||||||
"version": "v11.24.1",
|
"version": "v11.27.2",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/illuminate/support.git",
|
"url": "https://github.com/illuminate/support.git",
|
||||||
"reference": "f1bcdb2205223a70f01ec1750669689154037444"
|
"reference": "a567431e4820363d0bc28bdf14914ab16a2e63ef"
|
||||||
},
|
},
|
||||||
"dist": {
|
"dist": {
|
||||||
"type": "zip",
|
"type": "zip",
|
||||||
"url": "https://api.github.com/repos/illuminate/support/zipball/f1bcdb2205223a70f01ec1750669689154037444",
|
"url": "https://api.github.com/repos/illuminate/support/zipball/a567431e4820363d0bc28bdf14914ab16a2e63ef",
|
||||||
"reference": "f1bcdb2205223a70f01ec1750669689154037444",
|
"reference": "a567431e4820363d0bc28bdf14914ab16a2e63ef",
|
||||||
"shasum": ""
|
"shasum": ""
|
||||||
},
|
},
|
||||||
"require": {
|
"require": {
|
||||||
@ -790,7 +790,7 @@
|
|||||||
"issues": "https://github.com/laravel/framework/issues",
|
"issues": "https://github.com/laravel/framework/issues",
|
||||||
"source": "https://github.com/laravel/framework"
|
"source": "https://github.com/laravel/framework"
|
||||||
},
|
},
|
||||||
"time": "2024-09-17T15:56:18+00:00"
|
"time": "2024-10-08T18:54:07+00:00"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "itguild/eloquent-table",
|
"name": "itguild/eloquent-table",
|
||||||
@ -888,11 +888,11 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "itguild/tables",
|
"name": "itguild/tables",
|
||||||
"version": "1.0.7",
|
"version": "1.0.8",
|
||||||
"source": {
|
"source": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://git.itguild.info/ItGuild/tables",
|
"url": "https://git.itguild.info/ItGuild/tables",
|
||||||
"reference": "02a3e52b7d365c44a32b7580a2246d47ea032736"
|
"reference": "5f46431d4562d2b4d8bff43b446fef82ecf73b83"
|
||||||
},
|
},
|
||||||
"type": "library",
|
"type": "library",
|
||||||
"autoload": {
|
"autoload": {
|
||||||
@ -910,7 +910,70 @@
|
|||||||
"email": "apuc06@mail.ru"
|
"email": "apuc06@mail.ru"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"time": "2024-09-24T12:42:55+00:00"
|
"time": "2024-10-11T13:31:11+00:00"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "josantonius/session",
|
||||||
|
"version": "v2.0.9",
|
||||||
|
"source": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "https://github.com/josantonius/php-session.git",
|
||||||
|
"reference": "1547efc7874e83cf720a3df57575d61b3dee107a"
|
||||||
|
},
|
||||||
|
"dist": {
|
||||||
|
"type": "zip",
|
||||||
|
"url": "https://api.github.com/repos/josantonius/php-session/zipball/1547efc7874e83cf720a3df57575d61b3dee107a",
|
||||||
|
"reference": "1547efc7874e83cf720a3df57575d61b3dee107a",
|
||||||
|
"shasum": ""
|
||||||
|
},
|
||||||
|
"require": {
|
||||||
|
"php": "^8.0"
|
||||||
|
},
|
||||||
|
"require-dev": {
|
||||||
|
"phpmd/phpmd": "^2.12",
|
||||||
|
"phpunit/phpunit": "^9.5",
|
||||||
|
"squizlabs/php_codesniffer": "^3.7"
|
||||||
|
},
|
||||||
|
"type": "library",
|
||||||
|
"extra": {
|
||||||
|
"branch-alias": {
|
||||||
|
"dev-master": "1.0-dev"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"autoload": {
|
||||||
|
"psr-4": {
|
||||||
|
"Josantonius\\Session\\": "src/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"notification-url": "https://packagist.org/downloads/",
|
||||||
|
"license": [
|
||||||
|
"MIT"
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"name": "Josantonius",
|
||||||
|
"email": "hello@josantonius.dev",
|
||||||
|
"homepage": "https://josantonius.dev",
|
||||||
|
"role": "Developer"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"description": "PHP library for handling sessions.",
|
||||||
|
"keywords": [
|
||||||
|
"php",
|
||||||
|
"session"
|
||||||
|
],
|
||||||
|
"support": {
|
||||||
|
"discussions": "https://github.com/josantonius/php-session/discussions",
|
||||||
|
"issues": "https://github.com/josantonius/php-session/issues",
|
||||||
|
"source": "https://github.com/josantonius/php-session"
|
||||||
|
},
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"url": "https://github.com/Josantonius",
|
||||||
|
"type": "github"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"time": "2024-05-20T09:12:44+00:00"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "madesimple/php-arrays",
|
"name": "madesimple/php-arrays",
|
||||||
|
@ -14,7 +14,8 @@
|
|||||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
<link rel="stylesheet" href="<?=$resources?>/css/style.css">
|
<link rel="stylesheet" href="<?= $resources ?>/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="<?= $resources ?>/css/style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
@ -3,6 +3,7 @@
|
|||||||
* @var $content
|
* @var $content
|
||||||
* @var string $resources
|
* @var string $resources
|
||||||
*/
|
*/
|
||||||
|
\Josantonius\Session\Facades\Session::start();
|
||||||
?>
|
?>
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
@ -14,6 +15,7 @@
|
|||||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<link rel="stylesheet" href="<?= $resources ?>/css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="<?= $resources ?>/css/style.css">
|
<link rel="stylesheet" href="<?= $resources ?>/css/style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -68,7 +70,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
<?php if (\Josantonius\Session\Facades\Session::get("error", false)): ?>
|
||||||
|
<div class="alert alert-danger alert-dismissible" id="mainAlert">
|
||||||
|
<?= \Josantonius\Session\Facades\Session::get("error"); ?>
|
||||||
|
<?php \Josantonius\Session\Facades\Session::remove("error"); ?>
|
||||||
|
<button type="button" class="btn-close" id="closeAlertBtn"></button>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
<?= $content ?>
|
<?= $content ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -84,7 +84,7 @@ class AdminConsoleController extends ConsoleController
|
|||||||
|
|
||||||
$this->menuService->createItem([
|
$this->menuService->createItem([
|
||||||
"label" => "Настройки",
|
"label" => "Настройки",
|
||||||
"url" => "/admin/settings",
|
"url" => "#",
|
||||||
"slug" => "settings",
|
"slug" => "settings",
|
||||||
]);
|
]);
|
||||||
$this->out->r("create item menu settings", "green");
|
$this->out->r("create item menu settings", "green");
|
||||||
|
37
kernel/console/controllers/KernelController.php
Normal file
37
kernel/console/controllers/KernelController.php
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace kernel\console\controllers;
|
||||||
|
|
||||||
|
use kernel\console\ConsoleController;
|
||||||
|
use kernel\helpers\Files;
|
||||||
|
use kernel\services\KernelService;
|
||||||
|
|
||||||
|
class KernelController extends ConsoleController
|
||||||
|
{
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @throws \Exception
|
||||||
|
*/
|
||||||
|
public function actionPackKernel(): void
|
||||||
|
{
|
||||||
|
if (!isset($this->argv['path'])) {
|
||||||
|
throw new \Exception('Missing kernel path "--path" specified');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (file_exists(ROOT_DIR . $this->argv['path'])) {
|
||||||
|
|
||||||
|
$tmpKernelDirFull = RESOURCES_DIR . '/tmp/ad/kernel/';
|
||||||
|
|
||||||
|
$fileHelper = new Files();
|
||||||
|
$fileHelper->copy_folder(KERNEL_DIR, $tmpKernelDirFull);
|
||||||
|
|
||||||
|
$fileHelper->pack($tmpKernelDirFull, RESOURCES_DIR . '/tmp/kernel/kernel.itguild');
|
||||||
|
|
||||||
|
$fileHelper->recursiveRemoveDir($tmpKernelDirFull);
|
||||||
|
$this->out->r("Ядро заархивировано", 'green');
|
||||||
|
} else {
|
||||||
|
$this->out->r("Ядро не найдено", 'red');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -28,3 +28,10 @@ App::$collector->group(["prefix" => "module"], callback: function (RouteCollecto
|
|||||||
App::$collector->console('update', [\kernel\console\controllers\ModuleController::class, 'actionUpdateModule']);
|
App::$collector->console('update', [\kernel\console\controllers\ModuleController::class, 'actionUpdateModule']);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
App::$collector->group(["prefix" => "kernel"], callback: function (RouteCollector $router){
|
||||||
|
// App::$collector->console('install', [\kernel\console\controllers\ModuleController::class, 'actionInstallModule']);
|
||||||
|
// App::$collector->console('uninstall', [\kernel\console\controllers\ModuleController::class, 'actionUninstallModule']);
|
||||||
|
App::$collector->console('pack', [\kernel\console\controllers\KernelController::class, 'actionPackKernel']);
|
||||||
|
App::$collector->console('update', [\kernel\console\controllers\KernelController::class, 'actionUpdateKernel']);
|
||||||
|
});
|
||||||
|
|
||||||
|
@ -3,6 +3,7 @@
|
|||||||
namespace kernel\controllers;
|
namespace kernel\controllers;
|
||||||
|
|
||||||
use DirectoryIterator;
|
use DirectoryIterator;
|
||||||
|
use Josantonius\Session\Facades\Session;
|
||||||
use kernel\AdminController;
|
use kernel\AdminController;
|
||||||
use kernel\helpers\Debug;
|
use kernel\helpers\Debug;
|
||||||
use kernel\models\Option;
|
use kernel\models\Option;
|
||||||
@ -22,20 +23,21 @@ class ModuleController extends AdminController
|
|||||||
$this->moduleService = new ModuleService();
|
$this->moduleService = new ModuleService();
|
||||||
}
|
}
|
||||||
|
|
||||||
public function actionIndex(): void
|
public function actionIndex($page_number = 1): void
|
||||||
{
|
{
|
||||||
$admin_theme_paths = Option::where("key", "module_paths")->first();
|
$per_page = 8;
|
||||||
|
$module_paths = Option::where("key", "module_paths")->first();
|
||||||
$dirs = [];
|
$dirs = [];
|
||||||
if ($admin_theme_paths){
|
if ($module_paths){
|
||||||
$path = json_decode($admin_theme_paths->value);
|
$path = json_decode($module_paths->value);
|
||||||
foreach ($path->paths as $p){
|
foreach ($path->paths as $p){
|
||||||
$dirs[] = getConst($p);
|
$dirs[] = getConst($p);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$modules_info = [];
|
$modules_info = [];
|
||||||
|
$i = 1;
|
||||||
foreach ($dirs as $dir){
|
foreach ($dirs as $dir){
|
||||||
$i = 1;
|
|
||||||
foreach (new DirectoryIterator($dir) as $fileInfo) {
|
foreach (new DirectoryIterator($dir) as $fileInfo) {
|
||||||
$info = [];
|
$info = [];
|
||||||
if($fileInfo->isDot()) continue;
|
if($fileInfo->isDot()) continue;
|
||||||
@ -44,14 +46,40 @@ class ModuleController extends AdminController
|
|||||||
$i++;
|
$i++;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
$module_count = count($modules_info);
|
||||||
$this->cgView->render("index.php", ['modules_info' => $modules_info, 'moduleService' => $this->moduleService]);
|
$modules_info = array_slice($modules_info, $per_page*($page_number-1), $per_page);
|
||||||
|
$this->cgView->render("index.php", [
|
||||||
|
'modules_info' => $modules_info,
|
||||||
|
'moduleService' => $this->moduleService,
|
||||||
|
'page_number' => $page_number,
|
||||||
|
'module_count' => $module_count,
|
||||||
|
'per_page' => $per_page,
|
||||||
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
public function actionActivate(): void
|
public function actionActivate(): void
|
||||||
{
|
{
|
||||||
$request = new Request();
|
$request = new Request();
|
||||||
$this->moduleService->toggleModule($request->get("slug"));
|
$active_res = $this->moduleService->setActiveModule($request->get("slug"));
|
||||||
|
if (!$active_res){
|
||||||
|
Session::start();
|
||||||
|
Session::set("error", implode(";", $this->moduleService->getErrors()));
|
||||||
|
$this->redirect("/admin", 302);
|
||||||
|
}
|
||||||
|
$mod_info = $this->moduleService->getModuleInfoBySlug($request->get('slug'));
|
||||||
|
|
||||||
|
$this->cgView->render("view.php", ['data' => $mod_info]);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function actionDeactivate(): void
|
||||||
|
{
|
||||||
|
$request = new Request();
|
||||||
|
$active_res = $this->moduleService->deactivateModule($request->get("slug"));
|
||||||
|
if (!$active_res){
|
||||||
|
Session::start();
|
||||||
|
Session::set("error", implode(";", $this->moduleService->getErrors()));
|
||||||
|
$this->redirect("/admin", 302);
|
||||||
|
}
|
||||||
$mod_info = $this->moduleService->getModuleInfoBySlug($request->get('slug'));
|
$mod_info = $this->moduleService->getModuleInfoBySlug($request->get('slug'));
|
||||||
|
|
||||||
$this->cgView->render("view.php", ['data' => $mod_info]);
|
$this->cgView->render("view.php", ['data' => $mod_info]);
|
||||||
@ -65,4 +93,18 @@ class ModuleController extends AdminController
|
|||||||
$this->cgView->render("view.php", ['data' => $mod_info]);
|
$this->cgView->render("view.php", ['data' => $mod_info]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function actionUpdate(): void
|
||||||
|
{
|
||||||
|
$request = new Request();
|
||||||
|
$active_res = $this->moduleService->updateModule($request->get("slug"));
|
||||||
|
if (!$active_res){
|
||||||
|
Session::start();
|
||||||
|
Session::set("error", implode(";", $this->moduleService->getErrors()));
|
||||||
|
$this->redirect("/admin", 302);
|
||||||
|
}
|
||||||
|
$mod_info = $this->moduleService->getModuleInfoBySlug($request->get('slug'));
|
||||||
|
|
||||||
|
$this->cgView->render("view.php", ['data' => $mod_info]);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -19,7 +19,7 @@ class Files
|
|||||||
|
|
||||||
$d = dir($d1);
|
$d = dir($d1);
|
||||||
while (false !== ($entry = $d->read())) {
|
while (false !== ($entry = $d->read())) {
|
||||||
if ($entry != '.' && $entry != '..') {
|
if ($entry != '.' && $entry != '..' && $entry != 'app_modules') {
|
||||||
$this->copy_folder("$d1/$entry", "$d2/$entry");
|
$this->copy_folder("$d1/$entry", "$d2/$entry");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -47,9 +47,6 @@ class Files
|
|||||||
{
|
{
|
||||||
$zip = new ZipArchive();
|
$zip = new ZipArchive();
|
||||||
$zip->open($destination, ZipArchive::CREATE | ZipArchive::OVERWRITE);
|
$zip->open($destination, ZipArchive::CREATE | ZipArchive::OVERWRITE);
|
||||||
// if ($include_source) {
|
|
||||||
// $zip->addEmptyDir(basename($source));
|
|
||||||
// }
|
|
||||||
|
|
||||||
if (is_file($source)) {
|
if (is_file($source)) {
|
||||||
$zip->addFile(basename($source));
|
$zip->addFile(basename($source));
|
||||||
@ -68,8 +65,7 @@ class Files
|
|||||||
|
|
||||||
foreach ($includes as $include) {
|
foreach ($includes as $include) {
|
||||||
if(is_dir($include)) {
|
if(is_dir($include)) {
|
||||||
// $folder .= '/' . $include->getFilename() . '/';
|
if ($include->getFilename() === 'app_modules') continue;
|
||||||
// $this->recursiveAddFile($zip, $include, $folder);
|
|
||||||
|
|
||||||
$tmpFolder = $folder . '/' . $include->getFilename() . '/';
|
$tmpFolder = $folder . '/' . $include->getFilename() . '/';
|
||||||
$this->recursiveAddFile($zip, $include, $tmpFolder);
|
$this->recursiveAddFile($zip, $include, $tmpFolder);
|
||||||
|
@ -7,5 +7,6 @@
|
|||||||
"module_class": "kernel\\modules\\post\\PostModule",
|
"module_class": "kernel\\modules\\post\\PostModule",
|
||||||
"module_class_file": "{KERNEL_MODULES}/post/PostModule.php",
|
"module_class_file": "{KERNEL_MODULES}/post/PostModule.php",
|
||||||
"routs": "routs/post.php",
|
"routs": "routs/post.php",
|
||||||
"migration_path": "migrations"
|
"migration_path": "migrations",
|
||||||
|
"dependence": "user,menu"
|
||||||
}
|
}
|
@ -6,5 +6,6 @@
|
|||||||
"description": "User module",
|
"description": "User module",
|
||||||
"module_class": "kernel\\modules\\user\\UserModule",
|
"module_class": "kernel\\modules\\user\\UserModule",
|
||||||
"module_class_file": "{KERNEL_MODULES}/user/UserModule.php",
|
"module_class_file": "{KERNEL_MODULES}/user/UserModule.php",
|
||||||
"routs": "routs/user.php"
|
"routs": "routs/user.php",
|
||||||
|
"dependence": "menu"
|
||||||
}
|
}
|
@ -8,8 +8,11 @@ App::$collector->group(["prefix" => "admin"], function (RouteCollector $router){
|
|||||||
App::$collector->group(["before" => "auth"], function (RouteCollector $router){
|
App::$collector->group(["before" => "auth"], function (RouteCollector $router){
|
||||||
App::$collector->group(["prefix" => "module"], function (RouteCollector $router){
|
App::$collector->group(["prefix" => "module"], function (RouteCollector $router){
|
||||||
App::$collector->get('/', [\kernel\controllers\ModuleController::class, 'actionIndex']);
|
App::$collector->get('/', [\kernel\controllers\ModuleController::class, 'actionIndex']);
|
||||||
|
App::$collector->get('/page/{page_number}', [\kernel\controllers\ModuleController::class, 'actionIndex']);
|
||||||
App::$collector->get('/activate', [\kernel\controllers\ModuleController::class, 'actionActivate']);
|
App::$collector->get('/activate', [\kernel\controllers\ModuleController::class, 'actionActivate']);
|
||||||
|
App::$collector->get('/deactivate', [\kernel\controllers\ModuleController::class, 'actionDeactivate']);
|
||||||
App::$collector->get('/view', [\kernel\controllers\ModuleController::class, 'actionView']);
|
App::$collector->get('/view', [\kernel\controllers\ModuleController::class, 'actionView']);
|
||||||
|
App::$collector->get('/update', [\kernel\controllers\ModuleController::class, 'actionUpdate']);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
@ -3,7 +3,6 @@
|
|||||||
namespace kernel\services;
|
namespace kernel\services;
|
||||||
|
|
||||||
use DirectoryIterator;
|
use DirectoryIterator;
|
||||||
use kernel\console\Out;
|
|
||||||
use kernel\helpers\Debug;
|
use kernel\helpers\Debug;
|
||||||
use kernel\helpers\Files;
|
use kernel\helpers\Files;
|
||||||
use kernel\helpers\Manifest;
|
use kernel\helpers\Manifest;
|
||||||
@ -12,7 +11,12 @@ use ZipArchive;
|
|||||||
|
|
||||||
class ModuleService
|
class ModuleService
|
||||||
{
|
{
|
||||||
|
protected array $errors = [];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $module
|
||||||
|
* @return false|array|string
|
||||||
|
*/
|
||||||
public function getModuleInfo(string $module): false|array|string
|
public function getModuleInfo(string $module): false|array|string
|
||||||
{
|
{
|
||||||
$info = [];
|
$info = [];
|
||||||
@ -27,11 +31,36 @@ class ModuleService
|
|||||||
return $info;
|
return $info;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
|
public function getErrors(): array
|
||||||
|
{
|
||||||
|
return $this->errors;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $msg
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
|
public function addError($msg): void
|
||||||
|
{
|
||||||
|
$this->errors[] = $msg;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $slug
|
||||||
|
* @return false|array|string
|
||||||
|
*/
|
||||||
public function getModuleInfoBySlug(string $slug): false|array|string
|
public function getModuleInfoBySlug(string $slug): false|array|string
|
||||||
{
|
{
|
||||||
return $this->getModuleInfo($this->getModuleDir($slug));
|
return $this->getModuleInfo($this->getModuleDir($slug));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $slug
|
||||||
|
* @return bool
|
||||||
|
*/
|
||||||
public function isActive(string $slug): bool
|
public function isActive(string $slug): bool
|
||||||
{
|
{
|
||||||
$active_modules = Option::where("key", "active_modules")->first();
|
$active_modules = Option::where("key", "active_modules")->first();
|
||||||
@ -47,20 +76,88 @@ class ModuleService
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $module
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
public function toggleModule(string $module): void
|
public function toggleModule(string $module): void
|
||||||
{
|
{
|
||||||
$active_modules = Option::where("key", "active_modules")->first();
|
$active_modules_info = Option::where("key", "active_modules")->first();
|
||||||
$path = json_decode($active_modules->value);
|
$active_modules = json_decode($active_modules_info->value);
|
||||||
if (in_array($module, $path->modules)) {
|
if (in_array($module, $active_modules->modules)) {
|
||||||
unset($path->modules[array_search($module, $path->modules)]);
|
$this->deactivateModule($module);
|
||||||
$path->modules = array_values($path->modules);
|
|
||||||
$this->runDeactivateScript($this->getModuleInfoBySlug($module));
|
|
||||||
} else {
|
} else {
|
||||||
$path->modules[] = $module;
|
$this->setActiveModule($module);
|
||||||
$this->runInitScript($this->getModuleInfoBySlug($module));
|
|
||||||
}
|
}
|
||||||
$active_modules->value = json_encode($path, JSON_UNESCAPED_UNICODE);
|
}
|
||||||
$active_modules->save();
|
|
||||||
|
/**
|
||||||
|
* @param string $module
|
||||||
|
* @return bool
|
||||||
|
*/
|
||||||
|
public function setActiveModule(string $module): bool
|
||||||
|
{
|
||||||
|
$active_modules_info = Option::where("key", "active_modules")->first();
|
||||||
|
$active_modules = json_decode($active_modules_info->value);
|
||||||
|
if (in_array($module, $active_modules->modules)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
$module_info = $this->getModuleInfoBySlug($module);
|
||||||
|
if (isset($module_info['dependence'])) {
|
||||||
|
$dependence_array = explode(',', $module_info['dependence']);
|
||||||
|
foreach ($dependence_array as $depend) {
|
||||||
|
if (!in_array($depend, $active_modules->modules)) {
|
||||||
|
$this->addError("first activate the $depend module");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$active_modules->modules[] = $module;
|
||||||
|
$this->runInitScript($this->getModuleInfoBySlug($module));
|
||||||
|
|
||||||
|
$active_modules_info->value = json_encode($active_modules, JSON_UNESCAPED_UNICODE);
|
||||||
|
$active_modules_info->save();
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $module
|
||||||
|
* @return bool
|
||||||
|
*/
|
||||||
|
public function deactivateModule(string $module): bool
|
||||||
|
{
|
||||||
|
$active_modules_info = Option::where("key", "active_modules")->first();
|
||||||
|
$active_modules = json_decode($active_modules_info->value);
|
||||||
|
if (!in_array($module, $active_modules->modules)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
$dependence_array = $this->getDependencies();
|
||||||
|
$str_for_exception = '';
|
||||||
|
foreach ($dependence_array as $mod => $depend) {
|
||||||
|
if (in_array($module, $depend)) {
|
||||||
|
if ($str_for_exception !== '') {
|
||||||
|
$str_for_exception .= ', ';
|
||||||
|
}
|
||||||
|
$str_for_exception .= $mod;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($str_for_exception !== '') {
|
||||||
|
$this->addError("You can not deactivate $module module. First deactivate modules: $str_for_exception");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
unset($active_modules->modules[array_search($module, $active_modules->modules)]);
|
||||||
|
$active_modules->modules = array_values($active_modules->modules);
|
||||||
|
$this->runDeactivateScript($this->getModuleInfoBySlug($module));
|
||||||
|
|
||||||
|
$active_modules_info->value = json_encode($active_modules, JSON_UNESCAPED_UNICODE);
|
||||||
|
$active_modules_info->save();
|
||||||
|
|
||||||
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function getModuleDir(string $slug)
|
public function getModuleDir(string $slug)
|
||||||
@ -84,6 +181,10 @@ class ModuleService
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $mod_info
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
public function runInitScript($mod_info): void
|
public function runInitScript($mod_info): void
|
||||||
{
|
{
|
||||||
if (isset($mod_info['module_class'])){
|
if (isset($mod_info['module_class'])){
|
||||||
@ -95,6 +196,10 @@ class ModuleService
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $mod_info
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
public function runDeactivateScript($mod_info): void
|
public function runDeactivateScript($mod_info): void
|
||||||
{
|
{
|
||||||
if (isset($mod_info['module_class'])){
|
if (isset($mod_info['module_class'])){
|
||||||
@ -106,6 +211,9 @@ class ModuleService
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
public function getActiveModules(): array
|
public function getActiveModules(): array
|
||||||
{
|
{
|
||||||
$modules = [];
|
$modules = [];
|
||||||
@ -131,6 +239,9 @@ class ModuleService
|
|||||||
return $modules;
|
return $modules;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
public function getModulesRouts(): array
|
public function getModulesRouts(): array
|
||||||
{
|
{
|
||||||
$routs = [];
|
$routs = [];
|
||||||
@ -144,6 +255,9 @@ class ModuleService
|
|||||||
return $routs;
|
return $routs;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
public function getModulesMigrationsPaths(): array
|
public function getModulesMigrationsPaths(): array
|
||||||
{
|
{
|
||||||
$migrationsPaths = [];
|
$migrationsPaths = [];
|
||||||
@ -158,9 +272,10 @@ class ModuleService
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @throws \Exception
|
* @param string $path
|
||||||
|
* @return bool
|
||||||
*/
|
*/
|
||||||
public function installModule(string $path): void
|
public function installModule(string $path): bool
|
||||||
{
|
{
|
||||||
$zip = new ZipArchive;
|
$zip = new ZipArchive;
|
||||||
$tmpModuleDir = md5(time());
|
$tmpModuleDir = md5(time());
|
||||||
@ -169,21 +284,18 @@ class ModuleService
|
|||||||
$tmpModuleDirFull = RESOURCES_DIR . '/tmp/ad/' . $tmpModuleDir . "/";
|
$tmpModuleDirFull = RESOURCES_DIR . '/tmp/ad/' . $tmpModuleDir . "/";
|
||||||
$zip->extractTo($tmpModuleDirFull);
|
$zip->extractTo($tmpModuleDirFull);
|
||||||
$zip->close();
|
$zip->close();
|
||||||
// $out->out->r('Архив распакован', 'green');
|
|
||||||
// } else {
|
|
||||||
// $this->out->r('Message: Ошибка чтения архива', 'red');
|
|
||||||
} else {
|
} else {
|
||||||
$zip->close();
|
$this->addError('unable to open zip archive');
|
||||||
throw new \Exception("unable to open zip archive");
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!file_exists($tmpModuleDirFull . "/app/manifest.json")) {
|
if (!file_exists($tmpModuleDirFull . "/app/manifest.json")) {
|
||||||
throw new \Exception('manifest.json not found');
|
$this->addError('manifest.json not found');
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
$manifestJson = getConst(file_get_contents($tmpModuleDirFull . "/app/manifest.json"));
|
$manifestJson = getConst(file_get_contents($tmpModuleDirFull . "/app/manifest.json"));
|
||||||
$manifest = Manifest::getWithVars($manifestJson);
|
$manifest = Manifest::getWithVars($manifestJson);
|
||||||
// $this->out->r('manifest.json инициализирован', 'green');
|
|
||||||
|
|
||||||
$fileHelper = new Files();
|
$fileHelper = new Files();
|
||||||
$fileHelper->copy_folder($tmpModuleDirFull . '/app', $manifest['app_module_path']);
|
$fileHelper->copy_folder($tmpModuleDirFull . '/app', $manifest['app_module_path']);
|
||||||
@ -193,19 +305,22 @@ class ModuleService
|
|||||||
$fileHelper->copy_folder($tmpModuleDirFull . '/kernel', KERNEL_APP_MODULES_DIR . '/' . $manifest['slug']);
|
$fileHelper->copy_folder($tmpModuleDirFull . '/kernel', KERNEL_APP_MODULES_DIR . '/' . $manifest['slug']);
|
||||||
}
|
}
|
||||||
|
|
||||||
// $this->out->r("Удаляем временные файлы", 'green');
|
|
||||||
$fileHelper->recursiveRemoveDir($tmpModuleDirFull);
|
$fileHelper->recursiveRemoveDir($tmpModuleDirFull);
|
||||||
var_dump($tmpModuleDirFull);
|
var_dump($tmpModuleDirFull);
|
||||||
|
|
||||||
// $this->out->r("Модуль " . $manifest['name'] . " установлен", 'green');
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $path
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
public function uninstallModule(string $path): void
|
public function uninstallModule(string $path): void
|
||||||
{
|
{
|
||||||
$moduleInfo = $this->getModuleInfo(APP_DIR . '/modules/' . basename($path));
|
$moduleInfo = $this->getModuleInfo(APP_DIR . '/modules/' . basename($path));
|
||||||
|
|
||||||
if ($this->isActive($moduleInfo['slug'])) {
|
if ($this->isActive($moduleInfo['slug'])) {
|
||||||
$this->toggleModule($moduleInfo['slug']);
|
$this->deactivateModule($moduleInfo['slug']);
|
||||||
}
|
}
|
||||||
|
|
||||||
$fileHelper = new Files();
|
$fileHelper = new Files();
|
||||||
@ -217,6 +332,10 @@ class ModuleService
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $path
|
||||||
|
* @return void
|
||||||
|
*/
|
||||||
public function packModule(string $path): void
|
public function packModule(string $path): void
|
||||||
{
|
{
|
||||||
$moduleName = basename($path);
|
$moduleName = basename($path);
|
||||||
@ -227,20 +346,16 @@ class ModuleService
|
|||||||
$fileHelper->copy_folder(APP_DIR . '/modules/' . $moduleName, $tmpModuleDirFull . 'app/');
|
$fileHelper->copy_folder(APP_DIR . '/modules/' . $moduleName, $tmpModuleDirFull . 'app/');
|
||||||
$fileHelper->copy_folder(KERNEL_APP_MODULES_DIR . '/' . $moduleName, $tmpModuleDirFull . 'kernel/');
|
$fileHelper->copy_folder(KERNEL_APP_MODULES_DIR . '/' . $moduleName, $tmpModuleDirFull . 'kernel/');
|
||||||
|
|
||||||
// $this->out->r("Модуль собран во временную папку", 'green');
|
|
||||||
|
|
||||||
$fileHelper->pack($tmpModuleDirFull, RESOURCES_DIR . '/tmp/modules/' . $moduleName . '.itguild');
|
$fileHelper->pack($tmpModuleDirFull, RESOURCES_DIR . '/tmp/modules/' . $moduleName . '.itguild');
|
||||||
|
|
||||||
// $this->out->r("Архив создан", 'green');
|
|
||||||
$fileHelper->recursiveRemoveDir($tmpModuleDirFull);
|
$fileHelper->recursiveRemoveDir($tmpModuleDirFull);
|
||||||
|
|
||||||
// $this->out->r("Временная папка удалена", 'green');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @throws \Exception
|
* @param string $path
|
||||||
|
* @return bool
|
||||||
*/
|
*/
|
||||||
public function updateModule(string $path): void
|
public function updateModule(string $path): bool
|
||||||
{
|
{
|
||||||
$zip = new ZipArchive;
|
$zip = new ZipArchive;
|
||||||
$tmpModuleDir = md5(time());
|
$tmpModuleDir = md5(time());
|
||||||
@ -249,21 +364,18 @@ class ModuleService
|
|||||||
$tmpModuleDirFull = RESOURCES_DIR . '/tmp/ad/' . $tmpModuleDir . "/";
|
$tmpModuleDirFull = RESOURCES_DIR . '/tmp/ad/' . $tmpModuleDir . "/";
|
||||||
$zip->extractTo($tmpModuleDirFull);
|
$zip->extractTo($tmpModuleDirFull);
|
||||||
$zip->close();
|
$zip->close();
|
||||||
// $out->out->r('Архив распакован', 'green');
|
|
||||||
// } else {
|
|
||||||
// $this->out->r('Message: Ошибка чтения архива', 'red');
|
|
||||||
} else {
|
} else {
|
||||||
$zip->close();
|
$this->addError('unable to open zip archive');
|
||||||
throw new \Exception("unable to open zip archive");
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!file_exists($tmpModuleDirFull . "/app/manifest.json")) {
|
if (!file_exists($tmpModuleDirFull . "/app/manifest.json")) {
|
||||||
throw new \Exception('manifest.json not found');
|
$this->addError('manifest.json not found');
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
$manifestJson = getConst(file_get_contents($tmpModuleDirFull . "/app/manifest.json"));
|
$manifestJson = getConst(file_get_contents($tmpModuleDirFull . "/app/manifest.json"));
|
||||||
$manifest = Manifest::getWithVars($manifestJson);
|
$manifest = Manifest::getWithVars($manifestJson);
|
||||||
// $this->out->r('manifest.json инициализирован', 'green');
|
|
||||||
|
|
||||||
$fileHelper = new Files();
|
$fileHelper = new Files();
|
||||||
if (isset($manifest['kernel_module_path'])) {
|
if (isset($manifest['kernel_module_path'])) {
|
||||||
@ -271,12 +383,25 @@ class ModuleService
|
|||||||
} else {
|
} else {
|
||||||
$fileHelper->copy_folder($tmpModuleDirFull . '/kernel', KERNEL_APP_MODULES_DIR . '/' . $manifest['slug']);
|
$fileHelper->copy_folder($tmpModuleDirFull . '/kernel', KERNEL_APP_MODULES_DIR . '/' . $manifest['slug']);
|
||||||
}
|
}
|
||||||
|
|
||||||
// $this->out->r("Удаляем временные файлы", 'green');
|
|
||||||
$fileHelper->recursiveRemoveDir($tmpModuleDirFull);
|
$fileHelper->recursiveRemoveDir($tmpModuleDirFull);
|
||||||
|
|
||||||
// $this->out->r("Модуль " . $manifest['name'] . " установлен", 'green');
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
|
public function getDependencies(): array
|
||||||
|
{
|
||||||
|
$modules_info = $this->getActiveModules();
|
||||||
|
$dependence_array = [];
|
||||||
|
foreach ($modules_info as $mod) {
|
||||||
|
if (isset($mod['dependence'])) {
|
||||||
|
$dependence_array[$mod['slug']] = explode(',', $mod['dependence']);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $dependence_array;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -1,6 +1,9 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* @var array $modules_info
|
* @var array $modules_info
|
||||||
|
* @var int $module_count
|
||||||
|
* @var int $page_number
|
||||||
|
* @var int $per_page
|
||||||
* @var \kernel\services\ModuleService $moduleService
|
* @var \kernel\services\ModuleService $moduleService
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@ -12,34 +15,43 @@ $meta['columns'] = [
|
|||||||
"description" => "Описание"
|
"description" => "Описание"
|
||||||
];
|
];
|
||||||
$meta['params'] = ["class" => "table table-bordered"];
|
$meta['params'] = ["class" => "table table-bordered"];
|
||||||
$meta['perPage'] = 10;
|
$meta['perPage'] = $per_page;
|
||||||
$meta['baseUrl'] = "/admin/module";
|
$meta['baseUrl'] = "/admin/module";
|
||||||
$meta['currentPage'] = 1;
|
$meta['currentPage'] = $page_number;
|
||||||
$meta['total'] = count($modules_info);
|
$meta['total'] = $module_count;
|
||||||
|
|
||||||
$info_to_table['meta'] = $meta;
|
$info_to_table['meta'] = $meta;
|
||||||
$info_to_table['data'] = $modules_info;
|
$info_to_table['data'] = $modules_info;
|
||||||
|
|
||||||
$table = new \Itguild\Tables\ListJsonTable(json_encode($info_to_table, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
|
$table = new \Itguild\Tables\ListJsonTable(json_encode($info_to_table, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
|
||||||
|
|
||||||
|
|
||||||
$table->addAction(function ($row, $url) use ($moduleService){
|
$table->addAction(function ($row, $url) use ($moduleService){
|
||||||
$slug = $row['slug'];
|
$slug = $row['slug'];
|
||||||
if ($moduleService->isActive($slug)){
|
if ($moduleService->isActive($slug)){
|
||||||
$label = "Деактивировать";
|
$label = "Деактивировать";
|
||||||
$btn_type = "warning";
|
$btn_type = "warning";
|
||||||
|
$btn = "<a class='btn btn-$btn_type' href='$url/deactivate/?slug=$slug' style='margin: 3px; width: 150px;' >$label</a>";
|
||||||
|
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$label = "Активировать";
|
$label = "Активировать";
|
||||||
$btn_type = "primary";
|
$btn_type = "primary";
|
||||||
|
$btn = "<a class='btn btn-$btn_type' href='$url/activate/?slug=$slug' style='margin: 3px; width: 150px;' >$label</a>";
|
||||||
}
|
}
|
||||||
$btn = "<a class='btn btn-$btn_type' href='$url/activate/?slug=$slug' style='margin: 3px; width: 150px;' >$label</a>";
|
|
||||||
|
|
||||||
return $btn;
|
return $btn;
|
||||||
});
|
});
|
||||||
|
|
||||||
$table->addAction(function ($row, $url) use ($moduleService){
|
$table->addAction(function ($row, $url) use ($moduleService){
|
||||||
$slug = $row['slug'];
|
$slug = $row['slug'];
|
||||||
return "<a class='btn btn-primary' href='$url/view/?slug=$slug' style='margin: 3px; width: 150px;' >Просмотр</a>";
|
return "<a class='btn btn-primary' href='$url/view/?slug=$slug' style='margin: 3px; width: 150px;' >Просмотр</a>";
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$table->addAction(function ($row, $url) use ($moduleService){
|
||||||
|
$slug = $row['slug'];
|
||||||
|
return "<a class='btn btn-primary' href='$url/update/?slug=$slug' style='margin: 3px; width: 150px;' >Обновить</a>";
|
||||||
|
});
|
||||||
|
|
||||||
$table->create();
|
$table->create();
|
||||||
$table->render();
|
$table->render();
|
||||||
|
12
resources/default/css/bootstrap.min.css
vendored
12
resources/default/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -16,4 +16,8 @@
|
|||||||
$('#sidebar').toggleClass('active');
|
$('#sidebar').toggleClass('active');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$("#closeAlertBtn").click(function () {
|
||||||
|
$("#mainAlert").alert("close");
|
||||||
|
});
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
|
Binary file not shown.
@ -1,8 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace app\modules\tag\controllers;
|
|
||||||
|
|
||||||
class TagController extends \kernel\app_modules\tag\controllers\TagController
|
|
||||||
{
|
|
||||||
|
|
||||||
}
|
|
@ -1,12 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Tags",
|
|
||||||
"version": "0.1",
|
|
||||||
"author": "ITGuild",
|
|
||||||
"slug": "tag",
|
|
||||||
"description": "Tags module",
|
|
||||||
"app_module_path": "{APP}/modules/{slug}",
|
|
||||||
"kernel_module_path": "{KERNEL_APP_MODULES}/{slug}",
|
|
||||||
"module_class": "app\\modules\\tag\\TagModule",
|
|
||||||
"module_class_file": "{APP}/modules/tag/TagModule.php",
|
|
||||||
"routs": "routs/tag.php"
|
|
||||||
}
|
|
@ -1,2 +0,0 @@
|
|||||||
<?php
|
|
||||||
include KERNEL_APP_MODULES_DIR . "/tag/routs/tag.php";
|
|
@ -1,101 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace kernel\app_modules\tag\controllers;
|
|
||||||
|
|
||||||
use Exception;
|
|
||||||
use JetBrains\PhpStorm\NoReturn;
|
|
||||||
use kernel\AdminController;
|
|
||||||
use kernel\app_modules\tag\models\forms\CreateTagForm;
|
|
||||||
use kernel\app_modules\tag\models\Tag;
|
|
||||||
use kernel\app_modules\tag\services\TagService;
|
|
||||||
use kernel\helpers\Debug;
|
|
||||||
use kernel\modules\menu\service\MenuService;
|
|
||||||
|
|
||||||
class TagController extends AdminController
|
|
||||||
{
|
|
||||||
private TagService $tagService;
|
|
||||||
protected function init(): void
|
|
||||||
{
|
|
||||||
parent::init();
|
|
||||||
$this->cgView->viewPath = KERNEL_APP_MODULES_DIR . "/tag/views/";
|
|
||||||
$this->tagService = new TagService();
|
|
||||||
}
|
|
||||||
|
|
||||||
public function actionCreate(): void
|
|
||||||
{
|
|
||||||
$this->cgView->render("form.php");
|
|
||||||
}
|
|
||||||
|
|
||||||
#[NoReturn] public function actionAdd(): void
|
|
||||||
{
|
|
||||||
$tagForm = new CreateTagForm();
|
|
||||||
$tagForm->load($_REQUEST);
|
|
||||||
if ($tagForm->validate()){
|
|
||||||
$tag = $this->tagService->create($tagForm);
|
|
||||||
if ($tag){
|
|
||||||
$this->redirect("/admin/tag/" . $tag->id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$this->redirect("/admin/tag/create");
|
|
||||||
}
|
|
||||||
|
|
||||||
public function actionIndex($page_number = 1): void
|
|
||||||
{
|
|
||||||
$this->cgView->render("index.php", ['page_number' => $page_number]);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @throws Exception
|
|
||||||
*/
|
|
||||||
public function actionView($id): void
|
|
||||||
{
|
|
||||||
$tag = Tag::find($id);
|
|
||||||
|
|
||||||
if (!$tag){
|
|
||||||
throw new Exception(message: "The tag not found");
|
|
||||||
}
|
|
||||||
$this->cgView->render("view.php", ['tag' => $tag]);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @throws Exception
|
|
||||||
*/
|
|
||||||
public function actionUpdate($id): void
|
|
||||||
{
|
|
||||||
$model = Tag::find($id);
|
|
||||||
if (!$model){
|
|
||||||
throw new Exception(message: "The tag not found");
|
|
||||||
}
|
|
||||||
|
|
||||||
$this->cgView->render("form.php", ['model' => $model]);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @throws Exception
|
|
||||||
*/
|
|
||||||
public function actionEdit($id): void
|
|
||||||
{
|
|
||||||
$tag = Tag::find($id);
|
|
||||||
if (!$tag){
|
|
||||||
throw new Exception(message: "The tag not found");
|
|
||||||
}
|
|
||||||
$tagForm = new CreateTagForm();
|
|
||||||
$tagService = new TagService();
|
|
||||||
$tagForm->load($_REQUEST);
|
|
||||||
if ($tagForm->validate()) {
|
|
||||||
$tag = $tagService->update($tagForm, $tag);
|
|
||||||
if ($tag) {
|
|
||||||
$this->redirect("/admin/tag/" . $tag->id);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$this->redirect("/admin/tag/update/" . $id);
|
|
||||||
}
|
|
||||||
|
|
||||||
#[NoReturn] public function actionDelete($id): void
|
|
||||||
{
|
|
||||||
$post = Tag::find($id)->first();
|
|
||||||
$post->delete();
|
|
||||||
$this->redirect("/admin/tag/");
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,31 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
use Illuminate\Database\Migrations\Migration;
|
|
||||||
use Illuminate\Database\Schema\Blueprint;
|
|
||||||
use Illuminate\Support\Facades\Schema;
|
|
||||||
|
|
||||||
return new class extends Migration
|
|
||||||
{
|
|
||||||
/**
|
|
||||||
* Run the migrations.
|
|
||||||
*/
|
|
||||||
public function up(): void
|
|
||||||
{
|
|
||||||
\kernel\App::$db->schema->create('tag', function (Blueprint $table) {
|
|
||||||
$table->increments('id');
|
|
||||||
$table->string('label', 255)->nullable(false);
|
|
||||||
$table->string('entity', 255)->nullable(false);
|
|
||||||
$table->string('slug', 255)->unique();
|
|
||||||
$table->integer('status')->default(1);
|
|
||||||
$table->timestamps();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Reverse the migrations.
|
|
||||||
*/
|
|
||||||
public function down(): void
|
|
||||||
{
|
|
||||||
\kernel\App::$db->schema->dropIfExists('tag');
|
|
||||||
}
|
|
||||||
};
|
|
@ -1,46 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace kernel\app_modules\tag\models;
|
|
||||||
|
|
||||||
use Illuminate\Database\Eloquent\Model;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @property int $id
|
|
||||||
* @property string $label
|
|
||||||
* @property string $entity
|
|
||||||
* @property string $slug
|
|
||||||
* @property int $status
|
|
||||||
* @method static where(int[] $array)
|
|
||||||
* @method static find($id)
|
|
||||||
*/
|
|
||||||
class Tag extends Model
|
|
||||||
{
|
|
||||||
const DISABLE_STATUS = 0;
|
|
||||||
const ACTIVE_STATUS = 1;
|
|
||||||
|
|
||||||
protected $table = 'tag';
|
|
||||||
|
|
||||||
protected $fillable = ['label', 'entity', 'slug', 'status'];
|
|
||||||
|
|
||||||
public static function labels(): array
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
'label' => 'Заголовок',
|
|
||||||
'entity' => 'Сущность',
|
|
||||||
'slug' => 'Slug',
|
|
||||||
'status' => 'Статус',
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @return string[]
|
|
||||||
*/
|
|
||||||
public static function getStatus(): array
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
self::DISABLE_STATUS => "Не активный",
|
|
||||||
self::ACTIVE_STATUS => "Активный",
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,20 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace kernel\app_modules\tag\models\forms;
|
|
||||||
|
|
||||||
use kernel\FormModel;
|
|
||||||
|
|
||||||
class CreateTagForm extends FormModel
|
|
||||||
{
|
|
||||||
|
|
||||||
public function rules(): array
|
|
||||||
{
|
|
||||||
return [
|
|
||||||
'label' => 'required|min-str-len:5|max-str-len:30',
|
|
||||||
'entity' => 'required|min-str-len:1|max-str-len:50',
|
|
||||||
'slug' => '',
|
|
||||||
'status' => ''
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,18 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
use kernel\App;
|
|
||||||
use kernel\CgRouteCollector;
|
|
||||||
use Phroute\Phroute\RouteCollector;
|
|
||||||
|
|
||||||
App::$collector->group(["prefix" => "admin"], function (CgRouteCollector $router) {
|
|
||||||
App::$collector->group(["prefix" => "tag"], function (CGRouteCollector $router){
|
|
||||||
App::$collector->get('/', [\app\modules\tag\controllers\TagController::class, 'actionIndex']);
|
|
||||||
App::$collector->get('/page/{page_number}', [\app\modules\tag\controllers\TagController::class, 'actionIndex']);
|
|
||||||
App::$collector->get('/create', [\app\modules\tag\controllers\TagController::class, 'actionCreate']);
|
|
||||||
App::$collector->post("/", [\app\modules\tag\controllers\TagController::class, 'actionAdd']);
|
|
||||||
App::$collector->get('/{id}', [\app\modules\tag\controllers\TagController::class, 'actionView']);
|
|
||||||
App::$collector->any('/update/{id}', [\app\modules\tag\controllers\TagController::class, 'actionUpdate']);
|
|
||||||
App::$collector->any("/edit/{id}", [\app\modules\tag\controllers\TagController::class, 'actionEdit']);
|
|
||||||
App::$collector->get('/delete/{id}', [\app\modules\tag\controllers\TagController::class, 'actionDelete']);
|
|
||||||
});
|
|
||||||
});
|
|
@ -1,42 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
namespace kernel\app_modules\tag\services;
|
|
||||||
|
|
||||||
use kernel\app_modules\tag\models\Tag;
|
|
||||||
use kernel\FormModel;
|
|
||||||
use kernel\helpers\Slug;
|
|
||||||
|
|
||||||
class TagService
|
|
||||||
{
|
|
||||||
|
|
||||||
public function create(FormModel $form_model): false|Tag
|
|
||||||
{
|
|
||||||
$model = new Tag();
|
|
||||||
$model->label = $form_model->getItem('label');
|
|
||||||
$model->entity = $form_model->getItem('entity');
|
|
||||||
$model->status = $form_model->getItem('status');
|
|
||||||
$model->slug = Slug::createSlug($form_model->getItem('label'), Tag::class);
|
|
||||||
if ($model->save()){
|
|
||||||
return $model;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
public function update(FormModel $form_model, Tag $tag): false|Tag
|
|
||||||
{
|
|
||||||
if ($tag->label !== $form_model->getItem('label')) {
|
|
||||||
$tag->slug = Slug::createSlug($form_model->getItem('label'), Tag::class);
|
|
||||||
}
|
|
||||||
$tag->label = $form_model->getItem('label');
|
|
||||||
$tag->entity = $form_model->getItem('entity');
|
|
||||||
$tag->status = $form_model->getItem('status');
|
|
||||||
|
|
||||||
if ($tag->save()){
|
|
||||||
return $tag;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
@ -1,58 +0,0 @@
|
|||||||
<?php
|
|
||||||
/**
|
|
||||||
* @var Tag $model
|
|
||||||
*/
|
|
||||||
|
|
||||||
use kernel\app_modules\tag\models\Tag;
|
|
||||||
|
|
||||||
$form = new \itguild\forms\ActiveForm();
|
|
||||||
$form->beginForm(isset($model) ? "/admin/tag/edit/" . $model->id : "/admin/tag");
|
|
||||||
|
|
||||||
$form->field(class: \itguild\forms\inputs\TextInput::class, name: "label", params: [
|
|
||||||
'class' => "form-control",
|
|
||||||
'placeholder' => 'Заголовок',
|
|
||||||
'value' => $model->label ?? ''
|
|
||||||
])
|
|
||||||
->setLabel("Заголовок")
|
|
||||||
->render();
|
|
||||||
|
|
||||||
$form->field(class: \itguild\forms\inputs\TextInput::class, name: "entity", params: [
|
|
||||||
'class' => "form-control",
|
|
||||||
'placeholder' => 'Сущность',
|
|
||||||
'value' => $model->entity ?? ''
|
|
||||||
])
|
|
||||||
->setLabel("Сущность")
|
|
||||||
->render();
|
|
||||||
|
|
||||||
$form->field(\itguild\forms\inputs\Select::class, 'status', [
|
|
||||||
'class' => "form-control",
|
|
||||||
'value' => $model->status ?? ''
|
|
||||||
])
|
|
||||||
->setLabel("Статус")
|
|
||||||
->setOptions(Tag::getStatus())
|
|
||||||
->render();
|
|
||||||
?>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-2">
|
|
||||||
<?php
|
|
||||||
$form->field(\itguild\forms\inputs\Button::class, name: "btn-submit", params: [
|
|
||||||
'class' => "btn btn-primary ",
|
|
||||||
'value' => 'Отправить',
|
|
||||||
'typeInput' => 'submit'
|
|
||||||
])
|
|
||||||
->render();
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-2">
|
|
||||||
<?php
|
|
||||||
$form->field(\itguild\forms\inputs\Button::class, name: "btn-reset", params: [
|
|
||||||
'class' => "btn btn-warning",
|
|
||||||
'value' => 'Сбросить',
|
|
||||||
'typeInput' => 'reset'
|
|
||||||
])
|
|
||||||
->render();
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php
|
|
||||||
$form->endForm();
|
|
@ -1,30 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @var \Illuminate\Database\Eloquent\Collection $tag
|
|
||||||
*/
|
|
||||||
|
|
||||||
use kernel\modules\user\models\User;
|
|
||||||
use Itguild\EloquentTable\ViewEloquentTable;
|
|
||||||
use Itguild\EloquentTable\ViewJsonTableEloquentModel;
|
|
||||||
use kernel\IGTabel\btn\DangerBtn;
|
|
||||||
use kernel\IGTabel\btn\PrimaryBtn;
|
|
||||||
use kernel\IGTabel\btn\SuccessBtn;
|
|
||||||
|
|
||||||
$table = new ViewEloquentTable(new ViewJsonTableEloquentModel($tag, [
|
|
||||||
'params' => ["class" => "table table-bordered", "border" => "2"],
|
|
||||||
'baseUrl' => "/admin/tag",
|
|
||||||
]));
|
|
||||||
$table->beforePrint(function () use ($tag) {
|
|
||||||
$btn = PrimaryBtn::create("Список", "/admin/tag")->fetch();
|
|
||||||
$btn .= SuccessBtn::create("Редактировать", "/admin/tag/update/" . $tag->id)->fetch();
|
|
||||||
$btn .= DangerBtn::create("Удалить", "/admin/tag/delete/" . $tag->id)->fetch();
|
|
||||||
return $btn;
|
|
||||||
});
|
|
||||||
$table->rows([
|
|
||||||
'status' => (function ($data) {
|
|
||||||
return \kernel\app_modules\tag\models\Tag::getStatus()[$data];
|
|
||||||
})
|
|
||||||
]);
|
|
||||||
$table->create();
|
|
||||||
$table->render();
|
|
Binary file not shown.
@ -1,75 +0,0 @@
|
|||||||
<?php
|
|
||||||
/**
|
|
||||||
* @var $content
|
|
||||||
* @var string $resources
|
|
||||||
*/
|
|
||||||
?>
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Custom</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
||||||
<link rel="stylesheet" href="<?=$resources?>/css/style.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div class="wrapper d-flex align-items-stretch">
|
|
||||||
<nav id="sidebar">
|
|
||||||
<div class="p-4 pt-5">
|
|
||||||
<a href="#" class="img logo rounded-circle mb-5" style="background-image: url(/resources/admin_theme/images/logo.jpg);"></a>
|
|
||||||
<?php \kernel\widgets\MenuWidget::create()->run(); ?>
|
|
||||||
<div class="footer">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Page Content -->
|
|
||||||
<div id="content" class="p-4 p-md-5">
|
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
||||||
<div class="container-fluid">
|
|
||||||
|
|
||||||
<button type="button" id="sidebarCollapse" class="btn btn-primary">
|
|
||||||
<i class="fa fa-bars"></i>
|
|
||||||
<span class="sr-only">Toggle Menu</span>
|
|
||||||
</button>
|
|
||||||
<button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<i class="fa fa-bars"></i>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
||||||
<ul class="nav navbar-nav ml-auto">
|
|
||||||
<li class="nav-item active">
|
|
||||||
<a class="nav-link" href="#">Главня</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">О нас</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">Портфолио</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">Контакты</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<?= $content ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="<?=$resources?>/js/jquery.min.js"></script>
|
|
||||||
<script src="<?=$resources?>/js/popper.js"></script>
|
|
||||||
<script src="<?=$resources?>/js/bootstrap.min.js"></script>
|
|
||||||
<script src="<?=$resources?>/js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,13 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "Custom",
|
|
||||||
"version": "0.1",
|
|
||||||
"author": "Kavalar",
|
|
||||||
"slug": "custom",
|
|
||||||
"description": "Custom admin theme",
|
|
||||||
"preview": "nrnv2024_640x360.jpg",
|
|
||||||
"resource": "/resources/custom",
|
|
||||||
"resource_path": "{RESOURCES}/custom",
|
|
||||||
"layout": "main.php",
|
|
||||||
"theme_path": "{APP}/admin_themes/{slug}",
|
|
||||||
"layout_path": "{APP}/admin_themes/{slug}/layout"
|
|
||||||
}
|
|
File diff suppressed because one or more lines are too long
@ -1,12 +0,0 @@
|
|||||||
.media {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-webkit-box-align: start;
|
|
||||||
-ms-flex-align: start;
|
|
||||||
align-items: flex-start; }
|
|
||||||
|
|
||||||
.media-body {
|
|
||||||
-webkit-box-flex: 1;
|
|
||||||
-ms-flex: 1;
|
|
||||||
flex: 1; }
|
|
@ -1,10 +0,0 @@
|
|||||||
.stretched-link::after {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
content: "";
|
|
||||||
background-color: rgba(0, 0, 0, 0); }
|
|
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
Before Width: | Height: | Size: 36 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,19 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var fullHeight = function () {
|
|
||||||
|
|
||||||
$('.js-fullheight').css('height', $(window).height());
|
|
||||||
$(window).resize(function () {
|
|
||||||
$('.js-fullheight').css('height', $(window).height());
|
|
||||||
});
|
|
||||||
|
|
||||||
};
|
|
||||||
fullHeight();
|
|
||||||
|
|
||||||
$('#sidebarCollapse').on('click', function () {
|
|
||||||
$('#sidebar').toggleClass('active');
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
|
File diff suppressed because one or more lines are too long
Binary file not shown.
Before Width: | Height: | Size: 18 KiB |
@ -1,51 +0,0 @@
|
|||||||
//
|
|
||||||
// Base styles
|
|
||||||
//
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
position: relative;
|
|
||||||
padding: $alert-padding-y $alert-padding-x;
|
|
||||||
margin-bottom: $alert-margin-bottom;
|
|
||||||
border: $alert-border-width solid transparent;
|
|
||||||
@include border-radius($alert-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Headings for larger alerts
|
|
||||||
.alert-heading {
|
|
||||||
// Specified to prevent conflicts of changing $headings-color
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Provide class for links that match alerts
|
|
||||||
.alert-link {
|
|
||||||
font-weight: $alert-link-font-weight;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Dismissible alerts
|
|
||||||
//
|
|
||||||
// Expand the right padding and account for the close button's positioning.
|
|
||||||
|
|
||||||
.alert-dismissible {
|
|
||||||
padding-right: $close-font-size + $alert-padding-x * 2;
|
|
||||||
|
|
||||||
// Adjust close link position
|
|
||||||
.close {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
padding: $alert-padding-y $alert-padding-x;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Alternate styles
|
|
||||||
//
|
|
||||||
// Generate contextual modifier classes for colorizing the alert.
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.alert-#{$color} {
|
|
||||||
@include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,54 +0,0 @@
|
|||||||
// Base class
|
|
||||||
//
|
|
||||||
// Requires one of the contextual, color modifier classes for `color` and
|
|
||||||
// `background-color`.
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
display: inline-block;
|
|
||||||
padding: $badge-padding-y $badge-padding-x;
|
|
||||||
@include font-size($badge-font-size);
|
|
||||||
font-weight: $badge-font-weight;
|
|
||||||
line-height: 1;
|
|
||||||
text-align: center;
|
|
||||||
white-space: nowrap;
|
|
||||||
vertical-align: baseline;
|
|
||||||
@include border-radius($badge-border-radius);
|
|
||||||
@include transition($badge-transition);
|
|
||||||
|
|
||||||
@at-root a#{&} {
|
|
||||||
@include hover-focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Empty badges collapse automatically
|
|
||||||
&:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Quick fix for badges in buttons
|
|
||||||
.btn .badge {
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Pill badges
|
|
||||||
//
|
|
||||||
// Make them extra rounded with a modifier to replace v3's badges.
|
|
||||||
|
|
||||||
.badge-pill {
|
|
||||||
padding-right: $badge-pill-padding-x;
|
|
||||||
padding-left: $badge-pill-padding-x;
|
|
||||||
@include border-radius($badge-pill-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Colors
|
|
||||||
//
|
|
||||||
// Contextual variations (linked badges get darker on :hover).
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.badge-#{$color} {
|
|
||||||
@include badge-variant($value);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,41 +0,0 @@
|
|||||||
.breadcrumb {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
|
||||||
margin-bottom: $breadcrumb-margin-bottom;
|
|
||||||
list-style: none;
|
|
||||||
background-color: $breadcrumb-bg;
|
|
||||||
@include border-radius($breadcrumb-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.breadcrumb-item {
|
|
||||||
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
|
||||||
+ .breadcrumb-item {
|
|
||||||
padding-left: $breadcrumb-item-padding;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
display: inline-block; // Suppress underlining of the separator in modern browsers
|
|
||||||
padding-right: $breadcrumb-item-padding;
|
|
||||||
color: $breadcrumb-divider-color;
|
|
||||||
content: $breadcrumb-divider;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
|
|
||||||
// without `<ul>`s. The `::before` pseudo-element generates an element
|
|
||||||
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
|
|
||||||
//
|
|
||||||
// To trick IE into suppressing the underline, we give the pseudo-element an
|
|
||||||
// underline and then immediately remove it.
|
|
||||||
+ .breadcrumb-item:hover::before {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
// stylelint-disable-next-line no-duplicate-selectors
|
|
||||||
+ .breadcrumb-item:hover::before {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
color: $breadcrumb-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,163 +0,0 @@
|
|||||||
// stylelint-disable selector-no-qualifying-type
|
|
||||||
|
|
||||||
// Make the div behave like a button
|
|
||||||
.btn-group,
|
|
||||||
.btn-group-vertical {
|
|
||||||
position: relative;
|
|
||||||
display: inline-flex;
|
|
||||||
vertical-align: middle; // match .btn alignment given font-size hack above
|
|
||||||
|
|
||||||
> .btn {
|
|
||||||
position: relative;
|
|
||||||
flex: 1 1 auto;
|
|
||||||
|
|
||||||
// Bring the hover, focused, and "active" buttons to the front to overlay
|
|
||||||
// the borders properly
|
|
||||||
@include hover {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
&:focus,
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional: Group multiple button groups together for a toolbar
|
|
||||||
.btn-toolbar {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: flex-start;
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group {
|
|
||||||
// Prevent double borders when buttons are next to each other
|
|
||||||
> .btn:not(:first-child),
|
|
||||||
> .btn-group:not(:first-child) {
|
|
||||||
margin-left: -$btn-border-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset rounded corners
|
|
||||||
> .btn:not(:last-child):not(.dropdown-toggle),
|
|
||||||
> .btn-group:not(:last-child) > .btn {
|
|
||||||
@include border-right-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
> .btn:not(:first-child),
|
|
||||||
> .btn-group:not(:first-child) > .btn {
|
|
||||||
@include border-left-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sizing
|
|
||||||
//
|
|
||||||
// Remix the default button sizing classes into new ones for easier manipulation.
|
|
||||||
|
|
||||||
.btn-group-sm > .btn { @extend .btn-sm; }
|
|
||||||
.btn-group-lg > .btn { @extend .btn-lg; }
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Split button dropdowns
|
|
||||||
//
|
|
||||||
|
|
||||||
.dropdown-toggle-split {
|
|
||||||
padding-right: $btn-padding-x * .75;
|
|
||||||
padding-left: $btn-padding-x * .75;
|
|
||||||
|
|
||||||
&::after,
|
|
||||||
.dropup &::after,
|
|
||||||
.dropright &::after {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropleft &::before {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-sm + .dropdown-toggle-split {
|
|
||||||
padding-right: $btn-padding-x-sm * .75;
|
|
||||||
padding-left: $btn-padding-x-sm * .75;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-lg + .dropdown-toggle-split {
|
|
||||||
padding-right: $btn-padding-x-lg * .75;
|
|
||||||
padding-left: $btn-padding-x-lg * .75;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// The clickable button for toggling the menu
|
|
||||||
// Set the same inset shadow as the :active state
|
|
||||||
.btn-group.show .dropdown-toggle {
|
|
||||||
@include box-shadow($btn-active-box-shadow);
|
|
||||||
|
|
||||||
// Show no shadow for `.btn-link` since it has no other button styles.
|
|
||||||
&.btn-link {
|
|
||||||
@include box-shadow(none);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Vertical button groups
|
|
||||||
//
|
|
||||||
|
|
||||||
.btn-group-vertical {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
> .btn,
|
|
||||||
> .btn-group {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .btn:not(:first-child),
|
|
||||||
> .btn-group:not(:first-child) {
|
|
||||||
margin-top: -$btn-border-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset rounded corners
|
|
||||||
> .btn:not(:last-child):not(.dropdown-toggle),
|
|
||||||
> .btn-group:not(:last-child) > .btn {
|
|
||||||
@include border-bottom-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
> .btn:not(:first-child),
|
|
||||||
> .btn-group:not(:first-child) > .btn {
|
|
||||||
@include border-top-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Checkbox and radio options
|
|
||||||
//
|
|
||||||
// In order to support the browser's form validation feedback, powered by the
|
|
||||||
// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
|
|
||||||
// `display: none;` or `visibility: hidden;` as that also hides the popover.
|
|
||||||
// Simply visually hiding the inputs via `opacity` would leave them clickable in
|
|
||||||
// certain cases which is prevented by using `clip` and `pointer-events`.
|
|
||||||
// This way, we ensure a DOM element is visible to position the popover from.
|
|
||||||
//
|
|
||||||
// See https://github.com/twbs/bootstrap/pull/12794 and
|
|
||||||
// https://github.com/twbs/bootstrap/pull/14559 for more information.
|
|
||||||
|
|
||||||
.btn-group-toggle {
|
|
||||||
> .btn,
|
|
||||||
> .btn-group > .btn {
|
|
||||||
margin-bottom: 0; // Override default `<label>` value
|
|
||||||
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"] {
|
|
||||||
position: absolute;
|
|
||||||
clip: rect(0, 0, 0, 0);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,137 +0,0 @@
|
|||||||
// stylelint-disable selector-no-qualifying-type
|
|
||||||
|
|
||||||
//
|
|
||||||
// Base styles
|
|
||||||
//
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
display: inline-block;
|
|
||||||
font-family: $btn-font-family;
|
|
||||||
font-weight: $btn-font-weight;
|
|
||||||
color: $body-color;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
user-select: none;
|
|
||||||
background-color: transparent;
|
|
||||||
border: $btn-border-width solid transparent;
|
|
||||||
@include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
|
|
||||||
@include transition($btn-transition);
|
|
||||||
|
|
||||||
@include hover {
|
|
||||||
color: $body-color;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&.focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: $btn-focus-box-shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Disabled comes first so active can properly restyle
|
|
||||||
&.disabled,
|
|
||||||
&:disabled {
|
|
||||||
opacity: $btn-disabled-opacity;
|
|
||||||
@include box-shadow(none);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:disabled):not(.disabled):active,
|
|
||||||
&:not(:disabled):not(.disabled).active {
|
|
||||||
@include box-shadow($btn-active-box-shadow);
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Future-proof disabling of clicks on `<a>` elements
|
|
||||||
a.btn.disabled,
|
|
||||||
fieldset:disabled a.btn {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Alternate buttons
|
|
||||||
//
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.btn-#{$color} {
|
|
||||||
@include button-variant($value, $value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.btn-outline-#{$color} {
|
|
||||||
@include button-outline-variant($value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Link buttons
|
|
||||||
//
|
|
||||||
|
|
||||||
// Make a button look and behave like a link
|
|
||||||
.btn-link {
|
|
||||||
font-weight: $font-weight-normal;
|
|
||||||
color: $link-color;
|
|
||||||
text-decoration: $link-decoration;
|
|
||||||
|
|
||||||
@include hover {
|
|
||||||
color: $link-hover-color;
|
|
||||||
text-decoration: $link-hover-decoration;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&.focus {
|
|
||||||
text-decoration: $link-hover-decoration;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled,
|
|
||||||
&.disabled {
|
|
||||||
color: $btn-link-disabled-color;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// No need for an active state here
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Button Sizes
|
|
||||||
//
|
|
||||||
|
|
||||||
.btn-lg {
|
|
||||||
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-sm {
|
|
||||||
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Block button
|
|
||||||
//
|
|
||||||
|
|
||||||
.btn-block {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
// Vertically space out multiple block buttons
|
|
||||||
+ .btn-block {
|
|
||||||
margin-top: $btn-block-spacing-y;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Specificity overrides
|
|
||||||
input[type="submit"],
|
|
||||||
input[type="reset"],
|
|
||||||
input[type="button"] {
|
|
||||||
&.btn-block {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,289 +0,0 @@
|
|||||||
//
|
|
||||||
// Base styles
|
|
||||||
//
|
|
||||||
|
|
||||||
.card {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
|
|
||||||
word-wrap: break-word;
|
|
||||||
background-color: $card-bg;
|
|
||||||
background-clip: border-box;
|
|
||||||
border: $card-border-width solid $card-border-color;
|
|
||||||
@include border-radius($card-border-radius);
|
|
||||||
|
|
||||||
> hr {
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .list-group:first-child {
|
|
||||||
.list-group-item:first-child {
|
|
||||||
@include border-top-radius($card-border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .list-group:last-child {
|
|
||||||
.list-group-item:last-child {
|
|
||||||
@include border-bottom-radius($card-border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-body {
|
|
||||||
// Enable `flex-grow: 1` for decks and groups so that card blocks take up
|
|
||||||
// as much space as possible, ensuring footers are aligned to the bottom.
|
|
||||||
flex: 1 1 auto;
|
|
||||||
padding: $card-spacer-x;
|
|
||||||
color: $card-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-title {
|
|
||||||
margin-bottom: $card-spacer-y;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-subtitle {
|
|
||||||
margin-top: -$card-spacer-y / 2;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-text:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-link {
|
|
||||||
@include hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
+ .card-link {
|
|
||||||
margin-left: $card-spacer-x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Optional textual caps
|
|
||||||
//
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
padding: $card-spacer-y $card-spacer-x;
|
|
||||||
margin-bottom: 0; // Removes the default margin-bottom of <hN>
|
|
||||||
color: $card-cap-color;
|
|
||||||
background-color: $card-cap-bg;
|
|
||||||
border-bottom: $card-border-width solid $card-border-color;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
+ .list-group {
|
|
||||||
.list-group-item:first-child {
|
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-footer {
|
|
||||||
padding: $card-spacer-y $card-spacer-x;
|
|
||||||
background-color: $card-cap-bg;
|
|
||||||
border-top: $card-border-width solid $card-border-color;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Header navs
|
|
||||||
//
|
|
||||||
|
|
||||||
.card-header-tabs {
|
|
||||||
margin-right: -$card-spacer-x / 2;
|
|
||||||
margin-bottom: -$card-spacer-y;
|
|
||||||
margin-left: -$card-spacer-x / 2;
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header-pills {
|
|
||||||
margin-right: -$card-spacer-x / 2;
|
|
||||||
margin-left: -$card-spacer-x / 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Card image
|
|
||||||
.card-img-overlay {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
padding: $card-img-overlay-padding;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-img {
|
|
||||||
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
|
|
||||||
@include border-radius($card-inner-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Card image caps
|
|
||||||
.card-img-top {
|
|
||||||
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
|
|
||||||
@include border-top-radius($card-inner-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-img-bottom {
|
|
||||||
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
|
|
||||||
@include border-bottom-radius($card-inner-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Card deck
|
|
||||||
|
|
||||||
.card-deck {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
.card {
|
|
||||||
margin-bottom: $card-deck-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
flex-flow: row wrap;
|
|
||||||
margin-right: -$card-deck-margin;
|
|
||||||
margin-left: -$card-deck-margin;
|
|
||||||
|
|
||||||
.card {
|
|
||||||
display: flex;
|
|
||||||
// Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
|
|
||||||
flex: 1 0 0%;
|
|
||||||
flex-direction: column;
|
|
||||||
margin-right: $card-deck-margin;
|
|
||||||
margin-bottom: 0; // Override the default
|
|
||||||
margin-left: $card-deck-margin;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Card groups
|
|
||||||
//
|
|
||||||
|
|
||||||
.card-group {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
// The child selector allows nested `.card` within `.card-group`
|
|
||||||
// to display properly.
|
|
||||||
> .card {
|
|
||||||
margin-bottom: $card-group-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
flex-flow: row wrap;
|
|
||||||
// The child selector allows nested `.card` within `.card-group`
|
|
||||||
// to display properly.
|
|
||||||
> .card {
|
|
||||||
// Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
|
|
||||||
flex: 1 0 0%;
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
+ .card {
|
|
||||||
margin-left: 0;
|
|
||||||
border-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle rounded corners
|
|
||||||
@if $enable-rounded {
|
|
||||||
&:not(:last-child) {
|
|
||||||
@include border-right-radius(0);
|
|
||||||
|
|
||||||
.card-img-top,
|
|
||||||
.card-header {
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
}
|
|
||||||
.card-img-bottom,
|
|
||||||
.card-footer {
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:first-child) {
|
|
||||||
@include border-left-radius(0);
|
|
||||||
|
|
||||||
.card-img-top,
|
|
||||||
.card-header {
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
}
|
|
||||||
.card-img-bottom,
|
|
||||||
.card-footer {
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Columns
|
|
||||||
//
|
|
||||||
|
|
||||||
.card-columns {
|
|
||||||
.card {
|
|
||||||
margin-bottom: $card-columns-margin;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
column-count: $card-columns-count;
|
|
||||||
column-gap: $card-columns-gap;
|
|
||||||
orphans: 1;
|
|
||||||
widows: 1;
|
|
||||||
|
|
||||||
.card {
|
|
||||||
display: inline-block; // Don't let them vertically span multiple columns
|
|
||||||
width: 100%; // Don't let their width change
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Accordion
|
|
||||||
//
|
|
||||||
|
|
||||||
.accordion {
|
|
||||||
> .card {
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
&:not(:first-of-type) {
|
|
||||||
.card-header:first-child {
|
|
||||||
@include border-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:last-of-type) {
|
|
||||||
border-bottom: 0;
|
|
||||||
@include border-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:first-of-type {
|
|
||||||
border-bottom: 0;
|
|
||||||
@include border-bottom-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-of-type {
|
|
||||||
@include border-top-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
margin-bottom: -$card-border-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,197 +0,0 @@
|
|||||||
// Notes on the classes:
|
|
||||||
//
|
|
||||||
// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
|
|
||||||
// even when their scroll action started on a carousel, but for compatibility (with Firefox)
|
|
||||||
// we're preventing all actions instead
|
|
||||||
// 2. The .carousel-item-left and .carousel-item-right is used to indicate where
|
|
||||||
// the active slide is heading.
|
|
||||||
// 3. .active.carousel-item is the current slide.
|
|
||||||
// 4. .active.carousel-item-left and .active.carousel-item-right is the current
|
|
||||||
// slide in its in-transition state. Only one of these occurs at a time.
|
|
||||||
// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
|
|
||||||
// is the upcoming slide in transition.
|
|
||||||
|
|
||||||
.carousel {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel.pointer-event {
|
|
||||||
touch-action: pan-y;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-inner {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
@include clearfix();
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-item {
|
|
||||||
position: relative;
|
|
||||||
display: none;
|
|
||||||
float: left;
|
|
||||||
width: 100%;
|
|
||||||
margin-right: -100%;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
@include transition($carousel-transition);
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-item.active,
|
|
||||||
.carousel-item-next,
|
|
||||||
.carousel-item-prev {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-item-next:not(.carousel-item-left),
|
|
||||||
.active.carousel-item-right {
|
|
||||||
transform: translateX(100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-item-prev:not(.carousel-item-right),
|
|
||||||
.active.carousel-item-left {
|
|
||||||
transform: translateX(-100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Alternate transitions
|
|
||||||
//
|
|
||||||
|
|
||||||
.carousel-fade {
|
|
||||||
.carousel-item {
|
|
||||||
opacity: 0;
|
|
||||||
transition-property: opacity;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel-item.active,
|
|
||||||
.carousel-item-next.carousel-item-left,
|
|
||||||
.carousel-item-prev.carousel-item-right {
|
|
||||||
z-index: 1;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active.carousel-item-left,
|
|
||||||
.active.carousel-item-right {
|
|
||||||
z-index: 0;
|
|
||||||
opacity: 0;
|
|
||||||
@include transition(0s $carousel-transition-duration opacity);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Left/right controls for nav
|
|
||||||
//
|
|
||||||
|
|
||||||
.carousel-control-prev,
|
|
||||||
.carousel-control-next {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 1;
|
|
||||||
// Use flex for alignment (1-3)
|
|
||||||
display: flex; // 1. allow flex styles
|
|
||||||
align-items: center; // 2. vertically center contents
|
|
||||||
justify-content: center; // 3. horizontally center contents
|
|
||||||
width: $carousel-control-width;
|
|
||||||
color: $carousel-control-color;
|
|
||||||
text-align: center;
|
|
||||||
opacity: $carousel-control-opacity;
|
|
||||||
@include transition($carousel-control-transition);
|
|
||||||
|
|
||||||
// Hover/focus state
|
|
||||||
@include hover-focus {
|
|
||||||
color: $carousel-control-color;
|
|
||||||
text-decoration: none;
|
|
||||||
outline: 0;
|
|
||||||
opacity: $carousel-control-hover-opacity;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.carousel-control-prev {
|
|
||||||
left: 0;
|
|
||||||
@if $enable-gradients {
|
|
||||||
background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.carousel-control-next {
|
|
||||||
right: 0;
|
|
||||||
@if $enable-gradients {
|
|
||||||
background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Icons for within
|
|
||||||
.carousel-control-prev-icon,
|
|
||||||
.carousel-control-next-icon {
|
|
||||||
display: inline-block;
|
|
||||||
width: $carousel-control-icon-width;
|
|
||||||
height: $carousel-control-icon-width;
|
|
||||||
background: no-repeat 50% / 100% 100%;
|
|
||||||
}
|
|
||||||
.carousel-control-prev-icon {
|
|
||||||
background-image: $carousel-control-prev-icon-bg;
|
|
||||||
}
|
|
||||||
.carousel-control-next-icon {
|
|
||||||
background-image: $carousel-control-next-icon-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Optional indicator pips
|
|
||||||
//
|
|
||||||
// Add an ordered list with the following class and add a list item for each
|
|
||||||
// slide your carousel holds.
|
|
||||||
|
|
||||||
.carousel-indicators {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 15;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding-left: 0; // override <ol> default
|
|
||||||
// Use the .carousel-control's width as margin so we don't overlay those
|
|
||||||
margin-right: $carousel-control-width;
|
|
||||||
margin-left: $carousel-control-width;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
li {
|
|
||||||
box-sizing: content-box;
|
|
||||||
flex: 0 1 auto;
|
|
||||||
width: $carousel-indicator-width;
|
|
||||||
height: $carousel-indicator-height;
|
|
||||||
margin-right: $carousel-indicator-spacer;
|
|
||||||
margin-left: $carousel-indicator-spacer;
|
|
||||||
text-indent: -999px;
|
|
||||||
cursor: pointer;
|
|
||||||
background-color: $carousel-indicator-active-bg;
|
|
||||||
background-clip: padding-box;
|
|
||||||
// Use transparent borders to increase the hit area by 10px on top and bottom.
|
|
||||||
border-top: $carousel-indicator-hit-area-height solid transparent;
|
|
||||||
border-bottom: $carousel-indicator-hit-area-height solid transparent;
|
|
||||||
opacity: .5;
|
|
||||||
@include transition($carousel-indicator-transition);
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Optional captions
|
|
||||||
//
|
|
||||||
//
|
|
||||||
|
|
||||||
.carousel-caption {
|
|
||||||
position: absolute;
|
|
||||||
right: (100% - $carousel-caption-width) / 2;
|
|
||||||
bottom: 20px;
|
|
||||||
left: (100% - $carousel-caption-width) / 2;
|
|
||||||
z-index: 10;
|
|
||||||
padding-top: 20px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
color: $carousel-caption-color;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
@ -1,41 +0,0 @@
|
|||||||
.close {
|
|
||||||
float: right;
|
|
||||||
@include font-size($close-font-size);
|
|
||||||
font-weight: $close-font-weight;
|
|
||||||
line-height: 1;
|
|
||||||
color: $close-color;
|
|
||||||
text-shadow: $close-text-shadow;
|
|
||||||
opacity: .5;
|
|
||||||
|
|
||||||
// Override <a>'s hover style
|
|
||||||
@include hover {
|
|
||||||
color: $close-color;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:disabled):not(.disabled) {
|
|
||||||
@include hover-focus {
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Additional properties for button version
|
|
||||||
// iOS requires the button element instead of an anchor tag.
|
|
||||||
// If you want the anchor version, it requires `href="#"`.
|
|
||||||
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
|
||||||
|
|
||||||
// stylelint-disable-next-line selector-no-qualifying-type
|
|
||||||
button.close {
|
|
||||||
padding: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Future-proof disabling of clicks on `<a>` elements
|
|
||||||
|
|
||||||
// stylelint-disable-next-line selector-no-qualifying-type
|
|
||||||
a.close.disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
@ -1,48 +0,0 @@
|
|||||||
// Inline code
|
|
||||||
code {
|
|
||||||
@include font-size($code-font-size);
|
|
||||||
color: $code-color;
|
|
||||||
word-break: break-word;
|
|
||||||
|
|
||||||
// Streamline the style when inside anchors to avoid broken underline and more
|
|
||||||
a > & {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// User input typically entered via keyboard
|
|
||||||
kbd {
|
|
||||||
padding: $kbd-padding-y $kbd-padding-x;
|
|
||||||
@include font-size($kbd-font-size);
|
|
||||||
color: $kbd-color;
|
|
||||||
background-color: $kbd-bg;
|
|
||||||
@include border-radius($border-radius-sm);
|
|
||||||
@include box-shadow($kbd-box-shadow);
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
padding: 0;
|
|
||||||
@include font-size(100%);
|
|
||||||
font-weight: $nested-kbd-font-weight;
|
|
||||||
@include box-shadow(none);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blocks of code
|
|
||||||
pre {
|
|
||||||
display: block;
|
|
||||||
@include font-size($code-font-size);
|
|
||||||
color: $pre-color;
|
|
||||||
|
|
||||||
// Account for some code outputs that place code tags in pre tags
|
|
||||||
code {
|
|
||||||
@include font-size(inherit);
|
|
||||||
color: inherit;
|
|
||||||
word-break: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Enable scrollable blocks of code
|
|
||||||
.pre-scrollable {
|
|
||||||
max-height: $pre-scrollable-max-height;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
@ -1,507 +0,0 @@
|
|||||||
// Embedded icons from Open Iconic.
|
|
||||||
// Released under MIT and copyright 2014 Waybury.
|
|
||||||
// https://useiconic.com/open
|
|
||||||
|
|
||||||
|
|
||||||
// Checkboxes and radios
|
|
||||||
//
|
|
||||||
// Base class takes care of all the key behavioral aspects.
|
|
||||||
|
|
||||||
.custom-control {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
min-height: $font-size-base * $line-height-base;
|
|
||||||
padding-left: $custom-control-gutter + $custom-control-indicator-size;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-inline {
|
|
||||||
display: inline-flex;
|
|
||||||
margin-right: $custom-control-spacer-x;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input {
|
|
||||||
position: absolute;
|
|
||||||
z-index: -1; // Put the input behind the label so it doesn't overlay text
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
&:checked ~ .custom-control-label::before {
|
|
||||||
color: $custom-control-indicator-checked-color;
|
|
||||||
border-color: $custom-control-indicator-checked-border-color;
|
|
||||||
@include gradient-bg($custom-control-indicator-checked-bg);
|
|
||||||
@include box-shadow($custom-control-indicator-checked-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus ~ .custom-control-label::before {
|
|
||||||
// the mixin is not used here to make sure there is feedback
|
|
||||||
@if $enable-shadows {
|
|
||||||
box-shadow: $input-box-shadow, $input-focus-box-shadow;
|
|
||||||
} @else {
|
|
||||||
box-shadow: $custom-control-indicator-focus-box-shadow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus:not(:checked) ~ .custom-control-label::before {
|
|
||||||
border-color: $custom-control-indicator-focus-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:disabled):active ~ .custom-control-label::before {
|
|
||||||
color: $custom-control-indicator-active-color;
|
|
||||||
background-color: $custom-control-indicator-active-bg;
|
|
||||||
border-color: $custom-control-indicator-active-border-color;
|
|
||||||
@include box-shadow($custom-control-indicator-active-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled {
|
|
||||||
~ .custom-control-label {
|
|
||||||
color: $custom-control-label-disabled-color;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
background-color: $custom-control-indicator-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Custom control indicators
|
|
||||||
//
|
|
||||||
// Build the custom controls out of pseudo-elements.
|
|
||||||
|
|
||||||
.custom-control-label {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 0;
|
|
||||||
vertical-align: top;
|
|
||||||
|
|
||||||
// Background-color and (when enabled) gradient
|
|
||||||
&::before {
|
|
||||||
position: absolute;
|
|
||||||
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
|
|
||||||
left: -($custom-control-gutter + $custom-control-indicator-size);
|
|
||||||
display: block;
|
|
||||||
width: $custom-control-indicator-size;
|
|
||||||
height: $custom-control-indicator-size;
|
|
||||||
pointer-events: none;
|
|
||||||
content: "";
|
|
||||||
background-color: $custom-control-indicator-bg;
|
|
||||||
border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;
|
|
||||||
@include box-shadow($custom-control-indicator-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Foreground (icon)
|
|
||||||
&::after {
|
|
||||||
position: absolute;
|
|
||||||
top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
|
|
||||||
left: -($custom-control-gutter + $custom-control-indicator-size);
|
|
||||||
display: block;
|
|
||||||
width: $custom-control-indicator-size;
|
|
||||||
height: $custom-control-indicator-size;
|
|
||||||
content: "";
|
|
||||||
background: no-repeat 50% / #{$custom-control-indicator-bg-size};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Checkboxes
|
|
||||||
//
|
|
||||||
// Tweak just a few things for checkboxes.
|
|
||||||
|
|
||||||
.custom-checkbox {
|
|
||||||
.custom-control-label::before {
|
|
||||||
@include border-radius($custom-checkbox-indicator-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:checked ~ .custom-control-label {
|
|
||||||
&::after {
|
|
||||||
background-image: $custom-checkbox-indicator-icon-checked;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:indeterminate ~ .custom-control-label {
|
|
||||||
&::before {
|
|
||||||
border-color: $custom-checkbox-indicator-indeterminate-border-color;
|
|
||||||
@include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
|
|
||||||
@include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
|
|
||||||
}
|
|
||||||
&::after {
|
|
||||||
background-image: $custom-checkbox-indicator-icon-indeterminate;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:disabled {
|
|
||||||
&:checked ~ .custom-control-label::before {
|
|
||||||
background-color: $custom-control-indicator-checked-disabled-bg;
|
|
||||||
}
|
|
||||||
&:indeterminate ~ .custom-control-label::before {
|
|
||||||
background-color: $custom-control-indicator-checked-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Radios
|
|
||||||
//
|
|
||||||
// Tweak just a few things for radios.
|
|
||||||
|
|
||||||
.custom-radio {
|
|
||||||
.custom-control-label::before {
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-radius: $custom-radio-indicator-border-radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:checked ~ .custom-control-label {
|
|
||||||
&::after {
|
|
||||||
background-image: $custom-radio-indicator-icon-checked;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:disabled {
|
|
||||||
&:checked ~ .custom-control-label::before {
|
|
||||||
background-color: $custom-control-indicator-checked-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// switches
|
|
||||||
//
|
|
||||||
// Tweak a few things for switches
|
|
||||||
|
|
||||||
.custom-switch {
|
|
||||||
padding-left: $custom-switch-width + $custom-control-gutter;
|
|
||||||
|
|
||||||
.custom-control-label {
|
|
||||||
&::before {
|
|
||||||
left: -($custom-switch-width + $custom-control-gutter);
|
|
||||||
width: $custom-switch-width;
|
|
||||||
pointer-events: all;
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-radius: $custom-switch-indicator-border-radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});
|
|
||||||
left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
|
|
||||||
width: $custom-switch-indicator-size;
|
|
||||||
height: $custom-switch-indicator-size;
|
|
||||||
background-color: $custom-control-indicator-border-color;
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-radius: $custom-switch-indicator-border-radius;
|
|
||||||
@include transition(transform .15s ease-in-out, $custom-forms-transition);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:checked ~ .custom-control-label {
|
|
||||||
&::after {
|
|
||||||
background-color: $custom-control-indicator-bg;
|
|
||||||
transform: translateX($custom-switch-width - $custom-control-indicator-size);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-input:disabled {
|
|
||||||
&:checked ~ .custom-control-label::before {
|
|
||||||
background-color: $custom-control-indicator-checked-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Select
|
|
||||||
//
|
|
||||||
// Replaces the browser default select with a custom one, mostly pulled from
|
|
||||||
// https://primer.github.io/.
|
|
||||||
//
|
|
||||||
|
|
||||||
.custom-select {
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
height: $custom-select-height;
|
|
||||||
padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
|
|
||||||
font-family: $custom-select-font-family;
|
|
||||||
@include font-size($custom-select-font-size);
|
|
||||||
font-weight: $custom-select-font-weight;
|
|
||||||
line-height: $custom-select-line-height;
|
|
||||||
color: $custom-select-color;
|
|
||||||
vertical-align: middle;
|
|
||||||
background: $custom-select-background;
|
|
||||||
background-color: $custom-select-bg;
|
|
||||||
border: $custom-select-border-width solid $custom-select-border-color;
|
|
||||||
@include border-radius($custom-select-border-radius, 0);
|
|
||||||
@include box-shadow($custom-select-box-shadow);
|
|
||||||
appearance: none;
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
border-color: $custom-select-focus-border-color;
|
|
||||||
outline: 0;
|
|
||||||
@if $enable-shadows {
|
|
||||||
box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;
|
|
||||||
} @else {
|
|
||||||
box-shadow: $custom-select-focus-box-shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-ms-value {
|
|
||||||
// For visual consistency with other platforms/browsers,
|
|
||||||
// suppress the default white text on blue background highlight given to
|
|
||||||
// the selected option text when the (still closed) <select> receives focus
|
|
||||||
// in IE and (under certain conditions) Edge.
|
|
||||||
// See https://github.com/twbs/bootstrap/issues/19398.
|
|
||||||
color: $input-color;
|
|
||||||
background-color: $input-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&[multiple],
|
|
||||||
&[size]:not([size="1"]) {
|
|
||||||
height: auto;
|
|
||||||
padding-right: $custom-select-padding-x;
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled {
|
|
||||||
color: $custom-select-disabled-color;
|
|
||||||
background-color: $custom-select-disabled-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hides the default caret in IE11
|
|
||||||
&::-ms-expand {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-select-sm {
|
|
||||||
height: $custom-select-height-sm;
|
|
||||||
padding-top: $custom-select-padding-y-sm;
|
|
||||||
padding-bottom: $custom-select-padding-y-sm;
|
|
||||||
padding-left: $custom-select-padding-x-sm;
|
|
||||||
@include font-size($custom-select-font-size-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-select-lg {
|
|
||||||
height: $custom-select-height-lg;
|
|
||||||
padding-top: $custom-select-padding-y-lg;
|
|
||||||
padding-bottom: $custom-select-padding-y-lg;
|
|
||||||
padding-left: $custom-select-padding-x-lg;
|
|
||||||
@include font-size($custom-select-font-size-lg);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// File
|
|
||||||
//
|
|
||||||
// Custom file input.
|
|
||||||
|
|
||||||
.custom-file {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
height: $custom-file-height;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-file-input {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
width: 100%;
|
|
||||||
height: $custom-file-height;
|
|
||||||
margin: 0;
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
&:focus ~ .custom-file-label {
|
|
||||||
border-color: $custom-file-focus-border-color;
|
|
||||||
box-shadow: $custom-file-focus-box-shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled ~ .custom-file-label {
|
|
||||||
background-color: $custom-file-disabled-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $lang, $value in $custom-file-text {
|
|
||||||
&:lang(#{$lang}) ~ .custom-file-label::after {
|
|
||||||
content: $value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
~ .custom-file-label[data-browse]::after {
|
|
||||||
content: attr(data-browse);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-file-label {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1;
|
|
||||||
height: $custom-file-height;
|
|
||||||
padding: $custom-file-padding-y $custom-file-padding-x;
|
|
||||||
font-family: $custom-file-font-family;
|
|
||||||
font-weight: $custom-file-font-weight;
|
|
||||||
line-height: $custom-file-line-height;
|
|
||||||
color: $custom-file-color;
|
|
||||||
background-color: $custom-file-bg;
|
|
||||||
border: $custom-file-border-width solid $custom-file-border-color;
|
|
||||||
@include border-radius($custom-file-border-radius);
|
|
||||||
@include box-shadow($custom-file-box-shadow);
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 3;
|
|
||||||
display: block;
|
|
||||||
height: $custom-file-height-inner;
|
|
||||||
padding: $custom-file-padding-y $custom-file-padding-x;
|
|
||||||
line-height: $custom-file-line-height;
|
|
||||||
color: $custom-file-button-color;
|
|
||||||
content: "Browse";
|
|
||||||
@include gradient-bg($custom-file-button-bg);
|
|
||||||
border-left: inherit;
|
|
||||||
@include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Range
|
|
||||||
//
|
|
||||||
// Style range inputs the same across browsers. Vendor-specific rules for pseudo
|
|
||||||
// elements cannot be mixed. As such, there are no shared styles for focus or
|
|
||||||
// active states on prefixed selectors.
|
|
||||||
|
|
||||||
.custom-range {
|
|
||||||
width: 100%;
|
|
||||||
height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});
|
|
||||||
padding: 0; // Need to reset padding
|
|
||||||
background-color: transparent;
|
|
||||||
appearance: none;
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
outline: none;
|
|
||||||
|
|
||||||
// Pseudo-elements must be split across multiple rulesets to have an effect.
|
|
||||||
// No box-shadow() mixin for focus accessibility.
|
|
||||||
&::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
|
|
||||||
&::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
|
|
||||||
&::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-moz-focus-outer {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-webkit-slider-thumb {
|
|
||||||
width: $custom-range-thumb-width;
|
|
||||||
height: $custom-range-thumb-height;
|
|
||||||
margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific
|
|
||||||
@include gradient-bg($custom-range-thumb-bg);
|
|
||||||
border: $custom-range-thumb-border;
|
|
||||||
@include border-radius($custom-range-thumb-border-radius);
|
|
||||||
@include box-shadow($custom-range-thumb-box-shadow);
|
|
||||||
@include transition($custom-forms-transition);
|
|
||||||
appearance: none;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
@include gradient-bg($custom-range-thumb-active-bg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-webkit-slider-runnable-track {
|
|
||||||
width: $custom-range-track-width;
|
|
||||||
height: $custom-range-track-height;
|
|
||||||
color: transparent; // Why?
|
|
||||||
cursor: $custom-range-track-cursor;
|
|
||||||
background-color: $custom-range-track-bg;
|
|
||||||
border-color: transparent;
|
|
||||||
@include border-radius($custom-range-track-border-radius);
|
|
||||||
@include box-shadow($custom-range-track-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-moz-range-thumb {
|
|
||||||
width: $custom-range-thumb-width;
|
|
||||||
height: $custom-range-thumb-height;
|
|
||||||
@include gradient-bg($custom-range-thumb-bg);
|
|
||||||
border: $custom-range-thumb-border;
|
|
||||||
@include border-radius($custom-range-thumb-border-radius);
|
|
||||||
@include box-shadow($custom-range-thumb-box-shadow);
|
|
||||||
@include transition($custom-forms-transition);
|
|
||||||
appearance: none;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
@include gradient-bg($custom-range-thumb-active-bg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-moz-range-track {
|
|
||||||
width: $custom-range-track-width;
|
|
||||||
height: $custom-range-track-height;
|
|
||||||
color: transparent;
|
|
||||||
cursor: $custom-range-track-cursor;
|
|
||||||
background-color: $custom-range-track-bg;
|
|
||||||
border-color: transparent; // Firefox specific?
|
|
||||||
@include border-radius($custom-range-track-border-radius);
|
|
||||||
@include box-shadow($custom-range-track-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-ms-thumb {
|
|
||||||
width: $custom-range-thumb-width;
|
|
||||||
height: $custom-range-thumb-height;
|
|
||||||
margin-top: 0; // Edge specific
|
|
||||||
margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
|
|
||||||
margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
|
|
||||||
@include gradient-bg($custom-range-thumb-bg);
|
|
||||||
border: $custom-range-thumb-border;
|
|
||||||
@include border-radius($custom-range-thumb-border-radius);
|
|
||||||
@include box-shadow($custom-range-thumb-box-shadow);
|
|
||||||
@include transition($custom-forms-transition);
|
|
||||||
appearance: none;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
@include gradient-bg($custom-range-thumb-active-bg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-ms-track {
|
|
||||||
width: $custom-range-track-width;
|
|
||||||
height: $custom-range-track-height;
|
|
||||||
color: transparent;
|
|
||||||
cursor: $custom-range-track-cursor;
|
|
||||||
background-color: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
border-width: $custom-range-thumb-height / 2;
|
|
||||||
@include box-shadow($custom-range-track-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-ms-fill-lower {
|
|
||||||
background-color: $custom-range-track-bg;
|
|
||||||
@include border-radius($custom-range-track-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-ms-fill-upper {
|
|
||||||
margin-right: 15px; // arbitrary?
|
|
||||||
background-color: $custom-range-track-bg;
|
|
||||||
@include border-radius($custom-range-track-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled {
|
|
||||||
&::-webkit-slider-thumb {
|
|
||||||
background-color: $custom-range-thumb-disabled-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-webkit-slider-runnable-track {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-moz-range-thumb {
|
|
||||||
background-color: $custom-range-thumb-disabled-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-moz-range-track {
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-ms-thumb {
|
|
||||||
background-color: $custom-range-thumb-disabled-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control-label::before,
|
|
||||||
.custom-file-label,
|
|
||||||
.custom-select {
|
|
||||||
@include transition($custom-forms-transition);
|
|
||||||
}
|
|
@ -1,191 +0,0 @@
|
|||||||
// The dropdown wrapper (`<div>`)
|
|
||||||
.dropup,
|
|
||||||
.dropright,
|
|
||||||
.dropdown,
|
|
||||||
.dropleft {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-toggle {
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
// Generate the caret automatically
|
|
||||||
@include caret;
|
|
||||||
}
|
|
||||||
|
|
||||||
// The dropdown menu
|
|
||||||
.dropdown-menu {
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
z-index: $zindex-dropdown;
|
|
||||||
display: none; // none by default, but block on "open" of the menu
|
|
||||||
float: left;
|
|
||||||
min-width: $dropdown-min-width;
|
|
||||||
padding: $dropdown-padding-y 0;
|
|
||||||
margin: $dropdown-spacer 0 0; // override default ul
|
|
||||||
@include font-size($dropdown-font-size);
|
|
||||||
color: $dropdown-color;
|
|
||||||
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
|
|
||||||
list-style: none;
|
|
||||||
background-color: $dropdown-bg;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: $dropdown-border-width solid $dropdown-border-color;
|
|
||||||
@include border-radius($dropdown-border-radius);
|
|
||||||
@include box-shadow($dropdown-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
||||||
@include media-breakpoint-up($breakpoint) {
|
|
||||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
||||||
|
|
||||||
.dropdown-menu#{$infix}-left {
|
|
||||||
right: auto;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu#{$infix}-right {
|
|
||||||
right: 0;
|
|
||||||
left: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
|
||||||
// Just add .dropup after the standard .dropdown class and you're set.
|
|
||||||
.dropup {
|
|
||||||
.dropdown-menu {
|
|
||||||
top: auto;
|
|
||||||
bottom: 100%;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: $dropdown-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-toggle {
|
|
||||||
@include caret(up);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropright {
|
|
||||||
.dropdown-menu {
|
|
||||||
top: 0;
|
|
||||||
right: auto;
|
|
||||||
left: 100%;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-left: $dropdown-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-toggle {
|
|
||||||
@include caret(right);
|
|
||||||
&::after {
|
|
||||||
vertical-align: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropleft {
|
|
||||||
.dropdown-menu {
|
|
||||||
top: 0;
|
|
||||||
right: 100%;
|
|
||||||
left: auto;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-right: $dropdown-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-toggle {
|
|
||||||
@include caret(left);
|
|
||||||
&::before {
|
|
||||||
vertical-align: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// When enabled Popper.js, reset basic dropdown position
|
|
||||||
// stylelint-disable-next-line no-duplicate-selectors
|
|
||||||
.dropdown-menu {
|
|
||||||
&[x-placement^="top"],
|
|
||||||
&[x-placement^="right"],
|
|
||||||
&[x-placement^="bottom"],
|
|
||||||
&[x-placement^="left"] {
|
|
||||||
right: auto;
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dividers (basically an `<hr>`) within the dropdown
|
|
||||||
.dropdown-divider {
|
|
||||||
@include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Links, buttons, and more within the dropdown menu
|
|
||||||
//
|
|
||||||
// `<button>`-specific styles are denoted with `// For <button>s`
|
|
||||||
.dropdown-item {
|
|
||||||
display: block;
|
|
||||||
width: 100%; // For `<button>`s
|
|
||||||
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
|
|
||||||
clear: both;
|
|
||||||
font-weight: $font-weight-normal;
|
|
||||||
color: $dropdown-link-color;
|
|
||||||
text-align: inherit; // For `<button>`s
|
|
||||||
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
|
||||||
background-color: transparent; // For `<button>`s
|
|
||||||
border: 0; // For `<button>`s
|
|
||||||
|
|
||||||
// Prevent dropdown overflow if there's no padding
|
|
||||||
// See https://github.com/twbs/bootstrap/pull/27703
|
|
||||||
@if $dropdown-padding-y == 0 {
|
|
||||||
&:first-child {
|
|
||||||
@include border-top-radius($dropdown-inner-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
@include border-bottom-radius($dropdown-inner-border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $dropdown-link-hover-color;
|
|
||||||
text-decoration: none;
|
|
||||||
@include gradient-bg($dropdown-link-hover-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active,
|
|
||||||
&:active {
|
|
||||||
color: $dropdown-link-active-color;
|
|
||||||
text-decoration: none;
|
|
||||||
@include gradient-bg($dropdown-link-active-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled,
|
|
||||||
&:disabled {
|
|
||||||
color: $dropdown-link-disabled-color;
|
|
||||||
pointer-events: none;
|
|
||||||
background-color: transparent;
|
|
||||||
// Remove CSS gradients if they're enabled
|
|
||||||
@if $enable-gradients {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu.show {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dropdown section headers
|
|
||||||
.dropdown-header {
|
|
||||||
display: block;
|
|
||||||
padding: $dropdown-padding-y $dropdown-item-padding-x;
|
|
||||||
margin-bottom: 0; // for use with heading elements
|
|
||||||
@include font-size($font-size-sm);
|
|
||||||
color: $dropdown-header-color;
|
|
||||||
white-space: nowrap; // as with > li > a
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dropdown text
|
|
||||||
.dropdown-item-text {
|
|
||||||
display: block;
|
|
||||||
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
|
|
||||||
color: $dropdown-link-color;
|
|
||||||
}
|
|
@ -1,330 +0,0 @@
|
|||||||
// stylelint-disable selector-no-qualifying-type
|
|
||||||
|
|
||||||
//
|
|
||||||
// Textual form controls
|
|
||||||
//
|
|
||||||
|
|
||||||
.form-control {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: $input-height;
|
|
||||||
padding: $input-padding-y $input-padding-x;
|
|
||||||
font-family: $input-font-family;
|
|
||||||
@include font-size($input-font-size);
|
|
||||||
font-weight: $input-font-weight;
|
|
||||||
line-height: $input-line-height;
|
|
||||||
color: $input-color;
|
|
||||||
background-color: $input-bg;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: $input-border-width solid $input-border-color;
|
|
||||||
|
|
||||||
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
|
||||||
@include border-radius($input-border-radius, 0);
|
|
||||||
|
|
||||||
@include box-shadow($input-box-shadow);
|
|
||||||
@include transition($input-transition);
|
|
||||||
|
|
||||||
// Unstyle the caret on `<select>`s in IE10+.
|
|
||||||
&::-ms-expand {
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Customize the `:focus` state to imitate native WebKit styles.
|
|
||||||
@include form-control-focus();
|
|
||||||
|
|
||||||
// Placeholder
|
|
||||||
&::placeholder {
|
|
||||||
color: $input-placeholder-color;
|
|
||||||
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Disabled and read-only inputs
|
|
||||||
//
|
|
||||||
// HTML5 says that controls under a fieldset > legend:first-child won't be
|
|
||||||
// disabled if the fieldset is disabled. Due to implementation difficulty, we
|
|
||||||
// don't honor that edge case; we style them as disabled anyway.
|
|
||||||
&:disabled,
|
|
||||||
&[readonly] {
|
|
||||||
background-color: $input-disabled-bg;
|
|
||||||
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
select.form-control {
|
|
||||||
&:focus::-ms-value {
|
|
||||||
// Suppress the nested default white text on blue background highlight given to
|
|
||||||
// the selected option text when the (still closed) <select> receives focus
|
|
||||||
// in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
|
|
||||||
// match the appearance of the native widget.
|
|
||||||
// See https://github.com/twbs/bootstrap/issues/19398.
|
|
||||||
color: $input-color;
|
|
||||||
background-color: $input-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make file inputs better match text inputs by forcing them to new lines.
|
|
||||||
.form-control-file,
|
|
||||||
.form-control-range {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Labels
|
|
||||||
//
|
|
||||||
|
|
||||||
// For use with horizontal and inline forms, when you need the label (or legend)
|
|
||||||
// text to align with the form controls.
|
|
||||||
.col-form-label {
|
|
||||||
padding-top: calc(#{$input-padding-y} + #{$input-border-width});
|
|
||||||
padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
|
|
||||||
margin-bottom: 0; // Override the `<label>/<legend>` default
|
|
||||||
@include font-size(inherit); // Override the `<legend>` default
|
|
||||||
line-height: $input-line-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-form-label-lg {
|
|
||||||
padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
|
||||||
padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
|
||||||
@include font-size($input-font-size-lg);
|
|
||||||
line-height: $input-line-height-lg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-form-label-sm {
|
|
||||||
padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
|
||||||
padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
|
||||||
@include font-size($input-font-size-sm);
|
|
||||||
line-height: $input-line-height-sm;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Readonly controls as plain text
|
|
||||||
//
|
|
||||||
// Apply class to a readonly input to make it appear like regular plain
|
|
||||||
// text (without any border, background color, focus indicator)
|
|
||||||
|
|
||||||
.form-control-plaintext {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-top: $input-padding-y;
|
|
||||||
padding-bottom: $input-padding-y;
|
|
||||||
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
|
|
||||||
line-height: $input-line-height;
|
|
||||||
color: $input-plaintext-color;
|
|
||||||
background-color: transparent;
|
|
||||||
border: solid transparent;
|
|
||||||
border-width: $input-border-width 0;
|
|
||||||
|
|
||||||
&.form-control-sm,
|
|
||||||
&.form-control-lg {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form control sizing
|
|
||||||
//
|
|
||||||
// Build on `.form-control` with modifier classes to decrease or increase the
|
|
||||||
// height and font-size of form controls.
|
|
||||||
//
|
|
||||||
// Repeated in `_input_group.scss` to avoid Sass extend issues.
|
|
||||||
|
|
||||||
.form-control-sm {
|
|
||||||
height: $input-height-sm;
|
|
||||||
padding: $input-padding-y-sm $input-padding-x-sm;
|
|
||||||
@include font-size($input-font-size-sm);
|
|
||||||
line-height: $input-line-height-sm;
|
|
||||||
@include border-radius($input-border-radius-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control-lg {
|
|
||||||
height: $input-height-lg;
|
|
||||||
padding: $input-padding-y-lg $input-padding-x-lg;
|
|
||||||
@include font-size($input-font-size-lg);
|
|
||||||
line-height: $input-line-height-lg;
|
|
||||||
@include border-radius($input-border-radius-lg);
|
|
||||||
}
|
|
||||||
|
|
||||||
// stylelint-disable-next-line no-duplicate-selectors
|
|
||||||
select.form-control {
|
|
||||||
&[size],
|
|
||||||
&[multiple] {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.form-control {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Form groups
|
|
||||||
//
|
|
||||||
// Designed to help with the organization and spacing of vertical forms. For
|
|
||||||
// horizontal forms, use the predefined grid classes.
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: $form-group-margin-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-text {
|
|
||||||
display: block;
|
|
||||||
margin-top: $form-text-margin-top;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form grid
|
|
||||||
//
|
|
||||||
// Special replacement for our grid system's `.row` for tighter form layouts.
|
|
||||||
|
|
||||||
.form-row {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin-right: -$form-grid-gutter-width / 2;
|
|
||||||
margin-left: -$form-grid-gutter-width / 2;
|
|
||||||
|
|
||||||
> .col,
|
|
||||||
> [class*="col-"] {
|
|
||||||
padding-right: $form-grid-gutter-width / 2;
|
|
||||||
padding-left: $form-grid-gutter-width / 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Checkboxes and radios
|
|
||||||
//
|
|
||||||
// Indent the labels to position radios/checkboxes as hanging controls.
|
|
||||||
|
|
||||||
.form-check {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding-left: $form-check-input-gutter;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-check-input {
|
|
||||||
position: absolute;
|
|
||||||
margin-top: $form-check-input-margin-y;
|
|
||||||
margin-left: -$form-check-input-gutter;
|
|
||||||
|
|
||||||
&:disabled ~ .form-check-label {
|
|
||||||
color: $text-muted;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-check-label {
|
|
||||||
margin-bottom: 0; // Override default `<label>` bottom margin
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-check-inline {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 0; // Override base .form-check
|
|
||||||
margin-right: $form-check-inline-margin-x;
|
|
||||||
|
|
||||||
// Undo .form-check-input defaults and add some `margin-right`.
|
|
||||||
.form-check-input {
|
|
||||||
position: static;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-right: $form-check-inline-input-margin-x;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form validation
|
|
||||||
//
|
|
||||||
// Provide feedback to users when form field values are valid or invalid. Works
|
|
||||||
// primarily for client-side validation via scoped `:invalid` and `:valid`
|
|
||||||
// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
|
|
||||||
// server side validation.
|
|
||||||
|
|
||||||
@each $state, $data in $form-validation-states {
|
|
||||||
@include form-validation-state($state, map-get($data, color), map-get($data, icon));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline forms
|
|
||||||
//
|
|
||||||
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
|
|
||||||
// forms begin stacked on extra small (mobile) devices and then go inline when
|
|
||||||
// viewports reach <768px.
|
|
||||||
//
|
|
||||||
// Requires wrapping inputs and labels with `.form-group` for proper display of
|
|
||||||
// default HTML form controls and our custom form controls (e.g., input groups).
|
|
||||||
|
|
||||||
.form-inline {
|
|
||||||
display: flex;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
|
|
||||||
|
|
||||||
// Because we use flex, the initial sizing of checkboxes is collapsed and
|
|
||||||
// doesn't occupy the full-width (which is what we want for xs grid tier),
|
|
||||||
// so we force that here.
|
|
||||||
.form-check {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Kick in the inline
|
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline-block all the things for "inline"
|
|
||||||
.form-group {
|
|
||||||
display: flex;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Allow folks to *not* use `.form-group`
|
|
||||||
.form-control {
|
|
||||||
display: inline-block;
|
|
||||||
width: auto; // Prevent labels from stacking above inputs in `.form-group`
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make static controls behave like regular ones
|
|
||||||
.form-control-plaintext {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group,
|
|
||||||
.custom-select {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove default margin on radios/checkboxes that were used for stacking, and
|
|
||||||
// then undo the floating of radios and checkboxes to match.
|
|
||||||
.form-check {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: auto;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
.form-check-input {
|
|
||||||
position: relative;
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-right: $form-check-input-margin-x;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-control {
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.custom-control-label {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,86 +0,0 @@
|
|||||||
// Bootstrap functions
|
|
||||||
//
|
|
||||||
// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
|
|
||||||
|
|
||||||
// Ascending
|
|
||||||
// Used to evaluate Sass maps like our grid breakpoints.
|
|
||||||
@mixin _assert-ascending($map, $map-name) {
|
|
||||||
$prev-key: null;
|
|
||||||
$prev-num: null;
|
|
||||||
@each $key, $num in $map {
|
|
||||||
@if $prev-num == null or unit($num) == "%" {
|
|
||||||
// Do nothing
|
|
||||||
} @else if not comparable($prev-num, $num) {
|
|
||||||
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
|
||||||
} @else if $prev-num >= $num {
|
|
||||||
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
|
||||||
}
|
|
||||||
$prev-key: $key;
|
|
||||||
$prev-num: $num;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Starts at zero
|
|
||||||
// Used to ensure the min-width of the lowest breakpoint starts at 0.
|
|
||||||
@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
|
|
||||||
$values: map-values($map);
|
|
||||||
$first-value: nth($values, 1);
|
|
||||||
@if $first-value != 0 {
|
|
||||||
@warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Replace `$search` with `$replace` in `$string`
|
|
||||||
// Used on our SVG icon backgrounds for custom forms.
|
|
||||||
//
|
|
||||||
// @author Hugo Giraudel
|
|
||||||
// @param {String} $string - Initial string
|
|
||||||
// @param {String} $search - Substring to replace
|
|
||||||
// @param {String} $replace ('') - New value
|
|
||||||
// @return {String} - Updated string
|
|
||||||
@function str-replace($string, $search, $replace: "") {
|
|
||||||
$index: str-index($string, $search);
|
|
||||||
|
|
||||||
@if $index {
|
|
||||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
|
||||||
}
|
|
||||||
|
|
||||||
@return $string;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Color contrast
|
|
||||||
@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
|
|
||||||
$r: red($color);
|
|
||||||
$g: green($color);
|
|
||||||
$b: blue($color);
|
|
||||||
|
|
||||||
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
|
|
||||||
|
|
||||||
@if ($yiq >= $yiq-contrasted-threshold) {
|
|
||||||
@return $dark;
|
|
||||||
} @else {
|
|
||||||
@return $light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Retrieve color Sass maps
|
|
||||||
@function color($key: "blue") {
|
|
||||||
@return map-get($colors, $key);
|
|
||||||
}
|
|
||||||
|
|
||||||
@function theme-color($key: "primary") {
|
|
||||||
@return map-get($theme-colors, $key);
|
|
||||||
}
|
|
||||||
|
|
||||||
@function gray($key: "100") {
|
|
||||||
@return map-get($grays, $key);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Request a theme color level
|
|
||||||
@function theme-color-level($color-name: "primary", $level: 0) {
|
|
||||||
$color: theme-color($color-name);
|
|
||||||
$color-base: if($level > 0, $black, $white);
|
|
||||||
$level: abs($level);
|
|
||||||
|
|
||||||
@return mix($color-base, $color, $level * $theme-color-interval);
|
|
||||||
}
|
|
@ -1,52 +0,0 @@
|
|||||||
// Container widths
|
|
||||||
//
|
|
||||||
// Set the container width, and override it for fixed navbars in media queries.
|
|
||||||
|
|
||||||
@if $enable-grid-classes {
|
|
||||||
.container {
|
|
||||||
@include make-container();
|
|
||||||
@include make-container-max-widths();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fluid container
|
|
||||||
//
|
|
||||||
// Utilizes the mixin meant for fixed width containers, but with 100% width for
|
|
||||||
// fluid, full width layouts.
|
|
||||||
|
|
||||||
@if $enable-grid-classes {
|
|
||||||
.container-fluid {
|
|
||||||
@include make-container();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Row
|
|
||||||
//
|
|
||||||
// Rows contain and clear the floats of your columns.
|
|
||||||
|
|
||||||
@if $enable-grid-classes {
|
|
||||||
.row {
|
|
||||||
@include make-row();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove the negative margin from default .row, then the horizontal padding
|
|
||||||
// from all immediate children columns (to prevent runaway style inheritance).
|
|
||||||
.no-gutters {
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
> .col,
|
|
||||||
> [class*="col-"] {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Columns
|
|
||||||
//
|
|
||||||
// Common styles for small and large grid columns
|
|
||||||
|
|
||||||
@if $enable-grid-classes {
|
|
||||||
@include make-grid-columns();
|
|
||||||
}
|
|
@ -1,42 +0,0 @@
|
|||||||
// Responsive images (ensure images don't scale beyond their parents)
|
|
||||||
//
|
|
||||||
// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
|
|
||||||
// We previously tried the "images are responsive by default" approach in Bootstrap v2,
|
|
||||||
// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
|
|
||||||
// which weren't expecting the images within themselves to be involuntarily resized.
|
|
||||||
// See also https://github.com/twbs/bootstrap/issues/18178
|
|
||||||
.img-fluid {
|
|
||||||
@include img-fluid;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Image thumbnails
|
|
||||||
.img-thumbnail {
|
|
||||||
padding: $thumbnail-padding;
|
|
||||||
background-color: $thumbnail-bg;
|
|
||||||
border: $thumbnail-border-width solid $thumbnail-border-color;
|
|
||||||
@include border-radius($thumbnail-border-radius);
|
|
||||||
@include box-shadow($thumbnail-box-shadow);
|
|
||||||
|
|
||||||
// Keep them at most 100% wide
|
|
||||||
@include img-fluid;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Figures
|
|
||||||
//
|
|
||||||
|
|
||||||
.figure {
|
|
||||||
// Ensures the caption's text aligns with the image.
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.figure-img {
|
|
||||||
margin-bottom: $spacer / 2;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.figure-caption {
|
|
||||||
@include font-size($figure-caption-font-size);
|
|
||||||
color: $figure-caption-color;
|
|
||||||
}
|
|
@ -1,193 +0,0 @@
|
|||||||
// stylelint-disable selector-no-qualifying-type
|
|
||||||
|
|
||||||
//
|
|
||||||
// Base styles
|
|
||||||
//
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap; // For form validation feedback
|
|
||||||
align-items: stretch;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
> .form-control,
|
|
||||||
> .form-control-plaintext,
|
|
||||||
> .custom-select,
|
|
||||||
> .custom-file {
|
|
||||||
position: relative; // For focus state's z-index
|
|
||||||
flex: 1 1 auto;
|
|
||||||
// Add width 1% and flex-basis auto to ensure that button will not wrap out
|
|
||||||
// the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
|
|
||||||
width: 1%;
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
+ .form-control,
|
|
||||||
+ .custom-select,
|
|
||||||
+ .custom-file {
|
|
||||||
margin-left: -$input-border-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bring the "active" form control to the top of surrounding elements
|
|
||||||
> .form-control:focus,
|
|
||||||
> .custom-select:focus,
|
|
||||||
> .custom-file .custom-file-input:focus ~ .custom-file-label {
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bring the custom file input above the label
|
|
||||||
> .custom-file .custom-file-input:focus {
|
|
||||||
z-index: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .form-control,
|
|
||||||
> .custom-select {
|
|
||||||
&:not(:last-child) { @include border-right-radius(0); }
|
|
||||||
&:not(:first-child) { @include border-left-radius(0); }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Custom file inputs have more complex markup, thus requiring different
|
|
||||||
// border-radius overrides.
|
|
||||||
> .custom-file {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&:not(:last-child) .custom-file-label,
|
|
||||||
&:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
|
|
||||||
&:not(:first-child) .custom-file-label { @include border-left-radius(0); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Prepend and append
|
|
||||||
//
|
|
||||||
// While it requires one extra layer of HTML for each, dedicated prepend and
|
|
||||||
// append elements allow us to 1) be less clever, 2) simplify our selectors, and
|
|
||||||
// 3) support HTML5 form validation.
|
|
||||||
|
|
||||||
.input-group-prepend,
|
|
||||||
.input-group-append {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
// Ensure buttons are always above inputs for more visually pleasing borders.
|
|
||||||
// This isn't needed for `.input-group-text` since it shares the same border-color
|
|
||||||
// as our inputs.
|
|
||||||
.btn {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn + .btn,
|
|
||||||
.btn + .input-group-text,
|
|
||||||
.input-group-text + .input-group-text,
|
|
||||||
.input-group-text + .btn {
|
|
||||||
margin-left: -$input-border-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-prepend { margin-right: -$input-border-width; }
|
|
||||||
.input-group-append { margin-left: -$input-border-width; }
|
|
||||||
|
|
||||||
|
|
||||||
// Textual addons
|
|
||||||
//
|
|
||||||
// Serves as a catch-all element for any text or radio/checkbox input you wish
|
|
||||||
// to prepend or append to an input.
|
|
||||||
|
|
||||||
.input-group-text {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: $input-padding-y $input-padding-x;
|
|
||||||
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
|
|
||||||
@include font-size($input-font-size); // Match inputs
|
|
||||||
font-weight: $font-weight-normal;
|
|
||||||
line-height: $input-line-height;
|
|
||||||
color: $input-group-addon-color;
|
|
||||||
text-align: center;
|
|
||||||
white-space: nowrap;
|
|
||||||
background-color: $input-group-addon-bg;
|
|
||||||
border: $input-border-width solid $input-group-addon-border-color;
|
|
||||||
@include border-radius($input-border-radius);
|
|
||||||
|
|
||||||
// Nuke default margins from checkboxes and radios to vertically center within.
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"] {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Sizing
|
|
||||||
//
|
|
||||||
// Remix the default form control sizing classes into new ones for easier
|
|
||||||
// manipulation.
|
|
||||||
|
|
||||||
.input-group-lg > .form-control:not(textarea),
|
|
||||||
.input-group-lg > .custom-select {
|
|
||||||
height: $input-height-lg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-lg > .form-control,
|
|
||||||
.input-group-lg > .custom-select,
|
|
||||||
.input-group-lg > .input-group-prepend > .input-group-text,
|
|
||||||
.input-group-lg > .input-group-append > .input-group-text,
|
|
||||||
.input-group-lg > .input-group-prepend > .btn,
|
|
||||||
.input-group-lg > .input-group-append > .btn {
|
|
||||||
padding: $input-padding-y-lg $input-padding-x-lg;
|
|
||||||
@include font-size($input-font-size-lg);
|
|
||||||
line-height: $input-line-height-lg;
|
|
||||||
@include border-radius($input-border-radius-lg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-sm > .form-control:not(textarea),
|
|
||||||
.input-group-sm > .custom-select {
|
|
||||||
height: $input-height-sm;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-sm > .form-control,
|
|
||||||
.input-group-sm > .custom-select,
|
|
||||||
.input-group-sm > .input-group-prepend > .input-group-text,
|
|
||||||
.input-group-sm > .input-group-append > .input-group-text,
|
|
||||||
.input-group-sm > .input-group-prepend > .btn,
|
|
||||||
.input-group-sm > .input-group-append > .btn {
|
|
||||||
padding: $input-padding-y-sm $input-padding-x-sm;
|
|
||||||
@include font-size($input-font-size-sm);
|
|
||||||
line-height: $input-line-height-sm;
|
|
||||||
@include border-radius($input-border-radius-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-lg > .custom-select,
|
|
||||||
.input-group-sm > .custom-select {
|
|
||||||
padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Prepend and append rounded corners
|
|
||||||
//
|
|
||||||
// These rulesets must come after the sizing ones to properly override sm and lg
|
|
||||||
// border-radius values when extending. They're more specific than we'd like
|
|
||||||
// with the `.input-group >` part, but without it, we cannot override the sizing.
|
|
||||||
|
|
||||||
|
|
||||||
.input-group > .input-group-prepend > .btn,
|
|
||||||
.input-group > .input-group-prepend > .input-group-text,
|
|
||||||
.input-group > .input-group-append:not(:last-child) > .btn,
|
|
||||||
.input-group > .input-group-append:not(:last-child) > .input-group-text,
|
|
||||||
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
|
||||||
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
|
|
||||||
@include border-right-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group > .input-group-append > .btn,
|
|
||||||
.input-group > .input-group-append > .input-group-text,
|
|
||||||
.input-group > .input-group-prepend:not(:first-child) > .btn,
|
|
||||||
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
|
|
||||||
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
|
|
||||||
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
|
|
||||||
@include border-left-radius(0);
|
|
||||||
}
|
|
@ -1,17 +0,0 @@
|
|||||||
.jumbotron {
|
|
||||||
padding: $jumbotron-padding ($jumbotron-padding / 2);
|
|
||||||
margin-bottom: $jumbotron-padding;
|
|
||||||
color: $jumbotron-color;
|
|
||||||
background-color: $jumbotron-bg;
|
|
||||||
@include border-radius($border-radius-lg);
|
|
||||||
|
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
padding: ($jumbotron-padding * 2) $jumbotron-padding;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.jumbotron-fluid {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
@include border-radius(0);
|
|
||||||
}
|
|
@ -1,149 +0,0 @@
|
|||||||
// Base class
|
|
||||||
//
|
|
||||||
// Easily usable on <ul>, <ol>, or <div>.
|
|
||||||
|
|
||||||
.list-group {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
// No need to set list-style: none; since .list-group-item is block level
|
|
||||||
padding-left: 0; // reset padding because ul and ol
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Interactive list items
|
|
||||||
//
|
|
||||||
// Use anchor or button elements instead of `li`s or `div`s to create interactive
|
|
||||||
// list items. Includes an extra `.active` modifier class for selected items.
|
|
||||||
|
|
||||||
.list-group-item-action {
|
|
||||||
width: 100%; // For `<button>`s (anchors become 100% by default though)
|
|
||||||
color: $list-group-action-color;
|
|
||||||
text-align: inherit; // For `<button>`s (anchors inherit)
|
|
||||||
|
|
||||||
// Hover state
|
|
||||||
@include hover-focus {
|
|
||||||
z-index: 1; // Place hover/focus items above their siblings for proper border styling
|
|
||||||
color: $list-group-action-hover-color;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: $list-group-hover-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
color: $list-group-action-active-color;
|
|
||||||
background-color: $list-group-action-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Individual list items
|
|
||||||
//
|
|
||||||
// Use on `li`s or `div`s within the `.list-group` parent.
|
|
||||||
|
|
||||||
.list-group-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding: $list-group-item-padding-y $list-group-item-padding-x;
|
|
||||||
// Place the border on the list items and negative margin up for better styling
|
|
||||||
margin-bottom: -$list-group-border-width;
|
|
||||||
color: $list-group-color;
|
|
||||||
background-color: $list-group-bg;
|
|
||||||
border: $list-group-border-width solid $list-group-border-color;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
@include border-top-radius($list-group-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
@include border-bottom-radius($list-group-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled,
|
|
||||||
&:disabled {
|
|
||||||
color: $list-group-disabled-color;
|
|
||||||
pointer-events: none;
|
|
||||||
background-color: $list-group-disabled-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Include both here for `<a>`s and `<button>`s
|
|
||||||
&.active {
|
|
||||||
z-index: 2; // Place active items above their siblings for proper border styling
|
|
||||||
color: $list-group-active-color;
|
|
||||||
background-color: $list-group-active-bg;
|
|
||||||
border-color: $list-group-active-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Horizontal
|
|
||||||
//
|
|
||||||
// Change the layout of list group items from vertical (default) to horizontal.
|
|
||||||
|
|
||||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
||||||
@include media-breakpoint-up($breakpoint) {
|
|
||||||
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
|
||||||
|
|
||||||
.list-group-horizontal#{$infix} {
|
|
||||||
flex-direction: row;
|
|
||||||
|
|
||||||
.list-group-item {
|
|
||||||
margin-right: -$list-group-border-width;
|
|
||||||
margin-bottom: 0;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
@include border-left-radius($list-group-border-radius);
|
|
||||||
@include border-top-right-radius(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
@include border-right-radius($list-group-border-radius);
|
|
||||||
@include border-bottom-left-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Flush list items
|
|
||||||
//
|
|
||||||
// Remove borders and border-radius to keep list group items edge-to-edge. Most
|
|
||||||
// useful within other components (e.g., cards).
|
|
||||||
|
|
||||||
.list-group-flush {
|
|
||||||
.list-group-item {
|
|
||||||
border-right: 0;
|
|
||||||
border-left: 0;
|
|
||||||
@include border-radius(0);
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: -$list-group-border-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
.list-group-item:first-child {
|
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
.list-group-item:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Contextual variants
|
|
||||||
//
|
|
||||||
// Add modifier classes to change text and background color on individual items.
|
|
||||||
// Organizationally, this must come after the `:hover` states.
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
|
||||||
}
|
|
@ -1,8 +0,0 @@
|
|||||||
.media {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-body {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
@ -1,47 +0,0 @@
|
|||||||
// Toggles
|
|
||||||
//
|
|
||||||
// Used in conjunction with global variables to enable certain theme features.
|
|
||||||
|
|
||||||
// Vendor
|
|
||||||
@import "vendor/rfs";
|
|
||||||
|
|
||||||
// Deprecate
|
|
||||||
@import "mixins/deprecate";
|
|
||||||
|
|
||||||
// Utilities
|
|
||||||
@import "mixins/breakpoints";
|
|
||||||
@import "mixins/hover";
|
|
||||||
@import "mixins/image";
|
|
||||||
@import "mixins/badge";
|
|
||||||
@import "mixins/resize";
|
|
||||||
@import "mixins/screen-reader";
|
|
||||||
@import "mixins/size";
|
|
||||||
@import "mixins/reset-text";
|
|
||||||
@import "mixins/text-emphasis";
|
|
||||||
@import "mixins/text-hide";
|
|
||||||
@import "mixins/text-truncate";
|
|
||||||
@import "mixins/visibility";
|
|
||||||
|
|
||||||
// // Components
|
|
||||||
@import "mixins/alert";
|
|
||||||
@import "mixins/buttons";
|
|
||||||
@import "mixins/caret";
|
|
||||||
@import "mixins/pagination";
|
|
||||||
@import "mixins/lists";
|
|
||||||
@import "mixins/list-group";
|
|
||||||
@import "mixins/nav-divider";
|
|
||||||
@import "mixins/forms";
|
|
||||||
@import "mixins/table-row";
|
|
||||||
|
|
||||||
// // Skins
|
|
||||||
@import "mixins/background-variant";
|
|
||||||
@import "mixins/border-radius";
|
|
||||||
@import "mixins/box-shadow";
|
|
||||||
@import "mixins/gradients";
|
|
||||||
@import "mixins/transition";
|
|
||||||
|
|
||||||
// // Layout
|
|
||||||
@import "mixins/clearfix";
|
|
||||||
@import "mixins/grid-framework";
|
|
||||||
@import "mixins/grid";
|
|
||||||
@import "mixins/float";
|
|
@ -1,229 +0,0 @@
|
|||||||
// .modal-open - body class for killing the scroll
|
|
||||||
// .modal - container to scroll within
|
|
||||||
// .modal-dialog - positioning shell for the actual modal
|
|
||||||
// .modal-content - actual modal w/ bg and corners and stuff
|
|
||||||
|
|
||||||
|
|
||||||
.modal-open {
|
|
||||||
// Kill the scroll on the body
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Container that the modal scrolls within
|
|
||||||
.modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: $zindex-modal;
|
|
||||||
display: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
|
||||||
// https://github.com/twbs/bootstrap/pull/10951.
|
|
||||||
outline: 0;
|
|
||||||
// We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
|
|
||||||
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
|
||||||
// See also https://github.com/twbs/bootstrap/issues/17695
|
|
||||||
}
|
|
||||||
|
|
||||||
// Shell div to position the modal with bottom padding
|
|
||||||
.modal-dialog {
|
|
||||||
position: relative;
|
|
||||||
width: auto;
|
|
||||||
margin: $modal-dialog-margin;
|
|
||||||
// allow clicks to pass through for custom click handling to close modal
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
// When fading in the modal, animate it to slide down
|
|
||||||
.modal.fade & {
|
|
||||||
@include transition($modal-transition);
|
|
||||||
transform: $modal-fade-transform;
|
|
||||||
}
|
|
||||||
.modal.show & {
|
|
||||||
transform: $modal-show-transform;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-dialog-scrollable {
|
|
||||||
display: flex; // IE10/11
|
|
||||||
max-height: calc(100% - #{$modal-dialog-margin * 2});
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-header,
|
|
||||||
.modal-footer {
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-body {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-dialog-centered {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
min-height: calc(100% - #{$modal-dialog-margin * 2});
|
|
||||||
|
|
||||||
// Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
|
|
||||||
&::before {
|
|
||||||
display: block; // IE10
|
|
||||||
height: calc(100vh - #{$modal-dialog-margin * 2});
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Ensure `.modal-body` shows scrollbar (IE10/11)
|
|
||||||
&.modal-dialog-scrollable {
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
max-height: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Actual modal
|
|
||||||
.modal-content {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
|
||||||
// counteract the pointer-events: none; in the .modal-dialog
|
|
||||||
color: $modal-content-color;
|
|
||||||
pointer-events: auto;
|
|
||||||
background-color: $modal-content-bg;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: $modal-content-border-width solid $modal-content-border-color;
|
|
||||||
@include border-radius($modal-content-border-radius);
|
|
||||||
@include box-shadow($modal-content-box-shadow-xs);
|
|
||||||
// Remove focus outline from opened modal
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal background
|
|
||||||
.modal-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: $zindex-modal-backdrop;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
background-color: $modal-backdrop-bg;
|
|
||||||
|
|
||||||
// Fade for backdrop
|
|
||||||
&.fade { opacity: 0; }
|
|
||||||
&.show { opacity: $modal-backdrop-opacity; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal header
|
|
||||||
// Top section of the modal w/ title and dismiss
|
|
||||||
.modal-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start; // so the close btn always stays on the upper right corner
|
|
||||||
justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
|
|
||||||
padding: $modal-header-padding;
|
|
||||||
border-bottom: $modal-header-border-width solid $modal-header-border-color;
|
|
||||||
@include border-top-radius($modal-content-border-radius);
|
|
||||||
|
|
||||||
.close {
|
|
||||||
padding: $modal-header-padding;
|
|
||||||
// auto on the left force icon to the right even when there is no .modal-title
|
|
||||||
margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Title text within header
|
|
||||||
.modal-title {
|
|
||||||
margin-bottom: 0;
|
|
||||||
line-height: $modal-title-line-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal body
|
|
||||||
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
|
||||||
.modal-body {
|
|
||||||
position: relative;
|
|
||||||
// Enable `flex-grow: 1` so that the body take up as much space as possible
|
|
||||||
// when should there be a fixed height on `.modal-dialog`.
|
|
||||||
flex: 1 1 auto;
|
|
||||||
padding: $modal-inner-padding;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Footer (for actions)
|
|
||||||
.modal-footer {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; // vertically center
|
|
||||||
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
|
|
||||||
padding: $modal-inner-padding;
|
|
||||||
border-top: $modal-footer-border-width solid $modal-footer-border-color;
|
|
||||||
@include border-bottom-radius($modal-content-border-radius);
|
|
||||||
|
|
||||||
// Easily place margin between footer elements
|
|
||||||
> :not(:first-child) { margin-left: .25rem; }
|
|
||||||
> :not(:last-child) { margin-right: .25rem; }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Measure scrollbar width for padding body during modal show/hide
|
|
||||||
.modal-scrollbar-measure {
|
|
||||||
position: absolute;
|
|
||||||
top: -9999px;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
overflow: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Scale up the modal
|
|
||||||
@include media-breakpoint-up(sm) {
|
|
||||||
// Automatically set modal's width for larger viewports
|
|
||||||
.modal-dialog {
|
|
||||||
max-width: $modal-md;
|
|
||||||
margin: $modal-dialog-margin-y-sm-up auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-dialog-scrollable {
|
|
||||||
max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-dialog-centered {
|
|
||||||
min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content {
|
|
||||||
@include box-shadow($modal-content-box-shadow-sm-up);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-sm { max-width: $modal-sm; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint-up(lg) {
|
|
||||||
.modal-lg,
|
|
||||||
.modal-xl {
|
|
||||||
max-width: $modal-lg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint-up(xl) {
|
|
||||||
.modal-xl { max-width: $modal-xl; }
|
|
||||||
}
|
|
@ -1,120 +0,0 @@
|
|||||||
// Base class
|
|
||||||
//
|
|
||||||
// Kickstart any navigation component with a set of style resets. Works with
|
|
||||||
// `<nav>`s or `<ul>`s.
|
|
||||||
|
|
||||||
.nav {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding-left: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
display: block;
|
|
||||||
padding: $nav-link-padding-y $nav-link-padding-x;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Disabled state lightens text
|
|
||||||
&.disabled {
|
|
||||||
color: $nav-link-disabled-color;
|
|
||||||
pointer-events: none;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Tabs
|
|
||||||
//
|
|
||||||
|
|
||||||
.nav-tabs {
|
|
||||||
border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
|
|
||||||
|
|
||||||
.nav-item {
|
|
||||||
margin-bottom: -$nav-tabs-border-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
border: $nav-tabs-border-width solid transparent;
|
|
||||||
@include border-top-radius($nav-tabs-border-radius);
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
border-color: $nav-tabs-link-hover-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled {
|
|
||||||
color: $nav-link-disabled-color;
|
|
||||||
background-color: transparent;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link.active,
|
|
||||||
.nav-item.show .nav-link {
|
|
||||||
color: $nav-tabs-link-active-color;
|
|
||||||
background-color: $nav-tabs-link-active-bg;
|
|
||||||
border-color: $nav-tabs-link-active-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
// Make dropdown border overlap tab border
|
|
||||||
margin-top: -$nav-tabs-border-width;
|
|
||||||
// Remove the top rounded corners here since there is a hard edge above the menu
|
|
||||||
@include border-top-radius(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Pills
|
|
||||||
//
|
|
||||||
|
|
||||||
.nav-pills {
|
|
||||||
.nav-link {
|
|
||||||
@include border-radius($nav-pills-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link.active,
|
|
||||||
.show > .nav-link {
|
|
||||||
color: $nav-pills-link-active-color;
|
|
||||||
background-color: $nav-pills-link-active-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Justified variants
|
|
||||||
//
|
|
||||||
|
|
||||||
.nav-fill {
|
|
||||||
.nav-item {
|
|
||||||
flex: 1 1 auto;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-justified {
|
|
||||||
.nav-item {
|
|
||||||
flex-basis: 0;
|
|
||||||
flex-grow: 1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Tabbable tabs
|
|
||||||
//
|
|
||||||
// Hide tabbable panes to start, show them when `.active`
|
|
||||||
|
|
||||||
.tab-content {
|
|
||||||
> .tab-pane {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
> .active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,294 +0,0 @@
|
|||||||
// Contents
|
|
||||||
//
|
|
||||||
// Navbar
|
|
||||||
// Navbar brand
|
|
||||||
// Navbar nav
|
|
||||||
// Navbar text
|
|
||||||
// Navbar divider
|
|
||||||
// Responsive navbar
|
|
||||||
// Navbar position
|
|
||||||
// Navbar themes
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar
|
|
||||||
//
|
|
||||||
// Provide a static navbar from which we expand to create full-width, fixed, and
|
|
||||||
// other navbar variations.
|
|
||||||
|
|
||||||
.navbar {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap; // allow us to do the line break for collapsing content
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between; // space out brand from logo
|
|
||||||
padding: $navbar-padding-y $navbar-padding-x;
|
|
||||||
|
|
||||||
// Because flex properties aren't inherited, we need to redeclare these first
|
|
||||||
// few properties so that content nested within behave properly.
|
|
||||||
> .container,
|
|
||||||
> .container-fluid {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar brand
|
|
||||||
//
|
|
||||||
// Used for brand, project, or site names.
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
display: inline-block;
|
|
||||||
padding-top: $navbar-brand-padding-y;
|
|
||||||
padding-bottom: $navbar-brand-padding-y;
|
|
||||||
margin-right: $navbar-padding-x;
|
|
||||||
@include font-size($navbar-brand-font-size);
|
|
||||||
line-height: inherit;
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar nav
|
|
||||||
//
|
|
||||||
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
|
|
||||||
padding-left: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
position: static;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar text
|
|
||||||
//
|
|
||||||
//
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
display: inline-block;
|
|
||||||
padding-top: $nav-link-padding-y;
|
|
||||||
padding-bottom: $nav-link-padding-y;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Responsive navbar
|
|
||||||
//
|
|
||||||
// Custom styles for responsive collapsing and toggling of navbar contents.
|
|
||||||
// Powered by the collapse Bootstrap JavaScript plugin.
|
|
||||||
|
|
||||||
// When collapsed, prevent the toggleable navbar contents from appearing in
|
|
||||||
// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
|
|
||||||
// on the `.navbar` parent.
|
|
||||||
.navbar-collapse {
|
|
||||||
flex-basis: 100%;
|
|
||||||
flex-grow: 1;
|
|
||||||
// For always expanded or extra full navbars, ensure content aligns itself
|
|
||||||
// properly vertically. Can be easily overridden with flex utilities.
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Button for toggling the navbar when in its collapsed state
|
|
||||||
.navbar-toggler {
|
|
||||||
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
|
||||||
@include font-size($navbar-toggler-font-size);
|
|
||||||
line-height: 1;
|
|
||||||
background-color: transparent; // remove default button style
|
|
||||||
border: $border-width solid transparent; // remove default button style
|
|
||||||
@include border-radius($navbar-toggler-border-radius);
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Keep as a separate element so folks can easily override it with another icon
|
|
||||||
// or image file as needed.
|
|
||||||
.navbar-toggler-icon {
|
|
||||||
display: inline-block;
|
|
||||||
width: 1.5em;
|
|
||||||
height: 1.5em;
|
|
||||||
vertical-align: middle;
|
|
||||||
content: "";
|
|
||||||
background: no-repeat center center;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate series of `.navbar-expand-*` responsive classes for configuring
|
|
||||||
// where your navbar collapses.
|
|
||||||
.navbar-expand {
|
|
||||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
||||||
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
|
||||||
$infix: breakpoint-infix($next, $grid-breakpoints);
|
|
||||||
|
|
||||||
&#{$infix} {
|
|
||||||
@include media-breakpoint-down($breakpoint) {
|
|
||||||
> .container,
|
|
||||||
> .container-fluid {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint-up($next) {
|
|
||||||
flex-flow: row nowrap;
|
|
||||||
justify-content: flex-start;
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
flex-direction: row;
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
padding-right: $navbar-nav-link-padding-x;
|
|
||||||
padding-left: $navbar-nav-link-padding-x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// For nesting containers, have to redeclare for alignment purposes
|
|
||||||
> .container,
|
|
||||||
> .container-fluid {
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-collapse {
|
|
||||||
display: flex !important; // stylelint-disable-line declaration-no-important
|
|
||||||
|
|
||||||
// Changes flex-bases to auto because of an IE10 bug
|
|
||||||
flex-basis: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Navbar themes
|
|
||||||
//
|
|
||||||
// Styles for switching between navbars with light or dark background.
|
|
||||||
|
|
||||||
// Dark links against a light background
|
|
||||||
.navbar-light {
|
|
||||||
.navbar-brand {
|
|
||||||
color: $navbar-light-brand-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-light-brand-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
.nav-link {
|
|
||||||
color: $navbar-light-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-light-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled {
|
|
||||||
color: $navbar-light-disabled-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.show > .nav-link,
|
|
||||||
.active > .nav-link,
|
|
||||||
.nav-link.show,
|
|
||||||
.nav-link.active {
|
|
||||||
color: $navbar-light-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler {
|
|
||||||
color: $navbar-light-color;
|
|
||||||
border-color: $navbar-light-toggler-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler-icon {
|
|
||||||
background-image: $navbar-light-toggler-icon-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
color: $navbar-light-color;
|
|
||||||
a {
|
|
||||||
color: $navbar-light-active-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-light-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// White links against a dark background
|
|
||||||
.navbar-dark {
|
|
||||||
.navbar-brand {
|
|
||||||
color: $navbar-dark-brand-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-dark-brand-hover-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nav {
|
|
||||||
.nav-link {
|
|
||||||
color: $navbar-dark-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-dark-hover-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled {
|
|
||||||
color: $navbar-dark-disabled-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.show > .nav-link,
|
|
||||||
.active > .nav-link,
|
|
||||||
.nav-link.show,
|
|
||||||
.nav-link.active {
|
|
||||||
color: $navbar-dark-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler {
|
|
||||||
color: $navbar-dark-color;
|
|
||||||
border-color: $navbar-dark-toggler-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-toggler-icon {
|
|
||||||
background-image: $navbar-dark-toggler-icon-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-text {
|
|
||||||
color: $navbar-dark-color;
|
|
||||||
a {
|
|
||||||
color: $navbar-dark-active-color;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: $navbar-dark-active-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,73 +0,0 @@
|
|||||||
.pagination {
|
|
||||||
display: flex;
|
|
||||||
@include list-unstyled();
|
|
||||||
@include border-radius();
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-link {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding: $pagination-padding-y $pagination-padding-x;
|
|
||||||
margin-left: -$pagination-border-width;
|
|
||||||
line-height: $pagination-line-height;
|
|
||||||
color: $pagination-color;
|
|
||||||
background-color: $pagination-bg;
|
|
||||||
border: $pagination-border-width solid $pagination-border-color;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
z-index: 2;
|
|
||||||
color: $pagination-hover-color;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: $pagination-hover-bg;
|
|
||||||
border-color: $pagination-hover-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
z-index: 2;
|
|
||||||
outline: $pagination-focus-outline;
|
|
||||||
box-shadow: $pagination-focus-box-shadow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-item {
|
|
||||||
&:first-child {
|
|
||||||
.page-link {
|
|
||||||
margin-left: 0;
|
|
||||||
@include border-left-radius($border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.page-link {
|
|
||||||
@include border-right-radius($border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active .page-link {
|
|
||||||
z-index: 1;
|
|
||||||
color: $pagination-active-color;
|
|
||||||
background-color: $pagination-active-bg;
|
|
||||||
border-color: $pagination-active-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled .page-link {
|
|
||||||
color: $pagination-disabled-color;
|
|
||||||
pointer-events: none;
|
|
||||||
// Opinionated: remove the "hand" cursor set previously for .page-link
|
|
||||||
cursor: auto;
|
|
||||||
background-color: $pagination-disabled-bg;
|
|
||||||
border-color: $pagination-disabled-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Sizing
|
|
||||||
//
|
|
||||||
|
|
||||||
.pagination-lg {
|
|
||||||
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-sm {
|
|
||||||
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
|
|
||||||
}
|
|
@ -1,171 +0,0 @@
|
|||||||
.popover {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: $zindex-popover;
|
|
||||||
display: block;
|
|
||||||
max-width: $popover-max-width;
|
|
||||||
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
|
||||||
// So reset our font and text properties to avoid inheriting weird values.
|
|
||||||
@include reset-text();
|
|
||||||
@include font-size($popover-font-size);
|
|
||||||
// Allow breaking very long words so they don't overflow the popover's bounds
|
|
||||||
word-wrap: break-word;
|
|
||||||
background-color: $popover-bg;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: $popover-border-width solid $popover-border-color;
|
|
||||||
@include border-radius($popover-border-radius);
|
|
||||||
@include box-shadow($popover-box-shadow);
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
width: $popover-arrow-width;
|
|
||||||
height: $popover-arrow-height;
|
|
||||||
margin: 0 $border-radius-lg;
|
|
||||||
|
|
||||||
&::before,
|
|
||||||
&::after {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
content: "";
|
|
||||||
border-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-popover-top {
|
|
||||||
margin-bottom: $popover-arrow-height;
|
|
||||||
|
|
||||||
> .arrow {
|
|
||||||
bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
bottom: 0;
|
|
||||||
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
|
||||||
border-top-color: $popover-arrow-outer-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
bottom: $popover-border-width;
|
|
||||||
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
|
||||||
border-top-color: $popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-popover-right {
|
|
||||||
margin-left: $popover-arrow-height;
|
|
||||||
|
|
||||||
> .arrow {
|
|
||||||
left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
|
||||||
width: $popover-arrow-height;
|
|
||||||
height: $popover-arrow-width;
|
|
||||||
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
left: 0;
|
|
||||||
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
|
||||||
border-right-color: $popover-arrow-outer-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
left: $popover-border-width;
|
|
||||||
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
|
||||||
border-right-color: $popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-popover-bottom {
|
|
||||||
margin-top: $popover-arrow-height;
|
|
||||||
|
|
||||||
> .arrow {
|
|
||||||
top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
top: 0;
|
|
||||||
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
|
||||||
border-bottom-color: $popover-arrow-outer-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
top: $popover-border-width;
|
|
||||||
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
|
||||||
border-bottom-color: $popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// This will remove the popover-header's border just below the arrow
|
|
||||||
.popover-header::before {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
display: block;
|
|
||||||
width: $popover-arrow-width;
|
|
||||||
margin-left: -$popover-arrow-width / 2;
|
|
||||||
content: "";
|
|
||||||
border-bottom: $popover-border-width solid $popover-header-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-popover-left {
|
|
||||||
margin-right: $popover-arrow-height;
|
|
||||||
|
|
||||||
> .arrow {
|
|
||||||
right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
|
||||||
width: $popover-arrow-height;
|
|
||||||
height: $popover-arrow-width;
|
|
||||||
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
right: 0;
|
|
||||||
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
|
||||||
border-left-color: $popover-arrow-outer-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
right: $popover-border-width;
|
|
||||||
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
|
||||||
border-left-color: $popover-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-popover-auto {
|
|
||||||
&[x-placement^="top"] {
|
|
||||||
@extend .bs-popover-top;
|
|
||||||
}
|
|
||||||
&[x-placement^="right"] {
|
|
||||||
@extend .bs-popover-right;
|
|
||||||
}
|
|
||||||
&[x-placement^="bottom"] {
|
|
||||||
@extend .bs-popover-bottom;
|
|
||||||
}
|
|
||||||
&[x-placement^="left"] {
|
|
||||||
@extend .bs-popover-left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Offset the popover to account for the popover arrow
|
|
||||||
.popover-header {
|
|
||||||
padding: $popover-header-padding-y $popover-header-padding-x;
|
|
||||||
margin-bottom: 0; // Reset the default from Reboot
|
|
||||||
@include font-size($font-size-base);
|
|
||||||
color: $popover-header-color;
|
|
||||||
background-color: $popover-header-bg;
|
|
||||||
border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
|
|
||||||
$offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
|
|
||||||
@include border-top-radius($offset-border-width);
|
|
||||||
|
|
||||||
&:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.popover-body {
|
|
||||||
padding: $popover-body-padding-y $popover-body-padding-x;
|
|
||||||
color: $popover-body-color;
|
|
||||||
}
|
|
@ -1,141 +0,0 @@
|
|||||||
// stylelint-disable declaration-no-important, selector-no-qualifying-type
|
|
||||||
|
|
||||||
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
|
|
||||||
|
|
||||||
// ==========================================================================
|
|
||||||
// Print styles.
|
|
||||||
// Inlined to avoid the additional HTTP request:
|
|
||||||
// https://www.phpied.com/delay-loading-your-print-css/
|
|
||||||
// ==========================================================================
|
|
||||||
|
|
||||||
@if $enable-print-styles {
|
|
||||||
@media print {
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
// Bootstrap specific; comment out `color` and `background`
|
|
||||||
//color: $black !important; // Black prints faster
|
|
||||||
text-shadow: none !important;
|
|
||||||
//background: transparent !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
&:not(.btn) {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap specific; comment the following selector out
|
|
||||||
//a[href]::after {
|
|
||||||
// content: " (" attr(href) ")";
|
|
||||||
//}
|
|
||||||
|
|
||||||
abbr[title]::after {
|
|
||||||
content: " (" attr(title) ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap specific; comment the following selector out
|
|
||||||
//
|
|
||||||
// Don't show links that are fragment identifiers,
|
|
||||||
// or use the `javascript:` pseudo protocol
|
|
||||||
//
|
|
||||||
|
|
||||||
//a[href^="#"]::after,
|
|
||||||
//a[href^="javascript:"]::after {
|
|
||||||
// content: "";
|
|
||||||
//}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre-wrap !important;
|
|
||||||
}
|
|
||||||
pre,
|
|
||||||
blockquote {
|
|
||||||
border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
|
|
||||||
page-break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Printing Tables:
|
|
||||||
// http://css-discuss.incutio.com/wiki/Printing_Tables
|
|
||||||
//
|
|
||||||
|
|
||||||
thead {
|
|
||||||
display: table-header-group;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr,
|
|
||||||
img {
|
|
||||||
page-break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
orphans: 3;
|
|
||||||
widows: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
page-break-after: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap specific changes start
|
|
||||||
|
|
||||||
// Specify a size and min-width to make printing closer across browsers.
|
|
||||||
// We don't set margin here because it breaks `size` in Chrome. We also
|
|
||||||
// don't use `!important` on `size` as it breaks in Chrome.
|
|
||||||
@page {
|
|
||||||
size: $print-page-size;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
min-width: $print-body-min-width !important;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
min-width: $print-body-min-width !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap components
|
|
||||||
.navbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.badge {
|
|
||||||
border: $border-width solid $black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table {
|
|
||||||
border-collapse: collapse !important;
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
background-color: $white !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-bordered {
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
border: 1px solid $gray-300 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-dark {
|
|
||||||
color: inherit;
|
|
||||||
|
|
||||||
th,
|
|
||||||
td,
|
|
||||||
thead th,
|
|
||||||
tbody + tbody {
|
|
||||||
border-color: $table-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.table .thead-dark th {
|
|
||||||
color: inherit;
|
|
||||||
border-color: $table-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap specific changes end
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,43 +0,0 @@
|
|||||||
// Disable animation if transitions are disabled
|
|
||||||
@if $enable-transitions {
|
|
||||||
@keyframes progress-bar-stripes {
|
|
||||||
from { background-position: $progress-height 0; }
|
|
||||||
to { background-position: 0 0; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress {
|
|
||||||
display: flex;
|
|
||||||
height: $progress-height;
|
|
||||||
overflow: hidden; // force rounded corners by cropping it
|
|
||||||
@include font-size($progress-font-size);
|
|
||||||
background-color: $progress-bg;
|
|
||||||
@include border-radius($progress-border-radius);
|
|
||||||
@include box-shadow($progress-box-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
color: $progress-bar-color;
|
|
||||||
text-align: center;
|
|
||||||
white-space: nowrap;
|
|
||||||
background-color: $progress-bar-bg;
|
|
||||||
@include transition($progress-bar-transition);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-striped {
|
|
||||||
@include gradient-striped();
|
|
||||||
background-size: $progress-height $progress-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
@if $enable-transitions {
|
|
||||||
.progress-bar-animated {
|
|
||||||
animation: progress-bar-stripes $progress-bar-animation-timing;
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
animation: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,483 +0,0 @@
|
|||||||
// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
|
|
||||||
|
|
||||||
// Reboot
|
|
||||||
//
|
|
||||||
// Normalization of HTML elements, manually forked from Normalize.css to remove
|
|
||||||
// styles targeting irrelevant browsers while applying new styles.
|
|
||||||
//
|
|
||||||
// Normalize is licensed MIT. https://github.com/necolas/normalize.css
|
|
||||||
|
|
||||||
|
|
||||||
// Document
|
|
||||||
//
|
|
||||||
// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
|
|
||||||
// 2. Change the default font family in all browsers.
|
|
||||||
// 3. Correct the line height in all browsers.
|
|
||||||
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
|
|
||||||
// 5. Change the default tap highlight to be completely transparent in iOS.
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box; // 1
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-family: sans-serif; // 2
|
|
||||||
line-height: 1.15; // 3
|
|
||||||
-webkit-text-size-adjust: 100%; // 4
|
|
||||||
-webkit-tap-highlight-color: rgba($black, 0); // 5
|
|
||||||
}
|
|
||||||
|
|
||||||
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
|
|
||||||
// TODO: remove in v5
|
|
||||||
// stylelint-disable-next-line selector-list-comma-newline-after
|
|
||||||
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Body
|
|
||||||
//
|
|
||||||
// 1. Remove the margin in all browsers.
|
|
||||||
// 2. As a best practice, apply a default `background-color`.
|
|
||||||
// 3. Set an explicit initial text-align value so that we can later use
|
|
||||||
// the `inherit` value on things like `<th>` elements.
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0; // 1
|
|
||||||
font-family: $font-family-base;
|
|
||||||
@include font-size($font-size-base);
|
|
||||||
font-weight: $font-weight-base;
|
|
||||||
line-height: $line-height-base;
|
|
||||||
color: $body-color;
|
|
||||||
text-align: left; // 3
|
|
||||||
background-color: $body-bg; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
// Suppress the focus outline on elements that cannot be accessed via keyboard.
|
|
||||||
// This prevents an unwanted focus outline from appearing around elements that
|
|
||||||
// might still respond to pointer events.
|
|
||||||
//
|
|
||||||
// Credit: https://github.com/suitcss/base
|
|
||||||
[tabindex="-1"]:focus {
|
|
||||||
outline: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Content grouping
|
|
||||||
//
|
|
||||||
// 1. Add the correct box sizing in Firefox.
|
|
||||||
// 2. Show the overflow in Edge and IE.
|
|
||||||
|
|
||||||
hr {
|
|
||||||
box-sizing: content-box; // 1
|
|
||||||
height: 0; // 1
|
|
||||||
overflow: visible; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Typography
|
|
||||||
//
|
|
||||||
|
|
||||||
// Remove top margins from headings
|
|
||||||
//
|
|
||||||
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
|
|
||||||
// margin for easier control within type scales as it avoids margin collapsing.
|
|
||||||
// stylelint-disable-next-line selector-list-comma-newline-after
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: $headings-margin-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset margins on paragraphs
|
|
||||||
//
|
|
||||||
// Similarly, the top margin on `<p>`s get reset. However, we also reset the
|
|
||||||
// bottom margin to use `rem` units instead of `em`.
|
|
||||||
p {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: $paragraph-margin-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Abbreviations
|
|
||||||
//
|
|
||||||
// 1. Duplicate behavior to the data-* attribute for our tooltip plugin
|
|
||||||
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
||||||
// 3. Add explicit cursor to indicate changed behavior.
|
|
||||||
// 4. Remove the bottom border in Firefox 39-.
|
|
||||||
// 5. Prevent the text-decoration to be skipped.
|
|
||||||
|
|
||||||
abbr[title],
|
|
||||||
abbr[data-original-title] { // 1
|
|
||||||
text-decoration: underline; // 2
|
|
||||||
text-decoration: underline dotted; // 2
|
|
||||||
cursor: help; // 3
|
|
||||||
border-bottom: 0; // 4
|
|
||||||
text-decoration-skip-ink: none; // 5
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-style: normal;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
dl {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol ol,
|
|
||||||
ul ul,
|
|
||||||
ol ul,
|
|
||||||
ul ol {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
dt {
|
|
||||||
font-weight: $dt-font-weight;
|
|
||||||
}
|
|
||||||
|
|
||||||
dd {
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
margin-left: 0; // Undo browser default
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
|
|
||||||
}
|
|
||||||
|
|
||||||
small {
|
|
||||||
@include font-size(80%); // Add the correct font size in all browsers
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Prevent `sub` and `sup` elements from affecting the line height in
|
|
||||||
// all browsers.
|
|
||||||
//
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
position: relative;
|
|
||||||
@include font-size(75%);
|
|
||||||
line-height: 0;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub { bottom: -.25em; }
|
|
||||||
sup { top: -.5em; }
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Links
|
|
||||||
//
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $link-color;
|
|
||||||
text-decoration: $link-decoration;
|
|
||||||
background-color: transparent; // Remove the gray background on active links in IE 10.
|
|
||||||
|
|
||||||
@include hover {
|
|
||||||
color: $link-hover-color;
|
|
||||||
text-decoration: $link-hover-decoration;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// And undo these styles for placeholder links/named anchors (without href)
|
|
||||||
// which have not been made explicitly keyboard-focusable (without tabindex).
|
|
||||||
// It would be more straightforward to just use a[href] in previous block, but that
|
|
||||||
// causes specificity issues in many other styles that are too complex to fix.
|
|
||||||
// See https://github.com/twbs/bootstrap/issues/19402
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]) {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
@include hover-focus {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Code
|
|
||||||
//
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: $font-family-monospace;
|
|
||||||
@include font-size(1em); // Correct the odd `em` font sizing in all browsers.
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
// Remove browser default top margin
|
|
||||||
margin-top: 0;
|
|
||||||
// Reset browser default of `1em` to use `rem`s
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
// Don't allow content to break outside
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Figures
|
|
||||||
//
|
|
||||||
|
|
||||||
figure {
|
|
||||||
// Apply a consistent margin strategy (matches our type styles).
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Images and content
|
|
||||||
//
|
|
||||||
|
|
||||||
img {
|
|
||||||
vertical-align: middle;
|
|
||||||
border-style: none; // Remove the border on images inside links in IE 10-.
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
// Workaround for the SVG overflow bug in IE10/11 is still required.
|
|
||||||
// See https://github.com/twbs/bootstrap/issues/26878
|
|
||||||
overflow: hidden;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Tables
|
|
||||||
//
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse; // Prevent double borders
|
|
||||||
}
|
|
||||||
|
|
||||||
caption {
|
|
||||||
padding-top: $table-cell-padding;
|
|
||||||
padding-bottom: $table-cell-padding;
|
|
||||||
color: $table-caption-color;
|
|
||||||
text-align: left;
|
|
||||||
caption-side: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
// Matches default `<td>` alignment by inheriting from the `<body>`, or the
|
|
||||||
// closest parent with a set `text-align`.
|
|
||||||
text-align: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Forms
|
|
||||||
//
|
|
||||||
|
|
||||||
label {
|
|
||||||
// Allow labels to use `margin` for spacing.
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: $label-margin-bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove the default `border-radius` that macOS Chrome adds.
|
|
||||||
//
|
|
||||||
// Details at https://github.com/twbs/bootstrap/issues/24093
|
|
||||||
button {
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Work around a Firefox/IE bug where the transparent `button` background
|
|
||||||
// results in a loss of the default `button` focus styles.
|
|
||||||
//
|
|
||||||
// Credit: https://github.com/suitcss/base/
|
|
||||||
button:focus {
|
|
||||||
outline: 1px dotted;
|
|
||||||
outline: 5px auto -webkit-focus-ring-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
select,
|
|
||||||
optgroup,
|
|
||||||
textarea {
|
|
||||||
margin: 0; // Remove the margin in Firefox and Safari
|
|
||||||
font-family: inherit;
|
|
||||||
@include font-size(inherit);
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
overflow: visible; // Show the overflow in Edge
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
text-transform: none; // Remove the inheritance of text transform in Firefox
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove the inheritance of word-wrap in Safari.
|
|
||||||
//
|
|
||||||
// Details at https://github.com/twbs/bootstrap/issues/24990
|
|
||||||
select {
|
|
||||||
word-wrap: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
|
||||||
// controls in Android 4.
|
|
||||||
// 2. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
button,
|
|
||||||
[type="button"], // 1
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
// Opinionated: add "hand" cursor to non-disabled button elements.
|
|
||||||
@if $enable-pointer-cursor-for-buttons {
|
|
||||||
button,
|
|
||||||
[type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
&:not(:disabled) {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
padding: 0;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"] {
|
|
||||||
box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
|
|
||||||
padding: 0; // 2. Remove the padding in IE 10-
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
input[type="date"],
|
|
||||||
input[type="time"],
|
|
||||||
input[type="datetime-local"],
|
|
||||||
input[type="month"] {
|
|
||||||
// Remove the default appearance of temporal inputs to avoid a Mobile Safari
|
|
||||||
// bug where setting a custom line-height prevents text from being vertically
|
|
||||||
// centered within the input.
|
|
||||||
// See https://bugs.webkit.org/show_bug.cgi?id=139848
|
|
||||||
// and https://github.com/twbs/bootstrap/issues/11266
|
|
||||||
-webkit-appearance: listbox;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto; // Remove the default vertical scrollbar in IE.
|
|
||||||
// Textareas should really only resize vertically so they don't break their (horizontal) containers.
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
// Browsers set a default `min-width: min-content;` on fieldsets,
|
|
||||||
// unlike e.g. `<div>`s, which have `min-width: 0;` by default.
|
|
||||||
// So we reset that to ensure fieldsets behave more like a standard block element.
|
|
||||||
// See https://github.com/twbs/bootstrap/issues/12359
|
|
||||||
// and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
|
|
||||||
min-width: 0;
|
|
||||||
// Reset the default outline behavior of fieldsets so they don't affect page layout.
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 1. Correct the text wrapping in Edge and IE.
|
|
||||||
// 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
||||||
legend {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%; // 1
|
|
||||||
padding: 0;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
@include font-size(1.5rem);
|
|
||||||
line-height: inherit;
|
|
||||||
color: inherit; // 2
|
|
||||||
white-space: normal; // 1
|
|
||||||
}
|
|
||||||
|
|
||||||
progress {
|
|
||||||
vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
||||||
}
|
|
||||||
|
|
||||||
// Correct the cursor style of increment and decrement buttons in Chrome.
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
[type="search"] {
|
|
||||||
// This overrides the extra rounded corners on search inputs in iOS so that our
|
|
||||||
// `.form-control` class can properly style them. Note that this cannot simply
|
|
||||||
// be added to `.form-control` as it's not specific enough. For details, see
|
|
||||||
// https://github.com/twbs/bootstrap/issues/11586.
|
|
||||||
outline-offset: -2px; // 2. Correct the outline style in Safari.
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Remove the inner padding in Chrome and Safari on macOS.
|
|
||||||
//
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// 1. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
// 2. Change font properties to `inherit` in Safari.
|
|
||||||
//
|
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
font: inherit; // 2
|
|
||||||
-webkit-appearance: button; // 1
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Correct element displays
|
|
||||||
//
|
|
||||||
|
|
||||||
output {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
summary {
|
|
||||||
display: list-item; // Add the correct display in all browsers
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
template {
|
|
||||||
display: none; // Add the correct display in IE
|
|
||||||
}
|
|
||||||
|
|
||||||
// Always hide an element with the `hidden` HTML attribute (from PureCSS).
|
|
||||||
// Needed for proper display in IE 10-.
|
|
||||||
[hidden] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
@ -1,19 +0,0 @@
|
|||||||
:root {
|
|
||||||
// Custom variable values only support SassScript inside `#{}`.
|
|
||||||
@each $color, $value in $colors {
|
|
||||||
--#{$color}: #{$value};
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
--#{$color}: #{$value};
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $bp, $value in $grid-breakpoints {
|
|
||||||
--breakpoint-#{$bp}: #{$value};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Use `inspect` for lists so that quoted items keep the quotes.
|
|
||||||
// See https://github.com/sass/sass/issues/2383#issuecomment-336349172
|
|
||||||
--font-family-sans-serif: #{inspect($font-family-sans-serif)};
|
|
||||||
--font-family-monospace: #{inspect($font-family-monospace)};
|
|
||||||
}
|
|
@ -1,55 +0,0 @@
|
|||||||
//
|
|
||||||
// Rotating border
|
|
||||||
//
|
|
||||||
|
|
||||||
@keyframes spinner-border {
|
|
||||||
to { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-border {
|
|
||||||
display: inline-block;
|
|
||||||
width: $spinner-width;
|
|
||||||
height: $spinner-height;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
border: $spinner-border-width solid currentColor;
|
|
||||||
border-right-color: transparent;
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-radius: 50%;
|
|
||||||
animation: spinner-border .75s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-border-sm {
|
|
||||||
width: $spinner-width-sm;
|
|
||||||
height: $spinner-height-sm;
|
|
||||||
border-width: $spinner-border-width-sm;
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Growing circle
|
|
||||||
//
|
|
||||||
|
|
||||||
@keyframes spinner-grow {
|
|
||||||
0% {
|
|
||||||
transform: scale(0);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-grow {
|
|
||||||
display: inline-block;
|
|
||||||
width: $spinner-width;
|
|
||||||
height: $spinner-height;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
background-color: currentColor;
|
|
||||||
// stylelint-disable-next-line property-blacklist
|
|
||||||
border-radius: 50%;
|
|
||||||
opacity: 0;
|
|
||||||
animation: spinner-grow .75s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner-grow-sm {
|
|
||||||
width: $spinner-width-sm;
|
|
||||||
height: $spinner-height-sm;
|
|
||||||
}
|
|
@ -1,185 +0,0 @@
|
|||||||
//
|
|
||||||
// Basic Bootstrap table
|
|
||||||
//
|
|
||||||
|
|
||||||
.table {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: $spacer;
|
|
||||||
color: $table-color;
|
|
||||||
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
|
|
||||||
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
padding: $table-cell-padding;
|
|
||||||
vertical-align: top;
|
|
||||||
border-top: $table-border-width solid $table-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
thead th {
|
|
||||||
vertical-align: bottom;
|
|
||||||
border-bottom: (2 * $table-border-width) solid $table-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
tbody + tbody {
|
|
||||||
border-top: (2 * $table-border-width) solid $table-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Condensed table w/ half padding
|
|
||||||
//
|
|
||||||
|
|
||||||
.table-sm {
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
padding: $table-cell-padding-sm;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Border versions
|
|
||||||
//
|
|
||||||
// Add or remove borders all around the table and between all the columns.
|
|
||||||
|
|
||||||
.table-bordered {
|
|
||||||
border: $table-border-width solid $table-border-color;
|
|
||||||
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
border: $table-border-width solid $table-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
thead {
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
border-bottom-width: 2 * $table-border-width;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-borderless {
|
|
||||||
th,
|
|
||||||
td,
|
|
||||||
thead th,
|
|
||||||
tbody + tbody {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Zebra-striping
|
|
||||||
//
|
|
||||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
|
||||||
|
|
||||||
.table-striped {
|
|
||||||
tbody tr:nth-of-type(#{$table-striped-order}) {
|
|
||||||
background-color: $table-accent-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Hover effect
|
|
||||||
//
|
|
||||||
// Placed here since it has to come after the potential zebra striping
|
|
||||||
|
|
||||||
.table-hover {
|
|
||||||
tbody tr {
|
|
||||||
@include hover {
|
|
||||||
color: $table-hover-color;
|
|
||||||
background-color: $table-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Table backgrounds
|
|
||||||
//
|
|
||||||
// Exact selectors below required to override `.table-striped` and prevent
|
|
||||||
// inheritance to nested tables.
|
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
@include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
|
|
||||||
}
|
|
||||||
|
|
||||||
@include table-row-variant(active, $table-active-bg);
|
|
||||||
|
|
||||||
|
|
||||||
// Dark styles
|
|
||||||
//
|
|
||||||
// Same table markup, but inverted color scheme: dark background and light text.
|
|
||||||
|
|
||||||
// stylelint-disable-next-line no-duplicate-selectors
|
|
||||||
.table {
|
|
||||||
.thead-dark {
|
|
||||||
th {
|
|
||||||
color: $table-dark-color;
|
|
||||||
background-color: $table-dark-bg;
|
|
||||||
border-color: $table-dark-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.thead-light {
|
|
||||||
th {
|
|
||||||
color: $table-head-color;
|
|
||||||
background-color: $table-head-bg;
|
|
||||||
border-color: $table-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-dark {
|
|
||||||
color: $table-dark-color;
|
|
||||||
background-color: $table-dark-bg;
|
|
||||||
|
|
||||||
th,
|
|
||||||
td,
|
|
||||||
thead th {
|
|
||||||
border-color: $table-dark-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.table-bordered {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.table-striped {
|
|
||||||
tbody tr:nth-of-type(odd) {
|
|
||||||
background-color: $table-dark-accent-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.table-hover {
|
|
||||||
tbody tr {
|
|
||||||
@include hover {
|
|
||||||
color: $table-dark-hover-color;
|
|
||||||
background-color: $table-dark-hover-bg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Responsive tables
|
|
||||||
//
|
|
||||||
// Generate series of `.table-responsive-*` classes for configuring the screen
|
|
||||||
// size of where your table will overflow.
|
|
||||||
|
|
||||||
.table-responsive {
|
|
||||||
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
||||||
$next: breakpoint-next($breakpoint, $grid-breakpoints);
|
|
||||||
$infix: breakpoint-infix($next, $grid-breakpoints);
|
|
||||||
|
|
||||||
&#{$infix} {
|
|
||||||
@include media-breakpoint-down($breakpoint) {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
overflow-x: auto;
|
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
// Prevent double border on horizontal scroll due to use of `display: block;`
|
|
||||||
> .table-bordered {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,44 +0,0 @@
|
|||||||
.toast {
|
|
||||||
max-width: $toast-max-width;
|
|
||||||
overflow: hidden; // cheap rounded corners on nested items
|
|
||||||
@include font-size($toast-font-size);
|
|
||||||
color: $toast-color;
|
|
||||||
background-color: $toast-background-color;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border: $toast-border-width solid $toast-border-color;
|
|
||||||
box-shadow: $toast-box-shadow;
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
opacity: 0;
|
|
||||||
@include border-radius($toast-border-radius);
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-bottom: $toast-padding-x;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.showing {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.show {
|
|
||||||
display: block;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.hide {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.toast-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: $toast-padding-y $toast-padding-x;
|
|
||||||
color: $toast-header-color;
|
|
||||||
background-color: $toast-header-background-color;
|
|
||||||
background-clip: padding-box;
|
|
||||||
border-bottom: $toast-border-width solid $toast-header-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toast-body {
|
|
||||||
padding: $toast-padding-x; // apply to both vertical and horizontal
|
|
||||||
}
|
|
@ -1,115 +0,0 @@
|
|||||||
// Base class
|
|
||||||
.tooltip {
|
|
||||||
position: absolute;
|
|
||||||
z-index: $zindex-tooltip;
|
|
||||||
display: block;
|
|
||||||
margin: $tooltip-margin;
|
|
||||||
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
|
||||||
// So reset our font and text properties to avoid inheriting weird values.
|
|
||||||
@include reset-text();
|
|
||||||
@include font-size($tooltip-font-size);
|
|
||||||
// Allow breaking very long words so they don't overflow the tooltip's bounds
|
|
||||||
word-wrap: break-word;
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
&.show { opacity: $tooltip-opacity; }
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
width: $tooltip-arrow-width;
|
|
||||||
height: $tooltip-arrow-height;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
position: absolute;
|
|
||||||
content: "";
|
|
||||||
border-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-tooltip-top {
|
|
||||||
padding: $tooltip-arrow-height 0;
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
top: 0;
|
|
||||||
border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
|
|
||||||
border-top-color: $tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-tooltip-right {
|
|
||||||
padding: 0 $tooltip-arrow-height;
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
left: 0;
|
|
||||||
width: $tooltip-arrow-height;
|
|
||||||
height: $tooltip-arrow-width;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
right: 0;
|
|
||||||
border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
|
|
||||||
border-right-color: $tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-tooltip-bottom {
|
|
||||||
padding: $tooltip-arrow-height 0;
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
top: 0;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
bottom: 0;
|
|
||||||
border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
|
|
||||||
border-bottom-color: $tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-tooltip-left {
|
|
||||||
padding: 0 $tooltip-arrow-height;
|
|
||||||
|
|
||||||
.arrow {
|
|
||||||
right: 0;
|
|
||||||
width: $tooltip-arrow-height;
|
|
||||||
height: $tooltip-arrow-width;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
left: 0;
|
|
||||||
border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
|
|
||||||
border-left-color: $tooltip-arrow-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-tooltip-auto {
|
|
||||||
&[x-placement^="top"] {
|
|
||||||
@extend .bs-tooltip-top;
|
|
||||||
}
|
|
||||||
&[x-placement^="right"] {
|
|
||||||
@extend .bs-tooltip-right;
|
|
||||||
}
|
|
||||||
&[x-placement^="bottom"] {
|
|
||||||
@extend .bs-tooltip-bottom;
|
|
||||||
}
|
|
||||||
&[x-placement^="left"] {
|
|
||||||
@extend .bs-tooltip-left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Wrapper for the tooltip content
|
|
||||||
.tooltip-inner {
|
|
||||||
max-width: $tooltip-max-width;
|
|
||||||
padding: $tooltip-padding-y $tooltip-padding-x;
|
|
||||||
color: $tooltip-color;
|
|
||||||
text-align: center;
|
|
||||||
background-color: $tooltip-bg;
|
|
||||||
@include border-radius($tooltip-border-radius);
|
|
||||||
}
|
|
@ -1,20 +0,0 @@
|
|||||||
.fade {
|
|
||||||
@include transition($transition-fade);
|
|
||||||
|
|
||||||
&:not(.show) {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.collapse {
|
|
||||||
&:not(.show) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.collapsing {
|
|
||||||
position: relative;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
@include transition($transition-collapse);
|
|
||||||
}
|
|
@ -1,125 +0,0 @@
|
|||||||
// stylelint-disable declaration-no-important, selector-list-comma-newline-after
|
|
||||||
|
|
||||||
//
|
|
||||||
// Headings
|
|
||||||
//
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
|
||||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
|
||||||
margin-bottom: $headings-margin-bottom;
|
|
||||||
font-family: $headings-font-family;
|
|
||||||
font-weight: $headings-font-weight;
|
|
||||||
line-height: $headings-line-height;
|
|
||||||
color: $headings-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, .h1 { @include font-size($h1-font-size); }
|
|
||||||
h2, .h2 { @include font-size($h2-font-size); }
|
|
||||||
h3, .h3 { @include font-size($h3-font-size); }
|
|
||||||
h4, .h4 { @include font-size($h4-font-size); }
|
|
||||||
h5, .h5 { @include font-size($h5-font-size); }
|
|
||||||
h6, .h6 { @include font-size($h6-font-size); }
|
|
||||||
|
|
||||||
.lead {
|
|
||||||
@include font-size($lead-font-size);
|
|
||||||
font-weight: $lead-font-weight;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Type display classes
|
|
||||||
.display-1 {
|
|
||||||
@include font-size($display1-size);
|
|
||||||
font-weight: $display1-weight;
|
|
||||||
line-height: $display-line-height;
|
|
||||||
}
|
|
||||||
.display-2 {
|
|
||||||
@include font-size($display2-size);
|
|
||||||
font-weight: $display2-weight;
|
|
||||||
line-height: $display-line-height;
|
|
||||||
}
|
|
||||||
.display-3 {
|
|
||||||
@include font-size($display3-size);
|
|
||||||
font-weight: $display3-weight;
|
|
||||||
line-height: $display-line-height;
|
|
||||||
}
|
|
||||||
.display-4 {
|
|
||||||
@include font-size($display4-size);
|
|
||||||
font-weight: $display4-weight;
|
|
||||||
line-height: $display-line-height;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Horizontal rules
|
|
||||||
//
|
|
||||||
|
|
||||||
hr {
|
|
||||||
margin-top: $hr-margin-y;
|
|
||||||
margin-bottom: $hr-margin-y;
|
|
||||||
border: 0;
|
|
||||||
border-top: $hr-border-width solid $hr-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Emphasis
|
|
||||||
//
|
|
||||||
|
|
||||||
small,
|
|
||||||
.small {
|
|
||||||
@include font-size($small-font-size);
|
|
||||||
font-weight: $font-weight-normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
mark,
|
|
||||||
.mark {
|
|
||||||
padding: $mark-padding;
|
|
||||||
background-color: $mark-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Lists
|
|
||||||
//
|
|
||||||
|
|
||||||
.list-unstyled {
|
|
||||||
@include list-unstyled;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline turns list items into inline-block
|
|
||||||
.list-inline {
|
|
||||||
@include list-unstyled;
|
|
||||||
}
|
|
||||||
.list-inline-item {
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: $list-inline-padding;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Misc
|
|
||||||
//
|
|
||||||
|
|
||||||
// Builds on `abbr`
|
|
||||||
.initialism {
|
|
||||||
@include font-size(90%);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blockquotes
|
|
||||||
.blockquote {
|
|
||||||
margin-bottom: $spacer;
|
|
||||||
@include font-size($blockquote-font-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
.blockquote-footer {
|
|
||||||
display: block;
|
|
||||||
@include font-size($blockquote-small-font-size);
|
|
||||||
color: $blockquote-small-color;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "\2014\00A0"; // em dash, nbsp
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,17 +0,0 @@
|
|||||||
@import "utilities/align";
|
|
||||||
@import "utilities/background";
|
|
||||||
@import "utilities/borders";
|
|
||||||
@import "utilities/clearfix";
|
|
||||||
@import "utilities/display";
|
|
||||||
@import "utilities/embed";
|
|
||||||
@import "utilities/flex";
|
|
||||||
@import "utilities/float";
|
|
||||||
@import "utilities/overflow";
|
|
||||||
@import "utilities/position";
|
|
||||||
@import "utilities/screenreaders";
|
|
||||||
@import "utilities/shadows";
|
|
||||||
@import "utilities/sizing";
|
|
||||||
@import "utilities/stretched-link";
|
|
||||||
@import "utilities/spacing";
|
|
||||||
@import "utilities/text";
|
|
||||||
@import "utilities/visibility";
|
|
File diff suppressed because it is too large
Load Diff
@ -1,29 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
|
|
||||||
* Copyright 2011-2019 The Bootstrap Authors
|
|
||||||
* Copyright 2011-2019 Twitter, Inc.
|
|
||||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
box-sizing: border-box;
|
|
||||||
-ms-overflow-style: scrollbar;
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
@import "functions";
|
|
||||||
@import "variables";
|
|
||||||
|
|
||||||
@import "mixins/breakpoints";
|
|
||||||
@import "mixins/grid-framework";
|
|
||||||
@import "mixins/grid";
|
|
||||||
|
|
||||||
@import "grid";
|
|
||||||
@import "utilities/display";
|
|
||||||
@import "utilities/flex";
|
|
||||||
@import "utilities/spacing";
|
|
@ -1,12 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
|
|
||||||
* Copyright 2011-2019 The Bootstrap Authors
|
|
||||||
* Copyright 2011-2019 Twitter, Inc.
|
|
||||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
||||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "functions";
|
|
||||||
@import "variables";
|
|
||||||
@import "mixins";
|
|
||||||
@import "reboot";
|
|
@ -1,44 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Bootstrap v4.3.1 (https://getbootstrap.com/)
|
|
||||||
* Copyright 2011-2019 The Bootstrap Authors
|
|
||||||
* Copyright 2011-2019 Twitter, Inc.
|
|
||||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "functions";
|
|
||||||
@import "variables";
|
|
||||||
@import "mixins";
|
|
||||||
@import "root";
|
|
||||||
@import "reboot";
|
|
||||||
@import "type";
|
|
||||||
@import "images";
|
|
||||||
@import "code";
|
|
||||||
@import "grid";
|
|
||||||
@import "tables";
|
|
||||||
@import "forms";
|
|
||||||
@import "buttons";
|
|
||||||
@import "transitions";
|
|
||||||
@import "dropdown";
|
|
||||||
@import "button-group";
|
|
||||||
@import "input-group";
|
|
||||||
@import "custom-forms";
|
|
||||||
@import "nav";
|
|
||||||
@import "navbar";
|
|
||||||
@import "card";
|
|
||||||
@import "breadcrumb";
|
|
||||||
@import "pagination";
|
|
||||||
@import "badge";
|
|
||||||
@import "jumbotron";
|
|
||||||
@import "alert";
|
|
||||||
@import "progress";
|
|
||||||
@import "media";
|
|
||||||
@import "list-group";
|
|
||||||
@import "close";
|
|
||||||
@import "toasts";
|
|
||||||
@import "modal";
|
|
||||||
@import "tooltip";
|
|
||||||
@import "popover";
|
|
||||||
@import "carousel";
|
|
||||||
@import "spinners";
|
|
||||||
@import "utilities";
|
|
||||||
@import "print";
|
|
@ -1,13 +0,0 @@
|
|||||||
@mixin alert-variant($background, $border, $color) {
|
|
||||||
color: $color;
|
|
||||||
@include gradient-bg($background);
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border-top-color: darken($border, 5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-link {
|
|
||||||
color: darken($color, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
// stylelint-disable declaration-no-important
|
|
||||||
|
|
||||||
// Contextual backgrounds
|
|
||||||
|
|
||||||
@mixin bg-variant($parent, $color) {
|
|
||||||
#{$parent} {
|
|
||||||
background-color: $color !important;
|
|
||||||
}
|
|
||||||
a#{$parent},
|
|
||||||
button#{$parent} {
|
|
||||||
@include hover-focus {
|
|
||||||
background-color: darken($color, 10%) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin bg-gradient-variant($parent, $color) {
|
|
||||||
#{$parent} {
|
|
||||||
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,17 +0,0 @@
|
|||||||
@mixin badge-variant($bg) {
|
|
||||||
color: color-yiq($bg);
|
|
||||||
background-color: $bg;
|
|
||||||
|
|
||||||
@at-root a#{&} {
|
|
||||||
@include hover-focus {
|
|
||||||
color: color-yiq($bg);
|
|
||||||
background-color: darken($bg, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&.focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,63 +0,0 @@
|
|||||||
// stylelint-disable property-blacklist
|
|
||||||
// Single side border-radius
|
|
||||||
|
|
||||||
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-radius: $radius;
|
|
||||||
}
|
|
||||||
@else if $fallback-border-radius != false {
|
|
||||||
border-radius: $fallback-border-radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-top-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-top-left-radius: $radius;
|
|
||||||
border-top-right-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-right-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-top-right-radius: $radius;
|
|
||||||
border-bottom-right-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-bottom-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-bottom-right-radius: $radius;
|
|
||||||
border-bottom-left-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-left-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-top-left-radius: $radius;
|
|
||||||
border-bottom-left-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-top-left-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-top-left-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-top-right-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-top-right-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-bottom-right-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-bottom-right-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin border-bottom-left-radius($radius) {
|
|
||||||
@if $enable-rounded {
|
|
||||||
border-bottom-left-radius: $radius;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,20 +0,0 @@
|
|||||||
@mixin box-shadow($shadow...) {
|
|
||||||
@if $enable-shadows {
|
|
||||||
$result: ();
|
|
||||||
|
|
||||||
@if (length($shadow) == 1) {
|
|
||||||
// We can pass `@include box-shadow(none);`
|
|
||||||
$result: $shadow;
|
|
||||||
} @else {
|
|
||||||
// Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
|
|
||||||
@for $i from 1 through length($shadow) {
|
|
||||||
@if nth($shadow, $i) != "none" {
|
|
||||||
$result: append($result, nth($shadow, $i), "comma");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@if (length($result) > 0) {
|
|
||||||
box-shadow: $result;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user