init：初始化。
This commit is contained in:
commit
7ef13fa7bc
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
*.css linguist-language=php
|
||||||
|
*.scss linguist-language=php
|
||||||
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
node_modules
|
||||||
|
.vscode
|
||||||
|
.idea
|
||||||
145
404.php
Normal file
145
404.php
Normal file
@ -0,0 +1,145 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
|
||||||
|
<link href="<?php bloginfo('template_url'); ?>/assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
|
||||||
|
<link href="<?php bloginfo('template_url'); ?>/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||||
|
<link type="text/css" href="<?php bloginfo('template_url'); ?>/assets/css/argon.min.css" rel="stylesheet">
|
||||||
|
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/jquery/jquery.min.js"></script>
|
||||||
|
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/bootstrap/bootstrap.min.js"></script>
|
||||||
|
<script src="<?php bloginfo('template_url'); ?>/assets/js/argon.min.js"></script>
|
||||||
|
<title><?php _e("404 - 找不到页面", "argon"); ?></title>
|
||||||
|
<script>
|
||||||
|
var darkmodeAutoSwitch = "<?php echo (get_option("argon_darkmode_autoswitch") == '' ? 'false' : get_option("argon_darkmode_autoswitch"));?>";
|
||||||
|
function setDarkmode(enable){
|
||||||
|
if (enable == true){
|
||||||
|
$("html").addClass("darkmode");
|
||||||
|
}else{
|
||||||
|
$("html").removeClass("darkmode");
|
||||||
|
}
|
||||||
|
$(window).trigger("scroll");
|
||||||
|
}
|
||||||
|
function toggleDarkmode(){
|
||||||
|
if ($("html").hasClass("darkmode")){
|
||||||
|
setDarkmode(false);
|
||||||
|
sessionStorage.setItem("Argon_Enable_Dark_Mode", "false");
|
||||||
|
}else{
|
||||||
|
setDarkmode(true);
|
||||||
|
sessionStorage.setItem("Argon_Enable_Dark_Mode", "true");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (sessionStorage.getItem("Argon_Enable_Dark_Mode") == "true"){
|
||||||
|
setDarkmode(true);
|
||||||
|
}
|
||||||
|
function toggleDarkmodeByPrefersColorScheme(media){
|
||||||
|
if (sessionStorage.getItem('Argon_Enable_Dark_Mode') == "false" || sessionStorage.getItem('Argon_Enable_Dark_Mode') == "true"){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (media.matches){
|
||||||
|
setDarkmode(true);
|
||||||
|
}else{
|
||||||
|
setDarkmode(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function toggleDarkmodeByTime(){
|
||||||
|
if (sessionStorage.getItem('Argon_Enable_Dark_Mode') == "false" || sessionStorage.getItem('Argon_Enable_Dark_Mode') == "true"){
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let hour = new Date().getHours();
|
||||||
|
if (hour < 7 || hour >= 22){
|
||||||
|
setDarkmode(true);
|
||||||
|
}else{
|
||||||
|
setDarkmode(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (darkmodeAutoSwitch == 'system'){
|
||||||
|
var darkmodeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
|
||||||
|
darkmodeMediaQuery.addListener(toggleDarkmodeByPrefersColorScheme);
|
||||||
|
toggleDarkmodeByPrefersColorScheme(darkmodeMediaQuery);
|
||||||
|
}
|
||||||
|
if (darkmodeAutoSwitch == 'time'){
|
||||||
|
toggleDarkmodeByTime();
|
||||||
|
}
|
||||||
|
if (darkmodeAutoSwitch == 'alwayson'){
|
||||||
|
setDarkmode(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleAmoledDarkMode(){
|
||||||
|
$("html").toggleClass("amoled-dark");
|
||||||
|
if ($("html").hasClass("amoled-dark")){
|
||||||
|
localStorage.setItem("Argon_Enable_Amoled_Dark_Mode", "true");
|
||||||
|
}else{
|
||||||
|
localStorage.setItem("Argon_Enable_Amoled_Dark_Mode", "false");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (localStorage.getItem("Argon_Enable_Amoled_Dark_Mode") == "true"){
|
||||||
|
$("html").addClass("amoled-dark");
|
||||||
|
}else if (localStorage.getItem("Argon_Enable_Amoled_Dark_Mode") == "false"){
|
||||||
|
$("html").removeClass("amoled-dark");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="position-relative">
|
||||||
|
<section class="section section-lg section-shaped pb-250" style="height: 100vh !important;">
|
||||||
|
<div class="shape shape-style-1 shape-default">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<div class="container py-lg-md d-flex">
|
||||||
|
<div class="col px-0">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 col-sm-12">
|
||||||
|
<div class="display-1 text-white">404</div>
|
||||||
|
<p class="lead text-white">Page not found.<br><?php _e("这个页面不见了", "argon"); ?></p>
|
||||||
|
<div class="btn-wrapper">
|
||||||
|
<a href="javascript:window.history.back(-1);" ondragstart="return false;" class="btn btn-info btn-icon mb-3 mb-sm-0">
|
||||||
|
<span class="btn-inner--icon"><i class="fa fa-chevron-left"></i></span>
|
||||||
|
<span class="btn-inner--text"><?php _e("返回上一页", "argon"); ?></span>
|
||||||
|
</a>
|
||||||
|
<a href="<?php bloginfo('url'); ?>" class="btn btn-white btn-icon mb-3 mb-sm-0">
|
||||||
|
<span class="btn-inner--icon"><i class="fa fa-home"></i></span>
|
||||||
|
<span class="btn-inner--text"><?php _e("回到首页", "argon"); ?></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<?php echo apply_filters('argon_404page_extra_html', ''); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
html.darkmode .section-shaped .shape {
|
||||||
|
background: #262626;
|
||||||
|
}
|
||||||
|
html.darkmode .text-white {
|
||||||
|
opacity: .75;
|
||||||
|
}
|
||||||
|
html.darkmode .btn-white {
|
||||||
|
background: #424242;
|
||||||
|
border-color: #424242;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
html.darkmode .btn-info {
|
||||||
|
background: #0a7f94;
|
||||||
|
border-color: #0a7f94;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
html.darkmode.amoled-dark .section-shaped .shape {
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
674
LICENSE
Normal file
674
LICENSE
Normal file
@ -0,0 +1,674 @@
|
|||||||
|
GNU GENERAL PUBLIC LICENSE
|
||||||
|
Version 3, 29 June 2007
|
||||||
|
|
||||||
|
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
||||||
|
Everyone is permitted to copy and distribute verbatim copies
|
||||||
|
of this license document, but changing it is not allowed.
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
|
||||||
|
The GNU General Public License is a free, copyleft license for
|
||||||
|
software and other kinds of works.
|
||||||
|
|
||||||
|
The licenses for most software and other practical works are designed
|
||||||
|
to take away your freedom to share and change the works. By contrast,
|
||||||
|
the GNU General Public License is intended to guarantee your freedom to
|
||||||
|
share and change all versions of a program--to make sure it remains free
|
||||||
|
software for all its users. We, the Free Software Foundation, use the
|
||||||
|
GNU General Public License for most of our software; it applies also to
|
||||||
|
any other work released this way by its authors. You can apply it to
|
||||||
|
your programs, too.
|
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom, not
|
||||||
|
price. Our General Public Licenses are designed to make sure that you
|
||||||
|
have the freedom to distribute copies of free software (and charge for
|
||||||
|
them if you wish), that you receive source code or can get it if you
|
||||||
|
want it, that you can change the software or use pieces of it in new
|
||||||
|
free programs, and that you know you can do these things.
|
||||||
|
|
||||||
|
To protect your rights, we need to prevent others from denying you
|
||||||
|
these rights or asking you to surrender the rights. Therefore, you have
|
||||||
|
certain responsibilities if you distribute copies of the software, or if
|
||||||
|
you modify it: responsibilities to respect the freedom of others.
|
||||||
|
|
||||||
|
For example, if you distribute copies of such a program, whether
|
||||||
|
gratis or for a fee, you must pass on to the recipients the same
|
||||||
|
freedoms that you received. You must make sure that they, too, receive
|
||||||
|
or can get the source code. And you must show them these terms so they
|
||||||
|
know their rights.
|
||||||
|
|
||||||
|
Developers that use the GNU GPL protect your rights with two steps:
|
||||||
|
(1) assert copyright on the software, and (2) offer you this License
|
||||||
|
giving you legal permission to copy, distribute and/or modify it.
|
||||||
|
|
||||||
|
For the developers' and authors' protection, the GPL clearly explains
|
||||||
|
that there is no warranty for this free software. For both users' and
|
||||||
|
authors' sake, the GPL requires that modified versions be marked as
|
||||||
|
changed, so that their problems will not be attributed erroneously to
|
||||||
|
authors of previous versions.
|
||||||
|
|
||||||
|
Some devices are designed to deny users access to install or run
|
||||||
|
modified versions of the software inside them, although the manufacturer
|
||||||
|
can do so. This is fundamentally incompatible with the aim of
|
||||||
|
protecting users' freedom to change the software. The systematic
|
||||||
|
pattern of such abuse occurs in the area of products for individuals to
|
||||||
|
use, which is precisely where it is most unacceptable. Therefore, we
|
||||||
|
have designed this version of the GPL to prohibit the practice for those
|
||||||
|
products. If such problems arise substantially in other domains, we
|
||||||
|
stand ready to extend this provision to those domains in future versions
|
||||||
|
of the GPL, as needed to protect the freedom of users.
|
||||||
|
|
||||||
|
Finally, every program is threatened constantly by software patents.
|
||||||
|
States should not allow patents to restrict development and use of
|
||||||
|
software on general-purpose computers, but in those that do, we wish to
|
||||||
|
avoid the special danger that patents applied to a free program could
|
||||||
|
make it effectively proprietary. To prevent this, the GPL assures that
|
||||||
|
patents cannot be used to render the program non-free.
|
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and
|
||||||
|
modification follow.
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
0. Definitions.
|
||||||
|
|
||||||
|
"This License" refers to version 3 of the GNU General Public License.
|
||||||
|
|
||||||
|
"Copyright" also means copyright-like laws that apply to other kinds of
|
||||||
|
works, such as semiconductor masks.
|
||||||
|
|
||||||
|
"The Program" refers to any copyrightable work licensed under this
|
||||||
|
License. Each licensee is addressed as "you". "Licensees" and
|
||||||
|
"recipients" may be individuals or organizations.
|
||||||
|
|
||||||
|
To "modify" a work means to copy from or adapt all or part of the work
|
||||||
|
in a fashion requiring copyright permission, other than the making of an
|
||||||
|
exact copy. The resulting work is called a "modified version" of the
|
||||||
|
earlier work or a work "based on" the earlier work.
|
||||||
|
|
||||||
|
A "covered work" means either the unmodified Program or a work based
|
||||||
|
on the Program.
|
||||||
|
|
||||||
|
To "propagate" a work means to do anything with it that, without
|
||||||
|
permission, would make you directly or secondarily liable for
|
||||||
|
infringement under applicable copyright law, except executing it on a
|
||||||
|
computer or modifying a private copy. Propagation includes copying,
|
||||||
|
distribution (with or without modification), making available to the
|
||||||
|
public, and in some countries other activities as well.
|
||||||
|
|
||||||
|
To "convey" a work means any kind of propagation that enables other
|
||||||
|
parties to make or receive copies. Mere interaction with a user through
|
||||||
|
a computer network, with no transfer of a copy, is not conveying.
|
||||||
|
|
||||||
|
An interactive user interface displays "Appropriate Legal Notices"
|
||||||
|
to the extent that it includes a convenient and prominently visible
|
||||||
|
feature that (1) displays an appropriate copyright notice, and (2)
|
||||||
|
tells the user that there is no warranty for the work (except to the
|
||||||
|
extent that warranties are provided), that licensees may convey the
|
||||||
|
work under this License, and how to view a copy of this License. If
|
||||||
|
the interface presents a list of user commands or options, such as a
|
||||||
|
menu, a prominent item in the list meets this criterion.
|
||||||
|
|
||||||
|
1. Source Code.
|
||||||
|
|
||||||
|
The "source code" for a work means the preferred form of the work
|
||||||
|
for making modifications to it. "Object code" means any non-source
|
||||||
|
form of a work.
|
||||||
|
|
||||||
|
A "Standard Interface" means an interface that either is an official
|
||||||
|
standard defined by a recognized standards body, or, in the case of
|
||||||
|
interfaces specified for a particular programming language, one that
|
||||||
|
is widely used among developers working in that language.
|
||||||
|
|
||||||
|
The "System Libraries" of an executable work include anything, other
|
||||||
|
than the work as a whole, that (a) is included in the normal form of
|
||||||
|
packaging a Major Component, but which is not part of that Major
|
||||||
|
Component, and (b) serves only to enable use of the work with that
|
||||||
|
Major Component, or to implement a Standard Interface for which an
|
||||||
|
implementation is available to the public in source code form. A
|
||||||
|
"Major Component", in this context, means a major essential component
|
||||||
|
(kernel, window system, and so on) of the specific operating system
|
||||||
|
(if any) on which the executable work runs, or a compiler used to
|
||||||
|
produce the work, or an object code interpreter used to run it.
|
||||||
|
|
||||||
|
The "Corresponding Source" for a work in object code form means all
|
||||||
|
the source code needed to generate, install, and (for an executable
|
||||||
|
work) run the object code and to modify the work, including scripts to
|
||||||
|
control those activities. However, it does not include the work's
|
||||||
|
System Libraries, or general-purpose tools or generally available free
|
||||||
|
programs which are used unmodified in performing those activities but
|
||||||
|
which are not part of the work. For example, Corresponding Source
|
||||||
|
includes interface definition files associated with source files for
|
||||||
|
the work, and the source code for shared libraries and dynamically
|
||||||
|
linked subprograms that the work is specifically designed to require,
|
||||||
|
such as by intimate data communication or control flow between those
|
||||||
|
subprograms and other parts of the work.
|
||||||
|
|
||||||
|
The Corresponding Source need not include anything that users
|
||||||
|
can regenerate automatically from other parts of the Corresponding
|
||||||
|
Source.
|
||||||
|
|
||||||
|
The Corresponding Source for a work in source code form is that
|
||||||
|
same work.
|
||||||
|
|
||||||
|
2. Basic Permissions.
|
||||||
|
|
||||||
|
All rights granted under this License are granted for the term of
|
||||||
|
copyright on the Program, and are irrevocable provided the stated
|
||||||
|
conditions are met. This License explicitly affirms your unlimited
|
||||||
|
permission to run the unmodified Program. The output from running a
|
||||||
|
covered work is covered by this License only if the output, given its
|
||||||
|
content, constitutes a covered work. This License acknowledges your
|
||||||
|
rights of fair use or other equivalent, as provided by copyright law.
|
||||||
|
|
||||||
|
You may make, run and propagate covered works that you do not
|
||||||
|
convey, without conditions so long as your license otherwise remains
|
||||||
|
in force. You may convey covered works to others for the sole purpose
|
||||||
|
of having them make modifications exclusively for you, or provide you
|
||||||
|
with facilities for running those works, provided that you comply with
|
||||||
|
the terms of this License in conveying all material for which you do
|
||||||
|
not control copyright. Those thus making or running the covered works
|
||||||
|
for you must do so exclusively on your behalf, under your direction
|
||||||
|
and control, on terms that prohibit them from making any copies of
|
||||||
|
your copyrighted material outside their relationship with you.
|
||||||
|
|
||||||
|
Conveying under any other circumstances is permitted solely under
|
||||||
|
the conditions stated below. Sublicensing is not allowed; section 10
|
||||||
|
makes it unnecessary.
|
||||||
|
|
||||||
|
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
|
||||||
|
|
||||||
|
No covered work shall be deemed part of an effective technological
|
||||||
|
measure under any applicable law fulfilling obligations under article
|
||||||
|
11 of the WIPO copyright treaty adopted on 20 December 1996, or
|
||||||
|
similar laws prohibiting or restricting circumvention of such
|
||||||
|
measures.
|
||||||
|
|
||||||
|
When you convey a covered work, you waive any legal power to forbid
|
||||||
|
circumvention of technological measures to the extent such circumvention
|
||||||
|
is effected by exercising rights under this License with respect to
|
||||||
|
the covered work, and you disclaim any intention to limit operation or
|
||||||
|
modification of the work as a means of enforcing, against the work's
|
||||||
|
users, your or third parties' legal rights to forbid circumvention of
|
||||||
|
technological measures.
|
||||||
|
|
||||||
|
4. Conveying Verbatim Copies.
|
||||||
|
|
||||||
|
You may convey verbatim copies of the Program's source code as you
|
||||||
|
receive it, in any medium, provided that you conspicuously and
|
||||||
|
appropriately publish on each copy an appropriate copyright notice;
|
||||||
|
keep intact all notices stating that this License and any
|
||||||
|
non-permissive terms added in accord with section 7 apply to the code;
|
||||||
|
keep intact all notices of the absence of any warranty; and give all
|
||||||
|
recipients a copy of this License along with the Program.
|
||||||
|
|
||||||
|
You may charge any price or no price for each copy that you convey,
|
||||||
|
and you may offer support or warranty protection for a fee.
|
||||||
|
|
||||||
|
5. Conveying Modified Source Versions.
|
||||||
|
|
||||||
|
You may convey a work based on the Program, or the modifications to
|
||||||
|
produce it from the Program, in the form of source code under the
|
||||||
|
terms of section 4, provided that you also meet all of these conditions:
|
||||||
|
|
||||||
|
a) The work must carry prominent notices stating that you modified
|
||||||
|
it, and giving a relevant date.
|
||||||
|
|
||||||
|
b) The work must carry prominent notices stating that it is
|
||||||
|
released under this License and any conditions added under section
|
||||||
|
7. This requirement modifies the requirement in section 4 to
|
||||||
|
"keep intact all notices".
|
||||||
|
|
||||||
|
c) You must license the entire work, as a whole, under this
|
||||||
|
License to anyone who comes into possession of a copy. This
|
||||||
|
License will therefore apply, along with any applicable section 7
|
||||||
|
additional terms, to the whole of the work, and all its parts,
|
||||||
|
regardless of how they are packaged. This License gives no
|
||||||
|
permission to license the work in any other way, but it does not
|
||||||
|
invalidate such permission if you have separately received it.
|
||||||
|
|
||||||
|
d) If the work has interactive user interfaces, each must display
|
||||||
|
Appropriate Legal Notices; however, if the Program has interactive
|
||||||
|
interfaces that do not display Appropriate Legal Notices, your
|
||||||
|
work need not make them do so.
|
||||||
|
|
||||||
|
A compilation of a covered work with other separate and independent
|
||||||
|
works, which are not by their nature extensions of the covered work,
|
||||||
|
and which are not combined with it such as to form a larger program,
|
||||||
|
in or on a volume of a storage or distribution medium, is called an
|
||||||
|
"aggregate" if the compilation and its resulting copyright are not
|
||||||
|
used to limit the access or legal rights of the compilation's users
|
||||||
|
beyond what the individual works permit. Inclusion of a covered work
|
||||||
|
in an aggregate does not cause this License to apply to the other
|
||||||
|
parts of the aggregate.
|
||||||
|
|
||||||
|
6. Conveying Non-Source Forms.
|
||||||
|
|
||||||
|
You may convey a covered work in object code form under the terms
|
||||||
|
of sections 4 and 5, provided that you also convey the
|
||||||
|
machine-readable Corresponding Source under the terms of this License,
|
||||||
|
in one of these ways:
|
||||||
|
|
||||||
|
a) Convey the object code in, or embodied in, a physical product
|
||||||
|
(including a physical distribution medium), accompanied by the
|
||||||
|
Corresponding Source fixed on a durable physical medium
|
||||||
|
customarily used for software interchange.
|
||||||
|
|
||||||
|
b) Convey the object code in, or embodied in, a physical product
|
||||||
|
(including a physical distribution medium), accompanied by a
|
||||||
|
written offer, valid for at least three years and valid for as
|
||||||
|
long as you offer spare parts or customer support for that product
|
||||||
|
model, to give anyone who possesses the object code either (1) a
|
||||||
|
copy of the Corresponding Source for all the software in the
|
||||||
|
product that is covered by this License, on a durable physical
|
||||||
|
medium customarily used for software interchange, for a price no
|
||||||
|
more than your reasonable cost of physically performing this
|
||||||
|
conveying of source, or (2) access to copy the
|
||||||
|
Corresponding Source from a network server at no charge.
|
||||||
|
|
||||||
|
c) Convey individual copies of the object code with a copy of the
|
||||||
|
written offer to provide the Corresponding Source. This
|
||||||
|
alternative is allowed only occasionally and noncommercially, and
|
||||||
|
only if you received the object code with such an offer, in accord
|
||||||
|
with subsection 6b.
|
||||||
|
|
||||||
|
d) Convey the object code by offering access from a designated
|
||||||
|
place (gratis or for a charge), and offer equivalent access to the
|
||||||
|
Corresponding Source in the same way through the same place at no
|
||||||
|
further charge. You need not require recipients to copy the
|
||||||
|
Corresponding Source along with the object code. If the place to
|
||||||
|
copy the object code is a network server, the Corresponding Source
|
||||||
|
may be on a different server (operated by you or a third party)
|
||||||
|
that supports equivalent copying facilities, provided you maintain
|
||||||
|
clear directions next to the object code saying where to find the
|
||||||
|
Corresponding Source. Regardless of what server hosts the
|
||||||
|
Corresponding Source, you remain obligated to ensure that it is
|
||||||
|
available for as long as needed to satisfy these requirements.
|
||||||
|
|
||||||
|
e) Convey the object code using peer-to-peer transmission, provided
|
||||||
|
you inform other peers where the object code and Corresponding
|
||||||
|
Source of the work are being offered to the general public at no
|
||||||
|
charge under subsection 6d.
|
||||||
|
|
||||||
|
A separable portion of the object code, whose source code is excluded
|
||||||
|
from the Corresponding Source as a System Library, need not be
|
||||||
|
included in conveying the object code work.
|
||||||
|
|
||||||
|
A "User Product" is either (1) a "consumer product", which means any
|
||||||
|
tangible personal property which is normally used for personal, family,
|
||||||
|
or household purposes, or (2) anything designed or sold for incorporation
|
||||||
|
into a dwelling. In determining whether a product is a consumer product,
|
||||||
|
doubtful cases shall be resolved in favor of coverage. For a particular
|
||||||
|
product received by a particular user, "normally used" refers to a
|
||||||
|
typical or common use of that class of product, regardless of the status
|
||||||
|
of the particular user or of the way in which the particular user
|
||||||
|
actually uses, or expects or is expected to use, the product. A product
|
||||||
|
is a consumer product regardless of whether the product has substantial
|
||||||
|
commercial, industrial or non-consumer uses, unless such uses represent
|
||||||
|
the only significant mode of use of the product.
|
||||||
|
|
||||||
|
"Installation Information" for a User Product means any methods,
|
||||||
|
procedures, authorization keys, or other information required to install
|
||||||
|
and execute modified versions of a covered work in that User Product from
|
||||||
|
a modified version of its Corresponding Source. The information must
|
||||||
|
suffice to ensure that the continued functioning of the modified object
|
||||||
|
code is in no case prevented or interfered with solely because
|
||||||
|
modification has been made.
|
||||||
|
|
||||||
|
If you convey an object code work under this section in, or with, or
|
||||||
|
specifically for use in, a User Product, and the conveying occurs as
|
||||||
|
part of a transaction in which the right of possession and use of the
|
||||||
|
User Product is transferred to the recipient in perpetuity or for a
|
||||||
|
fixed term (regardless of how the transaction is characterized), the
|
||||||
|
Corresponding Source conveyed under this section must be accompanied
|
||||||
|
by the Installation Information. But this requirement does not apply
|
||||||
|
if neither you nor any third party retains the ability to install
|
||||||
|
modified object code on the User Product (for example, the work has
|
||||||
|
been installed in ROM).
|
||||||
|
|
||||||
|
The requirement to provide Installation Information does not include a
|
||||||
|
requirement to continue to provide support service, warranty, or updates
|
||||||
|
for a work that has been modified or installed by the recipient, or for
|
||||||
|
the User Product in which it has been modified or installed. Access to a
|
||||||
|
network may be denied when the modification itself materially and
|
||||||
|
adversely affects the operation of the network or violates the rules and
|
||||||
|
protocols for communication across the network.
|
||||||
|
|
||||||
|
Corresponding Source conveyed, and Installation Information provided,
|
||||||
|
in accord with this section must be in a format that is publicly
|
||||||
|
documented (and with an implementation available to the public in
|
||||||
|
source code form), and must require no special password or key for
|
||||||
|
unpacking, reading or copying.
|
||||||
|
|
||||||
|
7. Additional Terms.
|
||||||
|
|
||||||
|
"Additional permissions" are terms that supplement the terms of this
|
||||||
|
License by making exceptions from one or more of its conditions.
|
||||||
|
Additional permissions that are applicable to the entire Program shall
|
||||||
|
be treated as though they were included in this License, to the extent
|
||||||
|
that they are valid under applicable law. If additional permissions
|
||||||
|
apply only to part of the Program, that part may be used separately
|
||||||
|
under those permissions, but the entire Program remains governed by
|
||||||
|
this License without regard to the additional permissions.
|
||||||
|
|
||||||
|
When you convey a copy of a covered work, you may at your option
|
||||||
|
remove any additional permissions from that copy, or from any part of
|
||||||
|
it. (Additional permissions may be written to require their own
|
||||||
|
removal in certain cases when you modify the work.) You may place
|
||||||
|
additional permissions on material, added by you to a covered work,
|
||||||
|
for which you have or can give appropriate copyright permission.
|
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, for material you
|
||||||
|
add to a covered work, you may (if authorized by the copyright holders of
|
||||||
|
that material) supplement the terms of this License with terms:
|
||||||
|
|
||||||
|
a) Disclaiming warranty or limiting liability differently from the
|
||||||
|
terms of sections 15 and 16 of this License; or
|
||||||
|
|
||||||
|
b) Requiring preservation of specified reasonable legal notices or
|
||||||
|
author attributions in that material or in the Appropriate Legal
|
||||||
|
Notices displayed by works containing it; or
|
||||||
|
|
||||||
|
c) Prohibiting misrepresentation of the origin of that material, or
|
||||||
|
requiring that modified versions of such material be marked in
|
||||||
|
reasonable ways as different from the original version; or
|
||||||
|
|
||||||
|
d) Limiting the use for publicity purposes of names of licensors or
|
||||||
|
authors of the material; or
|
||||||
|
|
||||||
|
e) Declining to grant rights under trademark law for use of some
|
||||||
|
trade names, trademarks, or service marks; or
|
||||||
|
|
||||||
|
f) Requiring indemnification of licensors and authors of that
|
||||||
|
material by anyone who conveys the material (or modified versions of
|
||||||
|
it) with contractual assumptions of liability to the recipient, for
|
||||||
|
any liability that these contractual assumptions directly impose on
|
||||||
|
those licensors and authors.
|
||||||
|
|
||||||
|
All other non-permissive additional terms are considered "further
|
||||||
|
restrictions" within the meaning of section 10. If the Program as you
|
||||||
|
received it, or any part of it, contains a notice stating that it is
|
||||||
|
governed by this License along with a term that is a further
|
||||||
|
restriction, you may remove that term. If a license document contains
|
||||||
|
a further restriction but permits relicensing or conveying under this
|
||||||
|
License, you may add to a covered work material governed by the terms
|
||||||
|
of that license document, provided that the further restriction does
|
||||||
|
not survive such relicensing or conveying.
|
||||||
|
|
||||||
|
If you add terms to a covered work in accord with this section, you
|
||||||
|
must place, in the relevant source files, a statement of the
|
||||||
|
additional terms that apply to those files, or a notice indicating
|
||||||
|
where to find the applicable terms.
|
||||||
|
|
||||||
|
Additional terms, permissive or non-permissive, may be stated in the
|
||||||
|
form of a separately written license, or stated as exceptions;
|
||||||
|
the above requirements apply either way.
|
||||||
|
|
||||||
|
8. Termination.
|
||||||
|
|
||||||
|
You may not propagate or modify a covered work except as expressly
|
||||||
|
provided under this License. Any attempt otherwise to propagate or
|
||||||
|
modify it is void, and will automatically terminate your rights under
|
||||||
|
this License (including any patent licenses granted under the third
|
||||||
|
paragraph of section 11).
|
||||||
|
|
||||||
|
However, if you cease all violation of this License, then your
|
||||||
|
license from a particular copyright holder is reinstated (a)
|
||||||
|
provisionally, unless and until the copyright holder explicitly and
|
||||||
|
finally terminates your license, and (b) permanently, if the copyright
|
||||||
|
holder fails to notify you of the violation by some reasonable means
|
||||||
|
prior to 60 days after the cessation.
|
||||||
|
|
||||||
|
Moreover, your license from a particular copyright holder is
|
||||||
|
reinstated permanently if the copyright holder notifies you of the
|
||||||
|
violation by some reasonable means, this is the first time you have
|
||||||
|
received notice of violation of this License (for any work) from that
|
||||||
|
copyright holder, and you cure the violation prior to 30 days after
|
||||||
|
your receipt of the notice.
|
||||||
|
|
||||||
|
Termination of your rights under this section does not terminate the
|
||||||
|
licenses of parties who have received copies or rights from you under
|
||||||
|
this License. If your rights have been terminated and not permanently
|
||||||
|
reinstated, you do not qualify to receive new licenses for the same
|
||||||
|
material under section 10.
|
||||||
|
|
||||||
|
9. Acceptance Not Required for Having Copies.
|
||||||
|
|
||||||
|
You are not required to accept this License in order to receive or
|
||||||
|
run a copy of the Program. Ancillary propagation of a covered work
|
||||||
|
occurring solely as a consequence of using peer-to-peer transmission
|
||||||
|
to receive a copy likewise does not require acceptance. However,
|
||||||
|
nothing other than this License grants you permission to propagate or
|
||||||
|
modify any covered work. These actions infringe copyright if you do
|
||||||
|
not accept this License. Therefore, by modifying or propagating a
|
||||||
|
covered work, you indicate your acceptance of this License to do so.
|
||||||
|
|
||||||
|
10. Automatic Licensing of Downstream Recipients.
|
||||||
|
|
||||||
|
Each time you convey a covered work, the recipient automatically
|
||||||
|
receives a license from the original licensors, to run, modify and
|
||||||
|
propagate that work, subject to this License. You are not responsible
|
||||||
|
for enforcing compliance by third parties with this License.
|
||||||
|
|
||||||
|
An "entity transaction" is a transaction transferring control of an
|
||||||
|
organization, or substantially all assets of one, or subdividing an
|
||||||
|
organization, or merging organizations. If propagation of a covered
|
||||||
|
work results from an entity transaction, each party to that
|
||||||
|
transaction who receives a copy of the work also receives whatever
|
||||||
|
licenses to the work the party's predecessor in interest had or could
|
||||||
|
give under the previous paragraph, plus a right to possession of the
|
||||||
|
Corresponding Source of the work from the predecessor in interest, if
|
||||||
|
the predecessor has it or can get it with reasonable efforts.
|
||||||
|
|
||||||
|
You may not impose any further restrictions on the exercise of the
|
||||||
|
rights granted or affirmed under this License. For example, you may
|
||||||
|
not impose a license fee, royalty, or other charge for exercise of
|
||||||
|
rights granted under this License, and you may not initiate litigation
|
||||||
|
(including a cross-claim or counterclaim in a lawsuit) alleging that
|
||||||
|
any patent claim is infringed by making, using, selling, offering for
|
||||||
|
sale, or importing the Program or any portion of it.
|
||||||
|
|
||||||
|
11. Patents.
|
||||||
|
|
||||||
|
A "contributor" is a copyright holder who authorizes use under this
|
||||||
|
License of the Program or a work on which the Program is based. The
|
||||||
|
work thus licensed is called the contributor's "contributor version".
|
||||||
|
|
||||||
|
A contributor's "essential patent claims" are all patent claims
|
||||||
|
owned or controlled by the contributor, whether already acquired or
|
||||||
|
hereafter acquired, that would be infringed by some manner, permitted
|
||||||
|
by this License, of making, using, or selling its contributor version,
|
||||||
|
but do not include claims that would be infringed only as a
|
||||||
|
consequence of further modification of the contributor version. For
|
||||||
|
purposes of this definition, "control" includes the right to grant
|
||||||
|
patent sublicenses in a manner consistent with the requirements of
|
||||||
|
this License.
|
||||||
|
|
||||||
|
Each contributor grants you a non-exclusive, worldwide, royalty-free
|
||||||
|
patent license under the contributor's essential patent claims, to
|
||||||
|
make, use, sell, offer for sale, import and otherwise run, modify and
|
||||||
|
propagate the contents of its contributor version.
|
||||||
|
|
||||||
|
In the following three paragraphs, a "patent license" is any express
|
||||||
|
agreement or commitment, however denominated, not to enforce a patent
|
||||||
|
(such as an express permission to practice a patent or covenant not to
|
||||||
|
sue for patent infringement). To "grant" such a patent license to a
|
||||||
|
party means to make such an agreement or commitment not to enforce a
|
||||||
|
patent against the party.
|
||||||
|
|
||||||
|
If you convey a covered work, knowingly relying on a patent license,
|
||||||
|
and the Corresponding Source of the work is not available for anyone
|
||||||
|
to copy, free of charge and under the terms of this License, through a
|
||||||
|
publicly available network server or other readily accessible means,
|
||||||
|
then you must either (1) cause the Corresponding Source to be so
|
||||||
|
available, or (2) arrange to deprive yourself of the benefit of the
|
||||||
|
patent license for this particular work, or (3) arrange, in a manner
|
||||||
|
consistent with the requirements of this License, to extend the patent
|
||||||
|
license to downstream recipients. "Knowingly relying" means you have
|
||||||
|
actual knowledge that, but for the patent license, your conveying the
|
||||||
|
covered work in a country, or your recipient's use of the covered work
|
||||||
|
in a country, would infringe one or more identifiable patents in that
|
||||||
|
country that you have reason to believe are valid.
|
||||||
|
|
||||||
|
If, pursuant to or in connection with a single transaction or
|
||||||
|
arrangement, you convey, or propagate by procuring conveyance of, a
|
||||||
|
covered work, and grant a patent license to some of the parties
|
||||||
|
receiving the covered work authorizing them to use, propagate, modify
|
||||||
|
or convey a specific copy of the covered work, then the patent license
|
||||||
|
you grant is automatically extended to all recipients of the covered
|
||||||
|
work and works based on it.
|
||||||
|
|
||||||
|
A patent license is "discriminatory" if it does not include within
|
||||||
|
the scope of its coverage, prohibits the exercise of, or is
|
||||||
|
conditioned on the non-exercise of one or more of the rights that are
|
||||||
|
specifically granted under this License. You may not convey a covered
|
||||||
|
work if you are a party to an arrangement with a third party that is
|
||||||
|
in the business of distributing software, under which you make payment
|
||||||
|
to the third party based on the extent of your activity of conveying
|
||||||
|
the work, and under which the third party grants, to any of the
|
||||||
|
parties who would receive the covered work from you, a discriminatory
|
||||||
|
patent license (a) in connection with copies of the covered work
|
||||||
|
conveyed by you (or copies made from those copies), or (b) primarily
|
||||||
|
for and in connection with specific products or compilations that
|
||||||
|
contain the covered work, unless you entered into that arrangement,
|
||||||
|
or that patent license was granted, prior to 28 March 2007.
|
||||||
|
|
||||||
|
Nothing in this License shall be construed as excluding or limiting
|
||||||
|
any implied license or other defenses to infringement that may
|
||||||
|
otherwise be available to you under applicable patent law.
|
||||||
|
|
||||||
|
12. No Surrender of Others' Freedom.
|
||||||
|
|
||||||
|
If conditions are imposed on you (whether by court order, agreement or
|
||||||
|
otherwise) that contradict the conditions of this License, they do not
|
||||||
|
excuse you from the conditions of this License. If you cannot convey a
|
||||||
|
covered work so as to satisfy simultaneously your obligations under this
|
||||||
|
License and any other pertinent obligations, then as a consequence you may
|
||||||
|
not convey it at all. For example, if you agree to terms that obligate you
|
||||||
|
to collect a royalty for further conveying from those to whom you convey
|
||||||
|
the Program, the only way you could satisfy both those terms and this
|
||||||
|
License would be to refrain entirely from conveying the Program.
|
||||||
|
|
||||||
|
13. Use with the GNU Affero General Public License.
|
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, you have
|
||||||
|
permission to link or combine any covered work with a work licensed
|
||||||
|
under version 3 of the GNU Affero General Public License into a single
|
||||||
|
combined work, and to convey the resulting work. The terms of this
|
||||||
|
License will continue to apply to the part which is the covered work,
|
||||||
|
but the special requirements of the GNU Affero General Public License,
|
||||||
|
section 13, concerning interaction through a network will apply to the
|
||||||
|
combination as such.
|
||||||
|
|
||||||
|
14. Revised Versions of this License.
|
||||||
|
|
||||||
|
The Free Software Foundation may publish revised and/or new versions of
|
||||||
|
the GNU General Public License from time to time. Such new versions will
|
||||||
|
be similar in spirit to the present version, but may differ in detail to
|
||||||
|
address new problems or concerns.
|
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the
|
||||||
|
Program specifies that a certain numbered version of the GNU General
|
||||||
|
Public License "or any later version" applies to it, you have the
|
||||||
|
option of following the terms and conditions either of that numbered
|
||||||
|
version or of any later version published by the Free Software
|
||||||
|
Foundation. If the Program does not specify a version number of the
|
||||||
|
GNU General Public License, you may choose any version ever published
|
||||||
|
by the Free Software Foundation.
|
||||||
|
|
||||||
|
If the Program specifies that a proxy can decide which future
|
||||||
|
versions of the GNU General Public License can be used, that proxy's
|
||||||
|
public statement of acceptance of a version permanently authorizes you
|
||||||
|
to choose that version for the Program.
|
||||||
|
|
||||||
|
Later license versions may give you additional or different
|
||||||
|
permissions. However, no additional obligations are imposed on any
|
||||||
|
author or copyright holder as a result of your choosing to follow a
|
||||||
|
later version.
|
||||||
|
|
||||||
|
15. Disclaimer of Warranty.
|
||||||
|
|
||||||
|
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
|
||||||
|
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
|
||||||
|
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
|
||||||
|
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
|
||||||
|
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||||
|
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
|
||||||
|
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
|
||||||
|
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||||
|
|
||||||
|
16. Limitation of Liability.
|
||||||
|
|
||||||
|
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
|
||||||
|
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
|
||||||
|
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
|
||||||
|
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
|
||||||
|
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
|
||||||
|
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
|
||||||
|
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
|
||||||
|
SUCH DAMAGES.
|
||||||
|
|
||||||
|
17. Interpretation of Sections 15 and 16.
|
||||||
|
|
||||||
|
If the disclaimer of warranty and limitation of liability provided
|
||||||
|
above cannot be given local legal effect according to their terms,
|
||||||
|
reviewing courts shall apply local law that most closely approximates
|
||||||
|
an absolute waiver of all civil liability in connection with the
|
||||||
|
Program, unless a warranty or assumption of liability accompanies a
|
||||||
|
copy of the Program in return for a fee.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
How to Apply These Terms to Your New Programs
|
||||||
|
|
||||||
|
If you develop a new program, and you want it to be of the greatest
|
||||||
|
possible use to the public, the best way to achieve this is to make it
|
||||||
|
free software which everyone can redistribute and change under these terms.
|
||||||
|
|
||||||
|
To do so, attach the following notices to the program. It is safest
|
||||||
|
to attach them to the start of each source file to most effectively
|
||||||
|
state the exclusion of warranty; and each file should have at least
|
||||||
|
the "copyright" line and a pointer to where the full notice is found.
|
||||||
|
|
||||||
|
<one line to give the program's name and a brief idea of what it does.>
|
||||||
|
Copyright (C) <year> <name of author>
|
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License
|
||||||
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail.
|
||||||
|
|
||||||
|
If the program does terminal interaction, make it output a short
|
||||||
|
notice like this when it starts in an interactive mode:
|
||||||
|
|
||||||
|
<program> Copyright (C) <year> <name of author>
|
||||||
|
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||||
|
This is free software, and you are welcome to redistribute it
|
||||||
|
under certain conditions; type `show c' for details.
|
||||||
|
|
||||||
|
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||||
|
parts of the General Public License. Of course, your program's commands
|
||||||
|
might be different; for a GUI interface, you would use an "about box".
|
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or school,
|
||||||
|
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
||||||
|
For more information on this, and how to apply and follow the GNU GPL, see
|
||||||
|
<https://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
The GNU General Public License does not permit incorporating your program
|
||||||
|
into proprietary programs. If your program is a subroutine library, you
|
||||||
|
may consider it more useful to permit linking proprietary applications with
|
||||||
|
the library. If this is what you want to do, use the GNU Lesser General
|
||||||
|
Public License instead of this License. But first, please read
|
||||||
|
<https://www.gnu.org/licenses/why-not-lgpl.html>.
|
||||||
790
README.md
Normal file
790
README.md
Normal file
@ -0,0 +1,790 @@
|
|||||||
|
# Orgon-Theme
|
||||||
|
基于Argon-Theme开发的 WordPress 主题，源主题：https://github.com/solstice23/argon-theme
|
||||||
|
|
||||||
|
# 源主题特性
|
||||||
|
|
||||||
|
+ **轻盈美观** - 使用 Argon Design System 前端框架，细节精致，轻盈美观
|
||||||
|
+ **高度可定制化** - 可自定义主题色、布局(双栏/单栏/三栏)、顶栏、侧栏、Banner、背景图、日夜间模式不同背景、背景沉浸、浮动操作按钮等，提供了丰富的自定义选项
|
||||||
|
+ **夜间模式** - 支持日间、夜间、纯黑三种模式，并可以根据时间自动切换或跟随系统夜间模式
|
||||||
|
+ **功能繁多** - Tag 和分类统计、作者链接、额外链接、文章字数和预计阅读时间、文章过时信息显示
|
||||||
|
+ **Pjax** - 支持 Pjax 无刷新加载，提高浏览体验
|
||||||
|
+ **友情链接** - 支持使用 Wordpress 自带的链接管理器进行友链管理，支持多种友链样式
|
||||||
|
+ **"说说" 功能** - 随时发表想法，并在专门的 "说说" 页面展示，也支持说说和首页文章穿插
|
||||||
|
+ **评论功能扩展** - Ajax 评论，评论支持 Markdown、验证码、再次编辑、显示 UA、悄悄话模式、回复时邮件通知、查看编辑记录、无限加载等功能
|
||||||
|
+ **诸多功能** - 文章目录、阅读进度、Mathjax 或 Katex 公式解析、图片放大预览、Pangu.js 文本格式化、平滑滚动等
|
||||||
|
+ **丰富的短代码** - 支持通过短代码在文章中插入 TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块
|
||||||
|
+ **适配 Gutenberg 编辑器** - 支持使用 Gutenberg 编辑器可视化插入区块
|
||||||
|
+ **多语言** - 支持中文、英文、俄文等语言
|
||||||
|
+ **其他** - 自适应、精心优化的文章阅读界面 CSS、可切换衬线/非衬线字体、可自定义 CSS 和 JS、支持使用 CDN 加速静态文件访问、SEO 友好、Banner 打字动画、留言板页面、文章脚注等
|
||||||
|
|
||||||
|
# 安装
|
||||||
|
|
||||||
|
在 [Release](https://github.com/solstice23/argon-theme/releases) 页面下载 .zip 文件，在 WordPress 后台 "主题" 页面上传并安装。
|
||||||
|
|
||||||
|
# 文档
|
||||||
|
|
||||||
|
[Argon-Theme 文档 : https://argon-docs.solstice23.top](https://argon-docs.solstice23.top/)
|
||||||
|
|
||||||
|
# 更新日志
|
||||||
|
|
||||||
|
## 20220319 v1.3.5
|
||||||
|
+ 支持自定义 CDN 域名
|
||||||
|
+ 支持读取 Post Views Counter 插件的阅读量数据
|
||||||
|
+ 修复未审核评论被显示的问题
|
||||||
|
+ 修复评论分页问题
|
||||||
|
+ 其他改进与修复
|
||||||
|
|
||||||
|
## 20220214 v1.3.4
|
||||||
|
+ 支持自定义搜索过滤器顺序和默认选中状态
|
||||||
|
+ 支持添加自定义文章类型的搜索过滤器
|
||||||
|
+ 修复代码块样式问题
|
||||||
|
+ 其他改进与修复
|
||||||
|
|
||||||
|
## 20220211 v1.3.3
|
||||||
|
+ 🌈 新增 后台管理界面美化 (在"用户-个人资料-管理界面配色方案" 或 "Argon设置-杂项" 中开启)
|
||||||
|
+ 新增 CF Worker 更新源，移除 jsdelivr 更新源
|
||||||
|
+ 支持短代码嵌套
|
||||||
|
+ 修复多站点下无法编辑主题设置的问题
|
||||||
|
+ 其他改进与修复
|
||||||
|
|
||||||
|
## 20220207 v1.3.2
|
||||||
|
+ 使评论区第一页填满评论（评论分页方式为无限加载时）
|
||||||
|
+ 新增 `argon_html_before_wordcount` Filter
|
||||||
|
+ 修复代码块溢出边界的问题
|
||||||
|
+ 优化代码块控制栏可见性
|
||||||
|
+ 修复评论排序问题
|
||||||
|
+ 其他改进与修复
|
||||||
|
|
||||||
|
## 20220205 v1.3.1
|
||||||
|
+ 📌 新增 评论置顶 功能（需要在选项中开启）
|
||||||
|
+ 子评论支持显示被回复者昵称
|
||||||
|
+ 同步 Highlight.js 高亮方案
|
||||||
|
+ 其他改进与修复
|
||||||
|
|
||||||
|
## 20220203 v1.3.0
|
||||||
|
+ 🎨 新增 气氛色 选项：主题色全局沉浸（类似 Material You）
|
||||||
|
+ 新增 `argon_comment_extra_info` filter
|
||||||
|
+ 代码块行号默认不透明
|
||||||
|
+ 修复首页排除文章和 Tag 选项不生效的 Bug
|
||||||
|
+ 修复友情链接页面显示错误
|
||||||
|
+ 修复评论区表单验证问题
|
||||||
|
+ 修复 session 干扰 REST API 回环问题
|
||||||
|
+ 修复开启衬线字体后代码块显示问题
|
||||||
|
+ 修复后台媒体库不能搜索问题
|
||||||
|
+ 其他改进与修复
|
||||||
|
|
||||||
|
## 20220106 v1.2.10
|
||||||
|
+ 新增通过 Ajax 获取验证码以绕过 CDN 缓存选项
|
||||||
|
+ 说说预览显示赞数和评论数，优化折叠样式
|
||||||
|
+ 修复编辑器某些功能的失效
|
||||||
|
+ 修复评论提醒邮件格式错误
|
||||||
|
+ 修复 Pangu.js 某些页面不应用
|
||||||
|
+ 修复搜索结果切换筛选器后页数不重置
|
||||||
|
+ 修复搜索结果说说预览图片不显示问题
|
||||||
|
+ 修复 Pjax 右侧栏不刷新的问题
|
||||||
|
+ 繁体中文翻译修正
|
||||||
|
+ UI 细节修复与调整
|
||||||
|
+ 其他修复与改进
|
||||||
|
|
||||||
|
## 20211205 v1.2.9
|
||||||
|
+ 增加搜索过滤器（支持搜索说说）
|
||||||
|
+ 支持折叠过长说说
|
||||||
|
+ 修改单篇文章过时信息显示时不覆盖最后编辑时间
|
||||||
|
+ 其他修复与改进
|
||||||
|
|
||||||
|
## 20211121 v1.2.8
|
||||||
|
+ 完善文章字数统计，新增代码行数统计和时间计算
|
||||||
|
+ 修复字数统计问题
|
||||||
|
+ 新增 "站点概览额外内容" 工具栏
|
||||||
|
+ 加密文章输入密码前不获取第一张图片作为头图
|
||||||
|
+ 修复单栏下顶栏不自动折叠的问题
|
||||||
|
+ 修复 UI 瑕疵
|
||||||
|
+ 其他修复与改进
|
||||||
|
|
||||||
|
## 20211024 v1.2.7
|
||||||
|
+ 适配侧栏 Wordpress 归档日历
|
||||||
|
+ 站点概览增加作者个人介绍选项
|
||||||
|
+ 增加 AHCDN ([#284](https://github.com/solstice23/argon-theme/issues/284))
|
||||||
|
+ 增加 2 个 Filter (404 页面额外 HTML、Banner 标题 HTML)
|
||||||
|
+ 归档时间轴页面增加对应年月链接
|
||||||
|
+ 其他修复与改进
|
||||||
|
|
||||||
|
## 20211001 v1.2.6
|
||||||
|
+ 优化归档时间轴页面，支持按月分节，支持左侧栏跳转和目录
|
||||||
|
+ 适配区块左侧栏，文字头像支持全局
|
||||||
|
+ 优化全屏封面时浮动操作栏、Pjax 等体验
|
||||||
|
+ Url Hash 指向的评论突出显示
|
||||||
|
+ 优化滚动动画曲线
|
||||||
|
+ 修复 Session 初始化问题
|
||||||
|
+ 其他微调和修复
|
||||||
|
|
||||||
|
## 20210905 v1.2.5
|
||||||
|
+ 滚动条沉浸
|
||||||
|
+ Banner 显示状态新增全屏选项（Banner 可全屏作为封面）
|
||||||
|
+ 更正翻译
|
||||||
|
|
||||||
|
## 20210815 v1.2.4
|
||||||
|
+ 新增 Banner 显示状态选项（新增隐藏 Banner、迷你 Banner）
|
||||||
|
+ 新增顶栏显示状态选项 （新增顶栏不随页面滚动）
|
||||||
|
+ 新增顶栏毛玻璃选项
|
||||||
|
+ 优化单栏布局
|
||||||
|
+ 修复瀑布流图片加载后排版问题
|
||||||
|
+ 修复瀑布流布局显示错位
|
||||||
|
+ 修复头图 Lazyload 的 BUG
|
||||||
|
|
||||||
|
|
||||||
|
## 20210810 v1.2.3
|
||||||
|
+ 新增文章列表瀑布流布局
|
||||||
|
+ 修复代码不折行的 BUG
|
||||||
|
+ 博客副标题加入打字动画
|
||||||
|
+ 修复标题打字动画结束后光标瞬间闪烁问题、打字动画中止问题
|
||||||
|
+ 修复未填写邮箱时文字头像显示错误
|
||||||
|
+ 修复夜间模式下代码块显示问题
|
||||||
|
+ 修复夜间模式评论点赞后不显示
|
||||||
|
|
||||||
|
## 20210804 v1.2.2
|
||||||
|
+ 新增评论点赞功能
|
||||||
|
+ 增加一种文章列表卡片样式
|
||||||
|
+ 改进阅读进度浮动按钮显示逻辑
|
||||||
|
+ 修复 "Tab 面板" Gutenberg 组件有概率无法切换的 BUG
|
||||||
|
+ 修复夜间模式背景不切换的 BUG
|
||||||
|
+ 其他修复与改进
|
||||||
|
|
||||||
|
## 20210803 v1.2.1
|
||||||
|
+ 增加 "Tab 面板" Gutenberg 区块
|
||||||
|
+ 修复夜间模式的显示问题
|
||||||
|
+ 修复 Gutenberg 编辑器区块图标不显示的问题
|
||||||
|
+ 新增页面背景 Filter
|
||||||
|
|
||||||
|
## 20210724 v1.2.0
|
||||||
|
+ 适配 Gutenberg 编辑器，支持通过编辑器可视化插入提示、警告、折叠块、时间线、Todo List 等区块
|
||||||
|
+ 增加文章过时信息单独设置选项
|
||||||
|
+ 更改夜间模式选择文字时的背景色
|
||||||
|
+ 增加文章预览截取字数选项
|
||||||
|
+ 修复与 Gutenberg 编辑器的兼容问题
|
||||||
|
+ 其他小改动
|
||||||
|
|
||||||
|
## 20210706 v1.1.9
|
||||||
|
+ 增加一种文章列表卡片样式
|
||||||
|
+ 新增若干 Filters
|
||||||
|
+ 修复 Gutenberg 编辑器区块的显示错误问题
|
||||||
|
+ 支持 og-image Meta
|
||||||
|
+ 其他 BUG 修复
|
||||||
|
|
||||||
|
## 20210508 v1.1.8
|
||||||
|
+ 代码高亮增加更多默认选项
|
||||||
|
+ 新增若干 [Filters](https://argon-docs.solstice23.top/#/filters)
|
||||||
|
+ 修复相似文章 UI 细节问题
|
||||||
|
+ 修复说说显示错误
|
||||||
|
+ 侧栏 分类/Tag 隐藏 空分类/Tag
|
||||||
|
+ 允许隐藏顶栏标题
|
||||||
|
+ 修复访问统计问题
|
||||||
|
+ 修复与 Live2D 与 Code Syntax Block 插件的兼容问题
|
||||||
|
+ 其他 BUG 修复
|
||||||
|
|
||||||
|
## 20210219 v1.1.7
|
||||||
|
+ 修复 Mathjax v2 Pjax 加载后不渲染问题
|
||||||
|
+ 修复字数统计错误问题
|
||||||
|
+ 更改文末推荐文章列表样式
|
||||||
|
+ 分享功能支持只显示国内/国外/全部社交媒体
|
||||||
|
|
||||||
|
## 20210208 v1.1.6
|
||||||
|
+ 修复代码行数显示错误
|
||||||
|
+ 修复 RSS 问题
|
||||||
|
+ 修复 REST API 错误
|
||||||
|
+ 完善翻译
|
||||||
|
+ 修复一些显示问题
|
||||||
|
+ 更新 版本号
|
||||||
|
|
||||||
|
## 20201220 v1.1.5
|
||||||
|
+ 文章目录聚焦时会自动滚动
|
||||||
|
+ 适配 PHP 8
|
||||||
|
+ 修复评论文字头像加载错误问题
|
||||||
|
+ 修复错误
|
||||||
|
|
||||||
|
## 20201114 v1.1.4
|
||||||
|
+ 修复脚注重复的问题
|
||||||
|
+ 新增对重复脚注的处理
|
||||||
|
+ 新增代码高亮方案
|
||||||
|
+ 更新 Highlight.js 到 v10.4.0
|
||||||
|
|
||||||
|
## 20201114 v1.1.3
|
||||||
|
+ 支持脚注短代码 (ref)
|
||||||
|
+ 修复文章字数统计错误
|
||||||
|
+ 修复文章目录跳转问题
|
||||||
|
+ 修复验证码问题
|
||||||
|
+ UI 微调和其他改进
|
||||||
|
|
||||||
|
## 20201025 v1.1.2
|
||||||
|
+ 回滚 HTML Parse 代码
|
||||||
|
+ 修复 Fancybox 导致的一系列显示错误问题
|
||||||
|
+ 合并移动端割裂的 UI
|
||||||
|
+ 增加禁用 Google 字体选项
|
||||||
|
+ 修复关闭 Lazyload 时首页文章头图无法加载的问题
|
||||||
|
|
||||||
|
## 20201024 v1.1.1
|
||||||
|
+ 修复 Fancybox 可能会出现的 HTML Tag 提前闭合问题
|
||||||
|
|
||||||
|
## 20201018 v1.1.0
|
||||||
|
+ 图片缩放预览库由 Zoomify 更换为 Fancybox (仍保留 Zoomify 选项)
|
||||||
|
+ 优化评论区图片体验
|
||||||
|
+ 修复特定屏幕尺寸下侧栏边距问题
|
||||||
|
+ 其他优化
|
||||||
|
|
||||||
|
## 20201005 v1.0.4
|
||||||
|
+ 修复手机版顶栏折叠菜单图标间距问题
|
||||||
|
+ 设置页增加快速回顶和回底按钮
|
||||||
|
|
||||||
|
## 20200920 v1.0.3
|
||||||
|
+ 修复评论回复和 Pjax 冲突
|
||||||
|
+ 博主登录后自动填充加密文章密码
|
||||||
|
|
||||||
|
## 20200830 v1.0.2
|
||||||
|
+ 增加 双栏(反转) 页面布局
|
||||||
|
+ 修复和优化文章字数统计
|
||||||
|
|
||||||
|
## 20200824 v1.0.1
|
||||||
|
+ 增加 "评论文字头像" 选项（为无头像评论者生成一个纯色文字头像）
|
||||||
|
+ Github 短代码新增 Mini 尺寸
|
||||||
|
|
||||||
|
## 20200823 v1.0.0
|
||||||
|
+ 正式版
|
||||||
|
|
||||||
|
## 20200821 v0.999.beta.8
|
||||||
|
+ 优化字数统计和预计阅读时间计算方法，中英文分别统计，并排除代码块
|
||||||
|
+ 新增 "文章内标题样式" 选项
|
||||||
|
+ 修复一些代码错误
|
||||||
|
+ 评论区中表情支持放大查看
|
||||||
|
+ 夜间模式细节优化
|
||||||
|
+ 修复手机表情键盘溢出屏幕问题
|
||||||
|
+ 优化 UI 细节
|
||||||
|
|
||||||
|
## 20200819 v0.999.beta.7
|
||||||
|
+ 修复 WP Super Cache 和 Argon 不兼容的问题
|
||||||
|
+ 优化左侧栏 "功能" Tab 样式
|
||||||
|
+ 增加推荐相似文章数量选项
|
||||||
|
|
||||||
|
## 20200819 v0.999.beta.6
|
||||||
|
+ 移除 V2EX Gravatar CDN 选项
|
||||||
|
+ 增加自定义 Gravatar CDN 选项
|
||||||
|
+ 修复 Lazyload 加载不出的 BUG
|
||||||
|
+ 优化无头像的友情链接的显示
|
||||||
|
+ 修复首页说说中的视频的显示问题
|
||||||
|
+ 优化侧栏过长 Link 的显示
|
||||||
|
|
||||||
|
## 20200818 v0.999.beta.5
|
||||||
|
+ 增加 "相似文章推荐" 选项
|
||||||
|
+ 修复文章第一张图片无法作为头图的 BUG
|
||||||
|
+ 修复文章修改时间显示错误的问题
|
||||||
|
+ 优化赞赏二维码显示尺寸
|
||||||
|
|
||||||
|
## 20200817 v0.999.beta.4
|
||||||
|
+ 增加文末附加信息选项
|
||||||
|
+ 表情键盘支持长按预览表情
|
||||||
|
+ 修复 Emoji 和部分表情无法输入的问题
|
||||||
|
+ 修复回复评论时显示错误的 BUG
|
||||||
|
|
||||||
|
## 20200813 v0.999.beta.3
|
||||||
|
+ 修复较深颜色作为主题色时夜间模式下的对比度问题
|
||||||
|
+ 修复文章中 WP 引用卡片溢出问题
|
||||||
|
+ 修复小屏幕时评论区显示重叠问题
|
||||||
|
|
||||||
|
## 20200812 v0.999.beta.2
|
||||||
|
+ 评论支持发表情
|
||||||
|
+ 增加评论区表情键盘
|
||||||
|
+ 文章头图支持 Lazyload
|
||||||
|
+ 修复 Lazyload 重复加载问题
|
||||||
|
+ 修复 Wordpress 5.0 以下的兼容性问题
|
||||||
|
|
||||||
|
## 20200809 v0.999.beta.1
|
||||||
|
+ 更换 Pjax 方案为 [jquery-pjax](https://github.com/defunkt/jquery-pjax/) 魔改后的版本 [jquery-pjax-plus](https://github.com/solstice23/jquery-pjax-plus)
|
||||||
|
+ 解决 Pjax 一些兼容性问题，修复之前 Pjax 后退定位的 BUG
|
||||||
|
+ 支持滚动时自动折叠顶栏（新增该设置项）
|
||||||
|
+ 其他一些优化
|
||||||
|
|
||||||
|
## 20200807 v0.994
|
||||||
|
+ 支持将文章中第一张图片设为头图，支持每篇文章单独设置和跟随全局
|
||||||
|
+ 更改评论区 Markdown 图片解析逻辑，增强兼容性
|
||||||
|
|
||||||
|
## 20200806 v0.993
|
||||||
|
+ 增加繁体中文翻译
|
||||||
|
|
||||||
|
## 20200805 v0.992
|
||||||
|
+ Add Russian Translation (By [ostiwe](https://github.com/ostiwe))
|
||||||
|
+ 增加俄文翻译
|
||||||
|
|
||||||
|
## 20200801 v0.991
|
||||||
|
+ 修复 more 标签字数统计错误的问题
|
||||||
|
+ 完善英文翻译
|
||||||
|
+ 其他一些修改
|
||||||
|
|
||||||
|
## 20200729 v0.990
|
||||||
|
+ Add English Translation
|
||||||
|
+ 完善英文翻译
|
||||||
|
|
||||||
|
## 20200728 v0.980
|
||||||
|
+ Add English Translation (Unfinished)
|
||||||
|
+ 增加英文翻译（未完成）
|
||||||
|
+ 修复图片组第一张图片加载不出的 BUG
|
||||||
|
+ 修复折叠块中图片 Lazyload 不自动加载的 BUG
|
||||||
|
+ 其他修改
|
||||||
|
|
||||||
|
## 20200713 v0.971
|
||||||
|
+ 修 BUG
|
||||||
|
|
||||||
|
## 20200713 v0.970
|
||||||
|
+ 文章 Meta 信息支持自定义是否显示和顺序
|
||||||
|
+ 增加 fastgit 更新源
|
||||||
|
+ 修 BUG
|
||||||
|
+ 其他一堆更改记不清了
|
||||||
|
|
||||||
|
## 20200613 v0.962.1
|
||||||
|
+ 修复折叠后评论未适配夜间模式问题
|
||||||
|
|
||||||
|
## 20200601 v0.962
|
||||||
|
+ 增加过长评论自动折叠选项
|
||||||
|
+ 修改 Lazyload、Zoomify 等的初始化方式（不再以 script 标签内联在文章中）
|
||||||
|
|
||||||
|
## 20200521 v0.961
|
||||||
|
+ 新增首页隐藏特定分类文章选项
|
||||||
|
+ 新增文章 Meta 显示作者选项
|
||||||
|
+ 优化分类、标签和文章中的 SEO Keywords
|
||||||
|
+ 其他小改进
|
||||||
|
|
||||||
|
## 20200518 v0.960
|
||||||
|
+ 新增三栏布局模式
|
||||||
|
|
||||||
|
## 20200517 v0.958
|
||||||
|
+ 评论区时间显示实时更新
|
||||||
|
+ 优化评论区时间格式
|
||||||
|
+ 修复判断文章是否需要目录错误的 BUG
|
||||||
|
|
||||||
|
## 20200511 v0.957.1
|
||||||
|
+ 修 BUG
|
||||||
|
|
||||||
|
## 20200511 v0.957
|
||||||
|
+ 支持给每篇文章插入自定义 CSS
|
||||||
|
+ 修 BUG
|
||||||
|
|
||||||
|
## 20200509 v0.956.1
|
||||||
|
+ 修复首页说说图片宽度溢出的问题
|
||||||
|
|
||||||
|
## 20200509 v0.956
|
||||||
|
+ 修复首页显示的说说不显示图片的 BUG
|
||||||
|
+ 修复夜间模式切换的一个 BUG
|
||||||
|
|
||||||
|
## 20200503 v0.955
|
||||||
|
+ 404 页适配夜间模式和暗黑模式
|
||||||
|
+ 侧栏菜单适配新标签页打开选项
|
||||||
|
+ 支持可选的加密文章密码提示 (新建名为 `password_hint` 的 Meta 项)
|
||||||
|
+ 修复说说标题过长溢出问题
|
||||||
|
|
||||||
|
## 20200501 v0.954
|
||||||
|
+ 增加 "美化登录界面" 选项 (Wordpress 登录界面 Argon Design 化)
|
||||||
|
+ 修复 QQ 号获取的头像在后台显示异常问题
|
||||||
|
|
||||||
|
## 20200429 v0.953
|
||||||
|
+ 增加评论根据 QQ 号获取头像选项
|
||||||
|
+ 修复单行代码高亮的复制等问题
|
||||||
|
+ 修复代码块复制错误的 BUG
|
||||||
|
+ 调整代码块过大的边距
|
||||||
|
|
||||||
|
## 20200425 v0.951
|
||||||
|
+ 经典编辑器中增加插入代码块按钮和短代码快捷按钮
|
||||||
|
+ 优化代码高亮
|
||||||
|
+ 适配图片说明
|
||||||
|
|
||||||
|
## 20200424 v0.950
|
||||||
|
+ 内置 Highlight.js 代码高亮
|
||||||
|
+ Mac 风格
|
||||||
|
+ 支持行号
|
||||||
|
+ 支持复制代码、切换行号显示、切换自动折行、全屏
|
||||||
|
|
||||||
|
## 20200418 v0.944
|
||||||
|
+ 增加默认字体选项
|
||||||
|
+ 增加默认阴影大小选项
|
||||||
|
+ 修复文章过时信息时差问题
|
||||||
|
|
||||||
|
## 20200413 v0.943.1
|
||||||
|
+ 修复 Pjax 的一个问题
|
||||||
|
|
||||||
|
## 20200412 v0.943
|
||||||
|
+ 增加归档时间轴页面模板
|
||||||
|
+ 侧栏格言支持调用一言 API
|
||||||
|
+ 增加对 Wordpress 子目录安装方式的兼容性适配选项
|
||||||
|
+ 修复和 Prism.js 的一个兼容性问题
|
||||||
|
+ 修复侧栏图标不对齐问题
|
||||||
|
|
||||||
|
## 20200411 v0.941
|
||||||
|
+ 修复评论 UA 图标错误的 BUG
|
||||||
|
+ 修复评论编辑历史记录显示错误的 BUG
|
||||||
|
|
||||||
|
## 20200409 v0.940
|
||||||
|
+ 新增评论区 UA 显示选项
|
||||||
|
+ 新增 Katex 数学解析方案
|
||||||
|
|
||||||
|
## 20200407 v0.931
|
||||||
|
+ 修复新旧版本 `Parsedown` 类库冲突的问题
|
||||||
|
+ 修复小 BUG
|
||||||
|
|
||||||
|
## 20200405 v0.930
|
||||||
|
+ 左侧栏顶部菜单支持无限层级嵌套子菜单
|
||||||
|
|
||||||
|
## 20200404 v0.925
|
||||||
|
+ Github 短代码增加可选的后端获取模式
|
||||||
|
+ 修复 "暗化" 滤镜不生效的问题
|
||||||
|
|
||||||
|
## 20200403 v0.924
|
||||||
|
+ 修复顶栏菜单 "在新标签页打开" 选项不生效的 BUG
|
||||||
|
|
||||||
|
## 20200401 v0.923
|
||||||
|
+ 修复设置顶栏图标后手机端排版的问题
|
||||||
|
|
||||||
|
## 20200331 v0.922
|
||||||
|
+ 修复评论编辑历史记录时间显示错误的问题
|
||||||
|
|
||||||
|
## 20200330 v0.921
|
||||||
|
+ 修复评论编辑历史记录的 BUG
|
||||||
|
+ 优化搜索逻辑
|
||||||
|
|
||||||
|
## 20200330 v0.920
|
||||||
|
+ 增加查看评论编辑历史记录功能
|
||||||
|
+ 增加 "谁可以查看评论编辑记录" 选项
|
||||||
|
+ 赞赏二维码弹框移到赞赏按钮上方
|
||||||
|
+ 修复分类中文章总数统计错误的 BUG
|
||||||
|
|
||||||
|
## 20200326 v0.914
|
||||||
|
+ 修复评论相关的一些小 BUG
|
||||||
|
|
||||||
|
## 20200325 v0.913
|
||||||
|
+ 夜间模式时间调整 (21:00 改为 22:00)
|
||||||
|
+ 修复小问题
|
||||||
|
|
||||||
|
## 20200324 v0.912
|
||||||
|
+ 增加 Pangu.js 文本格式化选项
|
||||||
|
+ 需要密码的文章支持 Ajax 加载
|
||||||
|
|
||||||
|
## 20200323 v0.911
|
||||||
|
+ 增加单栏模式
|
||||||
|
|
||||||
|
## 20200322 v0.910
|
||||||
|
+ 评论区支持分页
|
||||||
|
+ 新增 "无限加载" 和 "页码" 两种评论分页方式
|
||||||
|
+ 重写评论模块代码
|
||||||
|
+ 评论发送后改为局部刷新评论区
|
||||||
|
+ 优化评论/编辑体验
|
||||||
|
+ 优化其他一堆细节
|
||||||
|
|
||||||
|
## 20200321 v0.902
|
||||||
|
+ 新增新的友情链接短代码
|
||||||
|
+ 友情链接改为从 Wordpress 链接管理器中读取
|
||||||
|
+ 启用 Wordpress 链接管理器
|
||||||
|
+ 旧的友情链接短代码改名为 `sfriendlinks`
|
||||||
|
+ 评论会自动填充上一次的姓名、邮箱、网站输入框的内容
|
||||||
|
+ 增加 "评论时默认勾选 '启用邮件通知'' 复选框" 选项
|
||||||
|
+ 文章设置新增 "隐藏文章发布时间和分类" 选项
|
||||||
|
+ 更改说说文章页面 URL
|
||||||
|
|
||||||
|
⚠ 在该版本中，友情链接改为从 Wordpress 链接管理器中读取。请将友情链接迁移至 Wordpress 链接管理器中，或将原先的友链短代码改为 `sfriendlinks`。
|
||||||
|
|
||||||
|
## 20200319 v0.901
|
||||||
|
+ 评论通知邮件支持退订
|
||||||
|
+ 优化评论通知发送邮件逻辑
|
||||||
|
+ 评论 Markdown 增加对标题、有序列表和无序列表的支持
|
||||||
|
+ 手机端 UI 微调
|
||||||
|
+ 优化手机端交互体验微调
|
||||||
|
+ 修了评论的一堆 BUG
|
||||||
|
|
||||||
|
## 20200318 v0.900
|
||||||
|
+ 评论允许发送者再次编辑（可选）
|
||||||
|
+ 评论增加悄悄话模式（可选）
|
||||||
|
+ 评论增加回复时邮件通知模式（可选）
|
||||||
|
+ 优化文章访问量统计逻辑
|
||||||
|
+ 其他的一些优化和调整
|
||||||
|
|
||||||
|
## 20200315 v0.891
|
||||||
|
+ 修 BUG
|
||||||
|
|
||||||
|
## 20200315 v0.890
|
||||||
|
+ Argon 设置增加 导入/导出 功能
|
||||||
|
+ 新增日间/夜间模式不同背景选项
|
||||||
|
+ 新增 Banner 标题打字动画选项
|
||||||
|
+ 增加 jsdelivr 更新源
|
||||||
|
+ 修复一个重大 BUG
|
||||||
|
|
||||||
|
## 20200314 v0.885
|
||||||
|
+ 新增文章过时信息提示选项
|
||||||
|
+ 增加在浮动按钮栏显示跳到评论区按钮选项
|
||||||
|
+ 增加 Banner 遮罩和 Banner 标题阴影选项
|
||||||
|
+ 修复手机上的一系列小问题
|
||||||
|
+ 略微优化后台设置界面
|
||||||
|
|
||||||
|
## 20200310 v0.884
|
||||||
|
+ 增加夜间模式的另一种配色: 暗黑 (AMOLED Black)
|
||||||
|
+ 修复夜间模式相关的 BUG
|
||||||
|
|
||||||
|
## 20200309 v0.883
|
||||||
|
+ 修复过渡动画的一个问题
|
||||||
|
|
||||||
|
## 20200309 v0.882
|
||||||
|
+ 修复首页显示说说选项开启后，置顶文章不能正常显示的 BUG
|
||||||
|
|
||||||
|
## 20200309 v0.881
|
||||||
|
+ 修 BUG
|
||||||
|
|
||||||
|
## 20200309 v0.880
|
||||||
|
+ 增加夜间模式切换方案 (默认日间/默认夜间/跟随系统自动切换/根据时间自动切换)
|
||||||
|
+ 优化性能
|
||||||
|
+ 修 BUG
|
||||||
|
|
||||||
|
## 20200308 v0.873
|
||||||
|
+ 优化侧栏的搜索体验
|
||||||
|
+ 修复 Safari 上的渲染问题
|
||||||
|
|
||||||
|
## 20200306 v0.872
|
||||||
|
+ 修复 Safari 上的一系列显示问题
|
||||||
|
+ 修复点击导航栏时高度跳动的 BUG
|
||||||
|
+ 略微优化性能
|
||||||
|
|
||||||
|
## 20200306 v0.871
|
||||||
|
+ BUG 修复
|
||||||
|
|
||||||
|
## 20200306 v0.870
|
||||||
|
+ 优化顶栏搜索体验，将搜索框嵌入导航栏中，同时搜索支持 Pjax
|
||||||
|
+ 增加首页文章和说说同时显示的选项
|
||||||
|
+ 修复 Safari 上的一个性能问题
|
||||||
|
+ 增加评论禁用 Markdown 选项
|
||||||
|
+ 优化手机端阅读体验
|
||||||
|
+ 手机端浮动按钮增加透明度
|
||||||
|
+ 修复偶现的 Tooltip 乱码问题
|
||||||
|
+ 修复手机点击导航栏链接菜单不会自动关闭的问题
|
||||||
|
+ 修复其他小问题
|
||||||
|
|
||||||
|
## 20200303 v0.860
|
||||||
|
+ 编辑文章界面侧栏增加 "隐藏字数及阅读时间提示 Meta 信息" 选项
|
||||||
|
+ 优化夜间模式相关逻辑
|
||||||
|
+ 修复赞赏二维码的显示和过渡动画问题
|
||||||
|
+ 增加禁用 Pjax 选项
|
||||||
|
+ 修复 BUG
|
||||||
|
|
||||||
|
## 20200229 v0.852
|
||||||
|
+ 友情链接短代码增加随机顺序可选参数
|
||||||
|
|
||||||
|
## 20200228 v0.851
|
||||||
|
+ 修复手机端侧栏的一系列问题
|
||||||
|
+ 优化开启公告时手机端的显示效果
|
||||||
|
+ 优化手机端评论区的阅读体验
|
||||||
|
+ 增加 `noshortcode` 短代码
|
||||||
|
+ 优化浮动操作按钮菜单中恢复默认圆角大小按钮的提示
|
||||||
|
|
||||||
|
## 20200225 v0.850
|
||||||
|
+ Argon 选项中增加自定义默认卡片圆角大小设置
|
||||||
|
+ 浮动操作按钮菜单中增加了自定义圆角大小滑块
|
||||||
|
+ 优化评论区图片打开的动画曲线
|
||||||
|
+ 微调 UI 细节
|
||||||
|
+ 修复代码块和某些插件样式冲突的问题
|
||||||
|
|
||||||
|
## 20200223 v0.845
|
||||||
|
+ 修复以前手滑遗留的在新标签页打开问题
|
||||||
|
|
||||||
|
## 20200222 v0.844
|
||||||
|
+ 默认显示页脚作者信息，在 Argon 设置中增加了隐藏页脚作者信息的选项
|
||||||
|
|
||||||
|
## 20200222 v0.843
|
||||||
|
+ 修复顶栏二级菜单点击时菜单项高度跳动的 BUG
|
||||||
|
+ 细节修复
|
||||||
|
+ 删除页脚作者信息，只保留主题名称和链接
|
||||||
|
|
||||||
|
## 20200219 v0.842
|
||||||
|
+ 添加 Mathjax 2，现在有 Mathjax 3 和 2 两个版本可以选择
|
||||||
|
|
||||||
|
## 20200217 v0.841
|
||||||
|
+ 增加 "留言板" 页面模板
|
||||||
|
+ 修复浮动操作按钮与 Font Awesome 5 的类名冲突兼容问题
|
||||||
|
+ 修复夜间模式的一个小 BUG
|
||||||
|
+ 进一步完善 Pjax 逻辑
|
||||||
|
|
||||||
|
## 20200215 v0.840
|
||||||
|
+ 修复开启 "评论作者必须填入姓名和电子邮件地址" 选项后未填写名称无法发送评论的错误
|
||||||
|
+ 增加隐藏发送评论区中 "作者名称"、"邮件"、"网站" 输入框的选项
|
||||||
|
+ 增加禁用评论验证码的选项
|
||||||
|
+ 修复 Pjax 的几个 BUG
|
||||||
|
+ 完善 Pjax 逻辑，实现了近乎完美的 Pjax 体验
|
||||||
|
+ 增加 "博客 Banner 副标题" 设置选项，显示在 Banner 标题下方
|
||||||
|
+ 优化手机端有头图的博文的显示效果
|
||||||
|
+ 修复暗色滤镜与背景冲突的 BUG
|
||||||
|
+ 完善了手机端夜间模式的适配
|
||||||
|
+ 加入 "暂停更新" 选项，位于 "检测更新源" 选项中
|
||||||
|
+ 加入了 "博文发布时间"、"博文最后修改时间" 短代码
|
||||||
|
+ 一系列微调和优化
|
||||||
|
|
||||||
|
## 20200210 v0.830
|
||||||
|
+ 增加评论区 Markdown 支持
|
||||||
|
+ 优化夜间模式在页面刚载入时的体验
|
||||||
|
|
||||||
|
## 20200206 v0.820
|
||||||
|
+ 增加博客背景图片设置选项
|
||||||
|
+ 增加 沉浸式 Banner (透明) 和 毛玻璃 Banner 选项 来增强背景图片的显示效果
|
||||||
|
|
||||||
|
## 20200205 v0.810
|
||||||
|
+ BUG 修复
|
||||||
|
|
||||||
|
## 20200128 v0.800
|
||||||
|
+ 大幅提升前端加载速度
|
||||||
|
+ SEO 优化
|
||||||
|
+ 增加 SEO Description Meta 标签和 Keywords Meta 标签设置选项
|
||||||
|
+ 增强页面可访问性，优化无障碍体验
|
||||||
|
+ 修复一些问题
|
||||||
|
+ 针对打印进行优化
|
||||||
|
|
||||||
|
## 20200125 v0.703
|
||||||
|
+ Github 用户名更换适配
|
||||||
|
|
||||||
|
## 20200125 v0.702
|
||||||
|
+ 修复图片全屏预览选项关闭后无效的 BUG
|
||||||
|
|
||||||
|
## 20200123 v0.701
|
||||||
|
+ 修复不显示自定义主题色选择器时 js 的执行错误
|
||||||
|
|
||||||
|
## 20200123 v0.700
|
||||||
|
+ 增加前端自定义主题色功能（用户在浮动操作按钮博客设置菜单中可自定义主题色）
|
||||||
|
+ 问题修复
|
||||||
|
|
||||||
|
## 20200121 v0.610
|
||||||
|
+ 重构切换主题功能
|
||||||
|
+ 修复 CSS 的一堆问题
|
||||||
|
+ 修复 Pjax 带 `target="blank"` 属性的 `a` 标签在本页打开的问题
|
||||||
|
+ 一些小改进
|
||||||
|
|
||||||
|
## 20200116 v0.601
|
||||||
|
+ 进一步适配主题色 (如滚动条颜色，`a` 标签下划线颜色等)
|
||||||
|
|
||||||
|
## 20200116 v0.600
|
||||||
|
+ 增加博客主题色选项，可自定义主题色
|
||||||
|
+ 增加 SEO Meta 标签
|
||||||
|
+ 修复 Pjax 的一个 BUG
|
||||||
|
|
||||||
|
## 20200105 v0.597
|
||||||
|
+ 修复之前没发现的一个无关紧要的小问题
|
||||||
|
|
||||||
|
## 20200104
|
||||||
|
+ 更改协议为 GPL V3.0
|
||||||
|
|
||||||
|
## 20191231 v0.596
|
||||||
|
+ 修复设置界面的小问题
|
||||||
|
|
||||||
|
## 20191221 v0.595
|
||||||
|
+ 平滑滚动增加脉冲式滚动的选项 (Edge 式滚动)
|
||||||
|
|
||||||
|
## 20191216 v0.594
|
||||||
|
+ Argon 后台设置增加浮动目录
|
||||||
|
+ 增加文章目录显示序号选项
|
||||||
|
+ 修复左侧栏 Tab 的显示问题
|
||||||
|
+ 修复左侧栏浮动时在特定屏幕尺寸下的显示问题
|
||||||
|
|
||||||
|
## 20191214 v0.593
|
||||||
|
+ 博客设置增加阴影选项
|
||||||
|
+ 修复界面的一些问题
|
||||||
|
+ 修复其他的一些小问题
|
||||||
|
+ 升级 Argon 框架到 1.1.0 版本
|
||||||
|
|
||||||
|
## 20191214 v0.592
|
||||||
|
+ 加入博客设置功能
|
||||||
|
+ 位于浮动操作按钮栏
|
||||||
|
+ 设置选项：夜间模式、字体（衬线/无衬线）、页面滤镜
|
||||||
|
+ 默认关闭浮动操作按钮栏的夜间模式切换按钮（与设置菜单中重复），可以在 Argon 设置中手动开启
|
||||||
|
+ 微调 CSS
|
||||||
|
+ 其他小改动
|
||||||
|
|
||||||
|
## 20191204 v0.591
|
||||||
|
+ 增加进入文章过渡动画选项（测试）
|
||||||
|
|
||||||
|
## 20191111 v0.590
|
||||||
|
+ 增加博客公告功能
|
||||||
|
|
||||||
|
## 20191107 v0.582
|
||||||
|
+ 修复未开启 Mathjax 选项时 Pjax 错误的问题
|
||||||
|
|
||||||
|
## 20191104 v0.581
|
||||||
|
+ 支持切换主题更新源
|
||||||
|
+ 修复 CSS 一个小问题
|
||||||
|
|
||||||
|
## 20191104 v0.58
|
||||||
|
+ 优化设置页面
|
||||||
|
+ 修复评论框高度错误问题
|
||||||
|
|
||||||
|
## 20191029 v0.57
|
||||||
|
+ 增加 题图(特色图片) 的支持
|
||||||
|
|
||||||
|
## 20191026 v0.56
|
||||||
|
+ 提升 Mathjax 版本到 3.0
|
||||||
|
+ 更换默认 Mathjax CDN
|
||||||
|
+ 允许自定义 Mathjax CDN
|
||||||
|
+ 修复由于 Mathjax 文件未加载成功导致 Pjax 错误的问题
|
||||||
|
|
||||||
|
## 20191023 v0.55
|
||||||
|
+ 修复手机端侧栏的小问题
|
||||||
|
+ 提升后台管理中"Argon 主题选项"菜单层级
|
||||||
|
+ 采用新的检测更新库，修复更新问题
|
||||||
|
+ 其他细节调整
|
||||||
|
|
||||||
|
## 20191017 v0.54
|
||||||
|
+ 修改手机端侧栏效果
|
||||||
|
+ 合并 CSS 文件
|
||||||
|
+ 细节微调
|
||||||
|
+ 修改加密博客阅读量统计逻辑
|
||||||
|
|
||||||
|
## 20191014 v0.53
|
||||||
|
+ 增加赞赏二维码选项
|
||||||
|
+ 增加视频短代码
|
||||||
|
+ 修改 Pjax 逻辑
|
||||||
|
+ 增加首页文章浏览不显示短代码选项
|
||||||
|
+ 修复夜间模式的一个小问题
|
||||||
|
|
||||||
|
## 20191013 v0.52
|
||||||
|
+ 增加安装统计
|
||||||
|
+ 增加时区修复
|
||||||
|
|
||||||
|
## 20191012 v0.51
|
||||||
|
+ "说说"增加点赞功能
|
||||||
|
+ 微调弹出提示的样式
|
||||||
|
|
||||||
|
## 20191010 v0.5
|
||||||
|
+ 增加 "说说" 功能
|
||||||
|
+ 增加 Github Repo 信息短代码
|
||||||
|
+ 细节修改
|
||||||
|
|
||||||
|
## 20190923 v0.4
|
||||||
|
+ 如果某个菜单没配置，会默认隐藏，不再会影响观感
|
||||||
|
+ 修复了检测更新的一个问题
|
||||||
|
+ 增加"隐藏文字"短代码，在鼠标移上时才会显示
|
||||||
|
+ 修复图片放大模糊的问题
|
||||||
|
+ Banner 支持必应每日一图
|
||||||
|
+ 适配 Android Chrome Toolbar 颜色
|
||||||
|
+ 待审核评论会打上标签提示发送者
|
||||||
|
+ 修复 Pjax 加载后评论框大小不随内容调整的 BUG
|
||||||
|
+ 夜间模式全屏放大图片图片颜色不会变暗了
|
||||||
|
+ 修复了 CSS 的一些问题
|
||||||
|
+ 修复其他一些小问题
|
||||||
|
|
||||||
|
## 20190907 v0.31
|
||||||
|
+ 修复调试时遗留下来的一个 BUG
|
||||||
|
|
||||||
|
## 20190904 v0.3
|
||||||
|
+ Pjax 加载时替换 WordPress Adminbar
|
||||||
|
+ 修复后台评论提示验证码错误问题
|
||||||
|
+ 手机减小文章页面 margin
|
||||||
|
+ Pjax 加载逻辑修改
|
||||||
|
+ 博主评论免验证码
|
||||||
|
|
||||||
|
## 20190829 v0.2
|
||||||
|
+ 修复一些 BUG
|
||||||
|
+ checkbox 增加可选的 `inline` 属性
|
||||||
|
+ 针对 Wordpress 管理条进行处理
|
||||||
|
+ 修复夜间模式的一些问题
|
||||||
|
+ 修改一些细节
|
||||||
|
|
||||||
|
# 捐赠
|
||||||
|
如果你觉得 Argon 主题不错，可以请我一杯咖啡来支持我的开发。
|
||||||
|
|
||||||
|
|
||||||
70
README_en.md
Normal file
70
README_en.md
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
|
||||||
|
|
||||||
|
[简体中文](README.md) | [繁體中文](README_tw.md) | **English** | [Russian](README_ru.md)
|
||||||
|
|
||||||
|
# Argon-Theme
|
||||||
|
Argon - A light, simple and beautiful WordPress theme
|
||||||
|
|
||||||
|
[](https://github.com/solstice23/argon-theme/releases) [](https://github.com/solstice23/argon-theme/releases) [](https://github.com/solstice23/argon-theme/blob/master/LICENSE) [](https://github.com/solstice23) [](https://github.com/solstice23/argon-theme/stargazers)
|
||||||
|
|
||||||
|
[](https://github.com/solstice23/argon-theme/commits/master) [](https://github.com/solstice23/argon-theme/releases) 
|
||||||
|
|
||||||
|
# Features
|
||||||
|
|
||||||
|
+ **Light and beautiful** - Using the Argon Design System, the details are exquisite.
|
||||||
|
+ **Highly customizable** - Customizable theme color, layout (double-column/single-column/triple-column), top column content, side column content, banner, background image, different backgrounds of day and night mode, background immersion, floating action buttons, provide a wealth of customization options.
|
||||||
|
+ **Dark mode** - Supports three modes: light, dark, and black, can automatically switch according to the time or follow the system.
|
||||||
|
+ **Various functions** - Tag and category list, sidebar author link, sidebar extra link, word count and estimated reading time display, article outdated information display.
|
||||||
|
+ **Pjax** - Support Pjax non-refresh loading, improve browsing experience.
|
||||||
|
+ **Friend links** - Supports the use of Wordpress's built-in link manager for friend links management, and supports many friend links page styles
|
||||||
|
+ **"Essays"** - Post ideas at any time, and display them on the special "essays" page, and also can show them on homepage
|
||||||
|
+ **Extended comment functions** - Ajax comments, Markdown, comment CAPTCHA, commenters can edit their comments again, User-Agent display, private comment, email notification, comment editing history, ajax load comment pages, etc.
|
||||||
|
+ **Other functions** - Article catalog, reading progress, Mathjax or Katex formula rendering, images zoom preview, Pangu.js text formatting, smooth scrolling, etc.
|
||||||
|
+ **Abundant shortcodes** - Support a lot of shortcodes, like to-do checkbox, tags, alerts, admonitions, folding blocks, Github information cards, timeline, hidden text, videos, etc.
|
||||||
|
+ **Multi-language** - Support English and Chinese.
|
||||||
|
+ **Others** - Adaptive page, well-optimized article reading interface CSS, switchable serif/sans-serif font, customizable CSS and JS, support CDN accelerating static files, SEO friendly, Banner typing animation, Messageboard page, etc.
|
||||||
|
|
||||||
|
# Install
|
||||||
|
|
||||||
|
Download the .zip file on the [Release](https://github.com/solstice23/argon-theme/releases) page, upload and install it on the "Theme" page of the WordPress backend.
|
||||||
|
|
||||||
|
# Documentation
|
||||||
|
|
||||||
|
[Argon-Theme Document : https://argon-docs.solstice23.top](https://argon-docs.solstice23.top/) (Chinese version)
|
||||||
|
|
||||||
|
# Demo
|
||||||
|
|
||||||
|
Theme preview
|
||||||
|
|
||||||
|
[solstice23.top](https://solstice23.top)
|
||||||
|
|
||||||
|
[argon-demo.solstice23.top](http://argon-demo.solstice23.top)
|
||||||
|
|
||||||
|
# Attention
|
||||||
|
|
||||||
|
Argon uses the [GPL V3.0](https://github.com/solstice23/argon-theme/blob/master/LICENSE) protocol to open source, please follow this protocol for secondary development.
|
||||||
|
|
||||||
|
You **should keep the name of the Argon theme and its repo link in the footer**.
|
||||||
|
|
||||||
|
You **can remove** the author information in the footer.
|
||||||
|
|
||||||
|
# Rendering
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
# Telegram Channel
|
||||||
|
[t.me/argontheme](https://t.me/argontheme)
|
||||||
|
|
||||||
|
Automatically push update informations and other news about Argon.
|
||||||
|
|
||||||
|
# Update logs
|
||||||
|
|
||||||
|
See [readme.md Chinese version](https://github.com/solstice23/argon-theme#%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97).
|
||||||
68
README_ru.md
Normal file
68
README_ru.md
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
|
||||||
|
|
||||||
|
[简体中文](README.md) | [繁體中文](README_tw.md) | [English](README_en.md) | **Русский**
|
||||||
|
|
||||||
|
# Argon-Theme
|
||||||
|
Argon - Легкая, простая и красивая тема WordPress
|
||||||
|
|
||||||
|
[](https://github.com/solstice23/argon-theme/releases) [](https://github.com/solstice23/argon-theme/releases) [](https://github.com/solstice23/argon-theme/blob/master/LICENSE) [](https://github.com/solstice23) [](https://github.com/solstice23/argon-theme/stargazers)
|
||||||
|
|
||||||
|
[](https://github.com/solstice23/argon-theme/commits/master) [](https://github.com/solstice23/argon-theme/releases) 
|
||||||
|
|
||||||
|
# Особенности
|
||||||
|
|
||||||
|
+ **Легкая и красивая** - Используя систему проектирования Argon, был создан легкий и красивый дизайн.
|
||||||
|
+ **Полностью настраиваемая** - Можно поменять цвет темы, сменить задний фон сайта, изменить макет (1,2,3 колонки), разные фоны для темной\светлой темы и еще куча всего.
|
||||||
|
+ **Темная тема** - Поддерживаются такие модели тем как: светлая, темная и черная, которые могут переключаться в зависимости от времени или от настройки системы пользователя.
|
||||||
|
+ **Различные функции** - Список тегов и категорий, расщиряемы сайдбар, количество символов в статье и приблизительное время чтения, информация об устаревшей информации в статье.
|
||||||
|
+ **Pjax** - Поддержка Pjax навигация по блогу без необходимости перезагружать сайт.
|
||||||
|
+ **Дружелюбные ссылки** - Поддерживается использование встроенного менеджера ссылок Wordpress.
|
||||||
|
+ **Заметки** - Публикуйте идеи в любое время и показывайте их на специальной странице "Заметки", а также можете показать их на главной странице
|
||||||
|
+ **Расширенные функции комментариев** - Ajax комментарии, Markdown, капча для комментариев, авторы комментариев могут редактировать свои комментарии, расширенная информация об авторах комментариев, приватные комментарии, email уведомления, история редактирования комментариев, загрузка комментариев при помощи Ajax, и так далее.
|
||||||
|
+ **Остальные функции** - Каталог статей, прогресс чтения, Mathjax или Katex рендеринт формул, просмотрщик изображений в статье, Pangu.js форматирование, плавный скроллинг, и так далее.
|
||||||
|
+ **Множестов коротких кодов** - Поддержка множества коротких кодо, например: todo-list, теги, предупреждения, замечания, вложенные блоки, карточки Github, timeline, скрытый текст, видео, и так далее.
|
||||||
|
+ **Многоязычный** - Support English,Chinese and Russian.
|
||||||
|
+ **Остальное** - Адаптивная верстка, оптимизированное отображение статей, переключение стилей шрифтов, свои CSS и JS, поддержка CDN, дружелюбный SEO, анимационный баннер, и так далее.
|
||||||
|
|
||||||
|
# Установка
|
||||||
|
|
||||||
|
Скачайте argon.zip последнего [Релиза](https://github.com/solstice23/argon-theme/releases), загрузите распакуйте содержимое архива в директорию `/path/to/wordpress-root/wp-content/themes/argon`. После в настройках WordPress выберите данную тему.
|
||||||
|
|
||||||
|
# Документация
|
||||||
|
|
||||||
|
[Argon-Theme Document : https://argon-docs.solstice23.top](https://argon-docs.solstice23.top/) (Chinese version)
|
||||||
|
|
||||||
|
# Демо
|
||||||
|
|
||||||
|
[solstice23.top](https://solstice23.top)
|
||||||
|
|
||||||
|
[argon-demo.solstice23.top](http://argon-demo.solstice23.top)
|
||||||
|
|
||||||
|
# Внимание
|
||||||
|
|
||||||
|
Argon использует лицензию [GPL V3.0](https://github.com/solstice23/argon-theme/blob/master/LICENSE).
|
||||||
|
|
||||||
|
Вы **должны оставить название темы и ссылку на данный репозиторий в подвале вашего блога**.
|
||||||
|
|
||||||
|
Вы **можете удалить** информацию о авторе в подвале вашего блога.
|
||||||
|
|
||||||
|
# Скриншоты
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
# Telegram Канал
|
||||||
|
[t.me/argontheme](https://t.me/argontheme)
|
||||||
|
|
||||||
|
Получайте уведомления об обновлениях и других новостях связанных с Argon.
|
||||||
|
|
||||||
|
# Список обновлений
|
||||||
|
|
||||||
|
Смотрите [readme.md Chinese version](https://github.com/solstice23/argon-theme#%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97).
|
||||||
75
README_tw.md
Normal file
75
README_tw.md
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
|
||||||
|
|
||||||
|
[简体中文](README.md) | **繁體中文** | [English](README_en.md) | [Russian](README_ru.md)
|
||||||
|
|
||||||
|
# Argon-Theme
|
||||||
|
Argon - 壹個輕盈、簡潔、美觀的 WordPress 主題
|
||||||
|
|
||||||
|
[](https://github.com/solstice23/argon-theme/releases) [](https://github.com/solstice23/argon-theme/releases) [](https://github.com/solstice23/argon-theme/blob/master/LICENSE) [](https://github.com/solstice23) [](https://github.com/solstice23/argon-theme/stargazers)
|
||||||
|
|
||||||
|
[](https://github.com/solstice23/argon-theme/commits/master) [](https://github.com/solstice23/argon-theme/releases) 
|
||||||
|
|
||||||
|
# 特性
|
||||||
|
|
||||||
|
+ **輕盈美觀** - 使用 Argon Design System 前端框架，細節精致，輕盈美觀
|
||||||
|
+ **高度可定制化** - 可自定義主題色、布局(雙欄/單欄/三欄)、頂欄、側欄、Banner、背景圖、日夜間模式不同背景、背景沈浸、浮動操作按鈕等，提供了豐富的自定義選項
|
||||||
|
+ **夜間模式** - 支持日間、夜間、純黑三種模式，並可以根據時間自動切換或跟隨系統夜間模式
|
||||||
|
+ **功能繁多** - Tag 和分類統計、作者鏈接、額外鏈接、文章字數和預計閱讀時間、文章過時信息顯示
|
||||||
|
+ **Pjax** - 支持 Pjax 無刷新加載，提高瀏覽體驗
|
||||||
|
+ **友情鏈接** - 支持使用 Wordpress 自帶的鏈接管理器進行友鏈管理，支持多種友鏈樣式
|
||||||
|
+ **"說說" 功能** - 隨時發表想法，並在專門的 "說說" 頁面展示，也支持說說和首頁文章穿插
|
||||||
|
+ **評論功能擴展** - Ajax 評論，評論支持 Markdown、驗證碼、再次編輯、顯示 UA、悄悄話模式、回復時郵件通知、查看編輯記錄、無限加載等功能
|
||||||
|
+ **諸多功能** - 文章目錄、閱讀進度、Mathjax 或 Katex 公式解析、圖片放大預覽、Pangu.js 文本格式化、平滑滾動等
|
||||||
|
+ **豐富的短代碼** - 支持通過短代碼在文章中插入 TODO、標簽、警告、提示、折疊區塊、Github 信息卡、時間線、隱藏文本、視頻等模塊
|
||||||
|
+ **多語言** - 支持中文、英文兩種語言
|
||||||
|
+ **其他** - 自適應、精心優化的文章閱讀界面 CSS、可切換襯線/非襯線字體、可自定義 CSS 和 JS、支持使用 CDN 加速靜態文件訪問、SEO 友好、Banner 打字動畫、留言板頁面等
|
||||||
|
|
||||||
|
# 安裝
|
||||||
|
|
||||||
|
在 [Release](https://github.com/solstice23/argon-theme/releases) 頁面下載 .zip 文件，在 WordPress 後臺 "主題" 頁面上傳並安裝。
|
||||||
|
|
||||||
|
# 文檔
|
||||||
|
|
||||||
|
[Argon-Theme 文檔 : https://argon-docs.solstice23.top](https://argon-docs.solstice23.top/)
|
||||||
|
|
||||||
|
# Demo
|
||||||
|
|
||||||
|
主題效果預覽
|
||||||
|
|
||||||
|
[solstice23.top](https://solstice23.top)
|
||||||
|
|
||||||
|
[argon-demo.solstice23.top](http://argon-demo.solstice23.top)
|
||||||
|
|
||||||
|
# 註意
|
||||||
|
|
||||||
|
Argon 使用 [GPL V3.0](https://github.com/solstice23/argon-theme/blob/master/LICENSE) 協議開源，請遵守此協議進行二次開發等。
|
||||||
|
|
||||||
|
您**必須在頁腳保留 Argon 主題的名稱及其鏈接**，否則請不要使用 Argon 主題。
|
||||||
|
|
||||||
|
您**可以刪除**頁腳的作者信息，但是**不能刪除** Argon 主題的名稱和鏈接。
|
||||||
|
|
||||||
|
# 渲染
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
# Telegram 頻道
|
||||||
|
[t.me/argontheme](https://t.me/argontheme)
|
||||||
|
|
||||||
|
自動推送更新消息以及其他關於 Argon 的消息
|
||||||
|
|
||||||
|
# Update logs
|
||||||
|
|
||||||
|
見 [readme.md](https://github.com/solstice23/argon-theme#%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97)
|
||||||
|
|
||||||
|
# 捐贈
|
||||||
|
如果妳覺得 Argon 主題不錯，可以請我壹杯咖啡來支持我的開發。
|
||||||
|
|
||||||
|
|
||||||
595
admin.css
Normal file
595
admin.css
Normal file
@ -0,0 +1,595 @@
|
|||||||
|
:root {
|
||||||
|
--themecolor: #5e72e4;
|
||||||
|
--themecolor-R: 94;
|
||||||
|
--themecolor-G: 114;
|
||||||
|
--themecolor-B: 228;
|
||||||
|
--themecolor-H: 231;
|
||||||
|
--themecolor-S: 71;
|
||||||
|
--themecolor-L: 63;
|
||||||
|
--themecolor-rgbstr: var(--themecolor-R), var(--themecolor-G), var(--themecolor-B);
|
||||||
|
--themecolor-dark0: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 2.5%), 0%));
|
||||||
|
--themecolor-dark: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 5%), 0%));
|
||||||
|
--themecolor-dark2: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 10%), 0%));
|
||||||
|
--themecolor-dark3: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), max(calc(var(--themecolor-L) * 1% - 15%), 0%));
|
||||||
|
--themecolor-light: hsl(var(--themecolor-H), calc(var(--themecolor-S) * 1%), min(calc(var(--themecolor-L) * 1% + 10%), 100%));
|
||||||
|
--themecolor-gradient: linear-gradient(150deg, var(--themecolor-light) 15%, var(--themecolor) 70%, var(--themecolor-dark0) 94%);
|
||||||
|
|
||||||
|
--color-tint-70:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.7),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.7),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.7);
|
||||||
|
--color-tint-78:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.78),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.78),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.78);
|
||||||
|
--color-tint-80:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.8),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.8),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.8);
|
||||||
|
--color-tint-82:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.82),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.82),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.82);
|
||||||
|
--color-tint-86:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.86),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.86),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.86);
|
||||||
|
--color-tint-92:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.92),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.92),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.92);
|
||||||
|
--color-tint-95:
|
||||||
|
calc(var(--themecolor-R) + (255 - var(--themecolor-R)) * 0.95),
|
||||||
|
calc(var(--themecolor-G) + (255 - var(--themecolor-G)) * 0.95),
|
||||||
|
calc(var(--themecolor-B) + (255 - var(--themecolor-B)) * 0.95);
|
||||||
|
--color-shade-70:
|
||||||
|
calc(30 * 0.7 + var(--themecolor-R) * (1 - 0.7)),
|
||||||
|
calc(30 * 0.7 + var(--themecolor-G) * (1 - 0.7)),
|
||||||
|
calc(30 * 0.7 + var(--themecolor-B) * (1 - 0.7));
|
||||||
|
--color-shade-75:
|
||||||
|
calc(30 * 0.75 + var(--themecolor-R) * (1 - 0.75)),
|
||||||
|
calc(30 * 0.75 + var(--themecolor-G) * (1 - 0.75)),
|
||||||
|
calc(30 * 0.75 + var(--themecolor-B) * (1 - 0.75));
|
||||||
|
--color-shade-80:
|
||||||
|
calc(30 * 0.8 + var(--themecolor-R) * (1 - 0.8)),
|
||||||
|
calc(30 * 0.8 + var(--themecolor-G) * (1 - 0.8)),
|
||||||
|
calc(30 * 0.8 + var(--themecolor-B) * (1 - 0.8));
|
||||||
|
--color-shade-82:
|
||||||
|
calc(30 * 0.82 + var(--themecolor-R) * (1 - 0.82)),
|
||||||
|
calc(30 * 0.82 + var(--themecolor-G) * (1 - 0.82)),
|
||||||
|
calc(30 * 0.82 + var(--themecolor-B) * (1 - 0.82));
|
||||||
|
--color-shade-86:
|
||||||
|
calc(30 * 0.86 + var(--themecolor-R) * (1 - 0.86)),
|
||||||
|
calc(30 * 0.86 + var(--themecolor-G) * (1 - 0.86)),
|
||||||
|
calc(30 * 0.86 + var(--themecolor-B) * (1 - 0.86));
|
||||||
|
--color-shade-90:
|
||||||
|
calc(30 * 0.9 + var(--themecolor-R) * (1 - 0.9)),
|
||||||
|
calc(30 * 0.9 + var(--themecolor-G) * (1 - 0.9)),
|
||||||
|
calc(30 * 0.9 + var(--themecolor-B) * (1 - 0.9));
|
||||||
|
--color-shade-94:
|
||||||
|
calc(30 * 0.94 + var(--themecolor-R) * (1 - 0.94)),
|
||||||
|
calc(30 * 0.94 + var(--themecolor-G) * (1 - 0.94)),
|
||||||
|
calc(30 * 0.94 + var(--themecolor-B) * (1 - 0.94));
|
||||||
|
--color-shade-96:
|
||||||
|
calc(30 * 0.96 + var(--themecolor-R) * (1 - 0.96)),
|
||||||
|
calc(30 * 0.96 + var(--themecolor-G) * (1 - 0.96)),
|
||||||
|
calc(30 * 0.96 + var(--themecolor-B) * (1 - 0.96));
|
||||||
|
--color-tint-blue:
|
||||||
|
calc(204 * 0.6 + var(--themecolor-R) * (1 - 0.6)),
|
||||||
|
calc(226 * 0.6 + var(--themecolor-G) * (1 - 0.6)),
|
||||||
|
calc(255 * 0.6 + var(--themecolor-B) * (1 - 0.6));
|
||||||
|
|
||||||
|
--color-background: #f4f5f7;
|
||||||
|
--color-foreground: #fff;
|
||||||
|
--color-widgets: #fff;
|
||||||
|
--color-widgets-disabled: #e9ecef;
|
||||||
|
--color-border: #dce0e5;
|
||||||
|
--color-border-on-foreground: #f3f3f3;
|
||||||
|
--color-border-on-foreground-deeper: #eee;
|
||||||
|
--color-text-deeper: #212529;
|
||||||
|
--color-selection: #cce2ff;
|
||||||
|
}
|
||||||
|
html.immersion-color body {
|
||||||
|
--color-background: rgb(var(--color-tint-86));
|
||||||
|
--color-foreground: rgb(var(--color-tint-92));
|
||||||
|
--color-widgets: rgb(var(--color-tint-95));
|
||||||
|
--color-widgets-disabled: rgb(var(--color-tint-86));
|
||||||
|
--color-border: rgb(var(--color-tint-78));
|
||||||
|
--color-border-on-foreground: rgb(var(--color-tint-86));
|
||||||
|
--color-border-on-foreground-deeper: rgb(var(--color-tint-80));
|
||||||
|
--color-text-deeper: rgb(var(--color-shade-82));
|
||||||
|
--color-selection: rgb(var(--color-tint-70));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: var(--color-background);
|
||||||
|
color: #525f7f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenuback {
|
||||||
|
background: var(--color-foreground);
|
||||||
|
box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenuwrap {
|
||||||
|
background: var(--color-foreground);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu {
|
||||||
|
background: var(--color-foreground);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu a {
|
||||||
|
color: #32325d;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu div.wp-menu-image:before {
|
||||||
|
color: rgb(50 50 93 / 60%);
|
||||||
|
transition: transform 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#adminmenu a.wp-has-current-submenu:after,
|
||||||
|
ul#adminmenu > li.current > a.current:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 3.5px;
|
||||||
|
height: 14px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: none;
|
||||||
|
background: var(--themecolor);
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 4px;
|
||||||
|
margin: 0 !important;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||||
|
#adminmenu .wp-menu-arrow,
|
||||||
|
#adminmenu .wp-menu-arrow div,
|
||||||
|
#adminmenu li.current a.menu-top,
|
||||||
|
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
|
||||||
|
background: var(--color-background);
|
||||||
|
color: var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu .current div.wp-menu-image:before,
|
||||||
|
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
|
||||||
|
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||||
|
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||||
|
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||||
|
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||||
|
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
|
||||||
|
color: var(--themecolor);
|
||||||
|
transform: translateX(4px);
|
||||||
|
}
|
||||||
|
#adminmenu .wp-submenu,
|
||||||
|
.ab-submenu {
|
||||||
|
background: var(--color-background) !important;
|
||||||
|
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
|
||||||
|
}
|
||||||
|
#adminmenu .wp-not-current-submenu .wp-submenu {
|
||||||
|
background: var(--color-foreground) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu .opensub .wp-submenu li.current a,
|
||||||
|
#adminmenu .wp-submenu li.current,
|
||||||
|
#adminmenu .wp-submenu li.current a,
|
||||||
|
#adminmenu .wp-submenu li.current a:focus,
|
||||||
|
#adminmenu .wp-submenu li.current a:hover,
|
||||||
|
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a {
|
||||||
|
color: var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu .wp-submenu a {
|
||||||
|
color: rgb(50 50 93 / 80%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu a:focus,
|
||||||
|
#adminmenu a:hover,
|
||||||
|
.folded #adminmenu .wp-submenu-head:hover {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#adminmenu a:after,
|
||||||
|
ul#adminmenu > li > a:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 3.5px;
|
||||||
|
height: 14px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: none;
|
||||||
|
background: var(--themecolor);
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: -4px;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
transition: all 0.15s ease;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#adminmenu a:hover:after,
|
||||||
|
ul#adminmenu > li > a:hover:after {
|
||||||
|
left: 4px;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
ul#adminmenu .wp-submenu a:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu li.menu-top:hover,
|
||||||
|
#adminmenu li.opensub > a.menu-top,
|
||||||
|
#adminmenu li > a.menu-top:focus {
|
||||||
|
background: var(--color-background);
|
||||||
|
color: var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu .wp-submenu a:focus,
|
||||||
|
#adminmenu .wp-submenu a:hover,
|
||||||
|
#adminmenu a:hover,
|
||||||
|
#adminmenu li.menu-top > a:focus {
|
||||||
|
color: var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminmenu li a:focus div.wp-menu-image:before,
|
||||||
|
#adminmenu li.opensub div.wp-menu-image:before,
|
||||||
|
#adminmenu li:hover div.wp-menu-image:before {
|
||||||
|
color: var(--themecolor);
|
||||||
|
transform: translateX(4px);
|
||||||
|
}
|
||||||
|
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||||
|
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
#collapse-button {
|
||||||
|
color: rgb(50 50 93 / 60%);
|
||||||
|
}
|
||||||
|
#collapse-button:hover,
|
||||||
|
#collapse-button:focus {
|
||||||
|
color: rgb(94 114 228 / 60%);
|
||||||
|
}
|
||||||
|
#adminmenu .awaiting-mod,
|
||||||
|
#adminmenu .update-plugins {
|
||||||
|
background-color: var(--themecolor);
|
||||||
|
transform: translate(6px, -1px);
|
||||||
|
}
|
||||||
|
#wpadminbar {
|
||||||
|
background: rgba(var(--themecolor-rgbstr), 0.8667);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
|
||||||
|
}
|
||||||
|
#wpadminbar .ab-top-menu > li.hover > .ab-item,
|
||||||
|
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||||
|
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||||
|
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
|
||||||
|
background: var(--themecolor);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||||
|
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||||
|
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||||
|
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||||
|
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||||
|
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||||
|
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||||
|
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
|
||||||
|
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
|
||||||
|
#wpadminbar li #adminbarsearch.adminbar-focused:before,
|
||||||
|
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||||
|
#wpadminbar li .ab-item:focus:before,
|
||||||
|
#wpadminbar li a:focus .ab-icon:before,
|
||||||
|
#wpadminbar li.hover .ab-icon:before,
|
||||||
|
#wpadminbar li.hover .ab-item:before,
|
||||||
|
#wpadminbar li:hover #adminbarsearch:before,
|
||||||
|
#wpadminbar li:hover .ab-icon:before,
|
||||||
|
#wpadminbar li:hover .ab-item:before,
|
||||||
|
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||||
|
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label,
|
||||||
|
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||||
|
#wpadminbar > #wp-toolbar li.hover span.ab-label {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wpadminbar .quicklinks .menupop ul li a,
|
||||||
|
#wpadminbar .quicklinks .menupop ul li a strong,
|
||||||
|
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||||
|
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||||
|
color: rgb(50 50 93 / 80%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#wpadminbar .menupop.hover .ab-sub-wrapper .ab-submenu a:hover {
|
||||||
|
color: var(--themecolor) !important;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 782px) {
|
||||||
|
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||||
|
background: var(--themecolor);
|
||||||
|
}
|
||||||
|
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.postbox,
|
||||||
|
.plugin-card {
|
||||||
|
background: var(--color-foreground);
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.postbox-header {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
color: #32325d;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dashboard-widgets h3,
|
||||||
|
#dashboard-widgets h4,
|
||||||
|
#dashboard_quick_press .drafts h2 {
|
||||||
|
color: #525f7f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#activity-widget #the-comment-list .comment-item,
|
||||||
|
.plugin-card-bottom {
|
||||||
|
background: var(--color-widgets);
|
||||||
|
}
|
||||||
|
|
||||||
|
#activity-widget #the-comment-list .comment,
|
||||||
|
#activity-widget #the-comment-list .pingback {
|
||||||
|
box-shadow: inset 0 1px 0 rgb(0 0 0 / 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="color"],
|
||||||
|
input[type="date"],
|
||||||
|
input[type="datetime-local"],
|
||||||
|
input[type="datetime"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="month"],
|
||||||
|
input[type="number"],
|
||||||
|
input[type="password"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="text"],
|
||||||
|
input[type="time"],
|
||||||
|
input[type="url"],
|
||||||
|
input[type="week"],
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
background: var(--color-widgets);
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
|
||||||
|
}
|
||||||
|
.wrap .add-new-h2,
|
||||||
|
.wrap .add-new-h2:active,
|
||||||
|
.wrap .page-title-action,
|
||||||
|
.wrap .page-title-action:active,
|
||||||
|
.wp-core-ui .button,
|
||||||
|
.wp-core-ui .button-secondary,
|
||||||
|
#screen-meta-links .show-settings {
|
||||||
|
background: var(--color-widgets);
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
|
||||||
|
color: #212529;
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: all 0.15s ease;
|
||||||
|
}
|
||||||
|
.wp-core-ui .button-primary {
|
||||||
|
background: var(--themecolor);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.wrap .add-new-h2:hover,
|
||||||
|
.wrap .page-title-action:hover,
|
||||||
|
.wp-core-ui .button-secondary:hover,
|
||||||
|
.wp-core-ui .button.hover,
|
||||||
|
.wp-core-ui .button:hover {
|
||||||
|
background: var(--themecolor);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.wp-core-ui .button-primary.active,
|
||||||
|
.wp-core-ui .button-primary.active:focus,
|
||||||
|
.wp-core-ui .button-primary.active:hover,
|
||||||
|
.wp-core-ui .button-primary:active {
|
||||||
|
background: #324cdd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-ays,
|
||||||
|
.feature-filter,
|
||||||
|
.imgedit-group,
|
||||||
|
.popular-tags,
|
||||||
|
.stuffbox,
|
||||||
|
.widgets-holder-wrap,
|
||||||
|
.wp-editor-container,
|
||||||
|
p.popular-tags,
|
||||||
|
table.widefat,
|
||||||
|
.plugins tr {
|
||||||
|
background: var(--color-foreground);
|
||||||
|
}
|
||||||
|
|
||||||
|
.plugin-update-tr.active td,
|
||||||
|
.plugins .active th.check-column {
|
||||||
|
border-color: var(--themecolor);
|
||||||
|
}
|
||||||
|
.plugins .active td,
|
||||||
|
.plugins .active th {
|
||||||
|
background-color: var(--color-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-management .menu-edit,
|
||||||
|
#menu-settings-column .accordion-container,
|
||||||
|
.comment-ays,
|
||||||
|
.feature-filter,
|
||||||
|
.imgedit-group,
|
||||||
|
.manage-menus,
|
||||||
|
.menu-item-handle,
|
||||||
|
.popular-tags,
|
||||||
|
.stuffbox,
|
||||||
|
.widget-inside,
|
||||||
|
.widget-top,
|
||||||
|
.widgets-holder-wrap,
|
||||||
|
.wp-editor-container,
|
||||||
|
p.popular-tags,
|
||||||
|
table.widefat {
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.alternate,
|
||||||
|
.striped > tbody > :nth-child(odd),
|
||||||
|
ul.striped > :nth-child(odd) {
|
||||||
|
background: var(--color-widgets);
|
||||||
|
}
|
||||||
|
#the-comment-list td,
|
||||||
|
#the-comment-list th {
|
||||||
|
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 6%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.widefat tfoot tr td,
|
||||||
|
.widefat tfoot tr th,
|
||||||
|
.widefat thead tr td,
|
||||||
|
.widefat thead tr th {
|
||||||
|
color: #525f7f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widefat thead td,
|
||||||
|
.widefat thead th,
|
||||||
|
.widefat tfoot td,
|
||||||
|
.widefat tfoot th {
|
||||||
|
border-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
a,
|
||||||
|
.wp-core-ui .button-link {
|
||||||
|
color: var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover,
|
||||||
|
.wp-core-ui .button-link:hover {
|
||||||
|
color: var(--themecolor-dark);
|
||||||
|
}
|
||||||
|
.postbox .handle-order-higher:focus,
|
||||||
|
.postbox .handle-order-lower:focus,
|
||||||
|
.postbox .handlediv:focus,
|
||||||
|
#screen-meta-links .show-settings:focus {
|
||||||
|
box-shadow: 0 0 0 1.5px var(--themecolor);
|
||||||
|
border-radius: 1px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.wp-person a:focus .gravatar,
|
||||||
|
a:focus,
|
||||||
|
a:focus .media-icon img,
|
||||||
|
.wp-core-ui .button-link:focus {
|
||||||
|
color: var(--themecolor-dark);
|
||||||
|
box-shadow: 0 0 0 1px var(--themecolor)88;
|
||||||
|
border-radius: 1px;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.wp-core-ui .button-secondary:focus,
|
||||||
|
.wp-core-ui .button.focus,
|
||||||
|
.wp-core-ui .button:focus {
|
||||||
|
background: var(--color-widgets);
|
||||||
|
color: var(--themecolor);
|
||||||
|
box-shadow: 0 0 0 1px var(--themecolor)88;
|
||||||
|
}
|
||||||
|
.wp-core-ui select {
|
||||||
|
background-color: var(--color-widgets);
|
||||||
|
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.wp-core-ui select:hover {
|
||||||
|
color: var(--themecolor);
|
||||||
|
}
|
||||||
|
.wp-core-ui select:focus {
|
||||||
|
box-shadow: 0 0 0 1px var(--themecolor)88;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-core-ui .notice {
|
||||||
|
padding: 16px 24px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-table td .notice p,
|
||||||
|
.notice p,
|
||||||
|
.notice-title,
|
||||||
|
div.error p,
|
||||||
|
div.updated p {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.notice-dismiss {
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
.notice-dismiss:active:before,
|
||||||
|
.notice-dismiss:focus:before,
|
||||||
|
.notice-dismiss:hover:before {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.notice-dismiss:before {
|
||||||
|
color: #ffffffcc;
|
||||||
|
}
|
||||||
|
.notice.updated {
|
||||||
|
background: #4fd69c;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.notice-error {
|
||||||
|
background: #f75676;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.notice-warning {
|
||||||
|
background: #fc7c5f;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-filter {
|
||||||
|
border: none;
|
||||||
|
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
|
||||||
|
background: var(--color-foreground);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"]:checked::before {
|
||||||
|
background-color: var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
box-shadow: none !important;
|
||||||
|
border-color: rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:focus,
|
||||||
|
input[type="color"]:focus,
|
||||||
|
input[type="date"]:focus,
|
||||||
|
input[type="datetime-local"]:focus,
|
||||||
|
input[type="datetime"]:focus,
|
||||||
|
input[type="email"]:focus,
|
||||||
|
input[type="month"]:focus,
|
||||||
|
input[type="number"]:focus,
|
||||||
|
input[type="password"]:focus,
|
||||||
|
input[type="radio"]:focus,
|
||||||
|
input[type="search"]:focus,
|
||||||
|
input[type="tel"]:focus,
|
||||||
|
input[type="text"]:focus,
|
||||||
|
input[type="time"]:focus,
|
||||||
|
input[type="url"]:focus,
|
||||||
|
input[type="week"]:focus,
|
||||||
|
select:focus,
|
||||||
|
textarea:focus {
|
||||||
|
border-color: var(--themecolor);
|
||||||
|
box-shadow: 0 0 0 1px var(--themecolor);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"]:checked::before {
|
||||||
|
filter: hue-rotate(30deg) brightness(1.1);
|
||||||
|
}
|
||||||
40
archive.php
Normal file
40
archive.php
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
<?php get_header(); ?>
|
||||||
|
|
||||||
|
<div class="page-information-card-container">
|
||||||
|
<div class="page-information-card card bg-gradient-secondary shadow-lg border-0">
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="text-black"> <?php the_archive_title();?> </h3>
|
||||||
|
<?php if (the_archive_description() != ''){ ?>
|
||||||
|
<p class="text-black mt-3">
|
||||||
|
<?php the_archive_description(); ?>
|
||||||
|
</p>
|
||||||
|
<?php } ?>
|
||||||
|
<p class="text-black mt-3 mb-0 opacity-8">
|
||||||
|
<i class="fa fa-file-o mr-1"></i>
|
||||||
|
<?php echo $wp_query -> found_posts; ?> <?php _e('篇文章', 'argon');?>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php get_sidebar(); ?>
|
||||||
|
|
||||||
|
<div id="primary" class="content-area">
|
||||||
|
<main id="main" class="site-main article-list" role="main">
|
||||||
|
<?php if ( have_posts() ) : ?>
|
||||||
|
<?php
|
||||||
|
while ( have_posts() ) :
|
||||||
|
the_post();
|
||||||
|
get_template_part( 'template-parts/content-preview', get_option('argon_article_list_layout', '1'));
|
||||||
|
endwhile;
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
echo get_argon_formatted_paginate_links_for_all_platforms();
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
else :
|
||||||
|
get_template_part( 'template-parts/preview/content', 'none-tag' );
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
|
||||||
|
<?php get_footer(); ?>
|
||||||
2616
argontheme.js
Normal file
2616
argontheme.js
Normal file
File diff suppressed because it is too large
Load Diff
3
assets/.gitignore
vendored
Normal file
3
assets/.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
node_modules
|
||||||
|
.parcel-cache
|
||||||
|
parcel-bundle-reports
|
||||||
12
assets/argon_css_merged.css
Normal file
12
assets/argon_css_merged.css
Normal file
File diff suppressed because one or more lines are too long
44
assets/argon_js_merged.js
Normal file
44
assets/argon_js_merged.js
Normal file
File diff suppressed because one or more lines are too long
20323
assets/css/argon.css
Normal file
20323
assets/css/argon.css
Normal file
File diff suppressed because it is too large
Load Diff
17
assets/css/argon.min.css
vendored
Normal file
17
assets/css/argon.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4428
assets/css/bootstrap/bootstrap-grid.css
vendored
Normal file
4428
assets/css/bootstrap/bootstrap-grid.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
assets/css/bootstrap/bootstrap-grid.min.css
vendored
Normal file
6
assets/css/bootstrap/bootstrap-grid.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
430
assets/css/bootstrap/bootstrap-reboot.css
vendored
Normal file
430
assets/css/bootstrap/bootstrap-reboot.css
vendored
Normal file
@ -0,0 +1,430 @@
|
|||||||
|
/*!
|
||||||
|
* 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)
|
||||||
|
*/
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after
|
||||||
|
{
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html
|
||||||
|
{
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: 1.15;
|
||||||
|
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
figcaption,
|
||||||
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
main,
|
||||||
|
nav,
|
||||||
|
section
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body
|
||||||
|
{
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.5;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
color: #212529;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
[tabindex='-1']:focus
|
||||||
|
{
|
||||||
|
outline: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr
|
||||||
|
{
|
||||||
|
overflow: visible;
|
||||||
|
|
||||||
|
box-sizing: content-box;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6
|
||||||
|
{
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
p
|
||||||
|
{
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr[title],
|
||||||
|
abbr[data-original-title]
|
||||||
|
{
|
||||||
|
cursor: help;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration: underline dotted;
|
||||||
|
|
||||||
|
border-bottom: 0;
|
||||||
|
|
||||||
|
-webkit-text-decoration: underline dotted;
|
||||||
|
text-decoration-skip-ink: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
address
|
||||||
|
{
|
||||||
|
font-style: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
dl
|
||||||
|
{
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol ol,
|
||||||
|
ul ul,
|
||||||
|
ol ul,
|
||||||
|
ul ol
|
||||||
|
{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
dt
|
||||||
|
{
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd
|
||||||
|
{
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote
|
||||||
|
{
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong
|
||||||
|
{
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
small
|
||||||
|
{
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup
|
||||||
|
{
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub
|
||||||
|
{
|
||||||
|
bottom: -.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup
|
||||||
|
{
|
||||||
|
top: -.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a
|
||||||
|
{
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
color: #007bff;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
a:hover
|
||||||
|
{
|
||||||
|
text-decoration: underline;
|
||||||
|
|
||||||
|
color: #0056b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:not([href]):not([tabindex])
|
||||||
|
{
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
a:not([href]):not([tabindex]):hover,
|
||||||
|
a:not([href]):not([tabindex]):focus
|
||||||
|
{
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
a:not([href]):not([tabindex]):focus
|
||||||
|
{
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp
|
||||||
|
{
|
||||||
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre
|
||||||
|
{
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure
|
||||||
|
{
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
img
|
||||||
|
{
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg
|
||||||
|
{
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
table
|
||||||
|
{
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
caption
|
||||||
|
{
|
||||||
|
padding-top: .75rem;
|
||||||
|
padding-bottom: .75rem;
|
||||||
|
|
||||||
|
caption-side: bottom;
|
||||||
|
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
color: #6c757d;
|
||||||
|
}
|
||||||
|
|
||||||
|
th
|
||||||
|
{
|
||||||
|
text-align: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
label
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
button
|
||||||
|
{
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:focus
|
||||||
|
{
|
||||||
|
outline: 1px dotted;
|
||||||
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
select,
|
||||||
|
optgroup,
|
||||||
|
textarea
|
||||||
|
{
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
line-height: inherit;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
input
|
||||||
|
{
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
select
|
||||||
|
{
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
select
|
||||||
|
{
|
||||||
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type='button'],
|
||||||
|
[type='reset'],
|
||||||
|
[type='submit']
|
||||||
|
{
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:not(:disabled),
|
||||||
|
[type='button']:not(:disabled),
|
||||||
|
[type='reset']:not(:disabled),
|
||||||
|
[type='submit']:not(:disabled)
|
||||||
|
{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
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;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='date'],
|
||||||
|
input[type='time'],
|
||||||
|
input[type='datetime-local'],
|
||||||
|
input[type='month']
|
||||||
|
{
|
||||||
|
-webkit-appearance: listbox;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea
|
||||||
|
{
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset
|
||||||
|
{
|
||||||
|
min-width: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
legend
|
||||||
|
{
|
||||||
|
font-size: 1.5rem;
|
||||||
|
line-height: inherit;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
white-space: normal;
|
||||||
|
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
progress
|
||||||
|
{
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
[type='number']::-webkit-inner-spin-button,
|
||||||
|
[type='number']::-webkit-outer-spin-button
|
||||||
|
{
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
[type='search']
|
||||||
|
{
|
||||||
|
outline-offset: -2px;
|
||||||
|
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
[type='search']::-webkit-search-decoration
|
||||||
|
{
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-file-upload-button
|
||||||
|
{
|
||||||
|
font: inherit;
|
||||||
|
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
output
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
summary
|
||||||
|
{
|
||||||
|
display: list-item;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
template
|
||||||
|
{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
[hidden]
|
||||||
|
{
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
7
assets/css/bootstrap/bootstrap-reboot.min.css
vendored
Normal file
7
assets/css/bootstrap/bootstrap-reboot.min.css
vendored
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
/*!
|
||||||
|
* 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)
|
||||||
|
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left;color:#212529;background-color:#fff}[tabindex='-1']:focus{outline:0!important}hr{overflow:visible;box-sizing:content-box;height:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{text-decoration:none;color:#007bff;background-color:transparent}a:hover{text-decoration:underline;color:#0056b3}a:not([href]):not([tabindex]){text-decoration:none;color:inherit}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none;color:inherit}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:1em}pre{overflow:auto;margin-top:0;margin-bottom:1rem}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;caption-side:bottom;text-align:left;color:#6c757d}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{font-size:1.5rem;line-height:inherit;display:block;width:100%;max-width:100%;margin-bottom:.5rem;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||||
12054
assets/css/bootstrap/bootstrap.css
vendored
Normal file
12054
assets/css/bootstrap/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
assets/css/bootstrap/bootstrap.min.css
vendored
Normal file
6
assets/css/bootstrap/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/img/brand/blue.png
Normal file
BIN
assets/img/brand/blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
assets/img/brand/creativetim-white-slim.png
Normal file
BIN
assets/img/brand/creativetim-white-slim.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
assets/img/brand/favicon.png
Normal file
BIN
assets/img/brand/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
assets/img/brand/white.png
Normal file
BIN
assets/img/brand/white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
12
assets/img/icons/common/github.svg
Normal file
12
assets/img/icons/common/github.svg
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>UI/icons/dark/github</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs/>
|
||||||
|
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="UI/icons/dark/github" fill="#182359">
|
||||||
|
<path d="M17.9985267,2 C9.16436969,2 2,9.16338746 2,18.0004911 C2,25.0695847 6.58405721,31.0660855 12.9420179,33.1818042 C13.7425335,33.3291384 14.0342552,32.8350778 14.0342552,32.4107554 C14.0342552,32.0306332 14.020504,31.0248319 14.0126462,29.6899843 C9.56217195,30.6564965 8.62316216,27.5447988 8.62316216,27.5447988 C7.89533135,25.696246 6.84631204,25.2041499 6.84631204,25.2041499 C5.3935971,24.2120998 6.95632156,24.2317444 6.95632156,24.2317444 C8.56226404,24.3447006 9.40697996,25.8809049 9.40697996,25.8809049 C10.834157,28.3256699 13.1522146,27.6194481 14.063722,27.2098591 C14.2090917,26.1765554 14.6226097,25.4713159 15.0793456,25.0715492 C11.5266276,24.6678535 7.7912152,23.294699 7.7912152,17.163633 C7.7912152,15.417232 8.41492986,13.9880905 9.43841125,12.8703152 C9.27339697,12.4656374 8.72433162,10.8380859 9.5955677,8.63593112 C9.5955677,8.63593112 10.9382731,8.20571534 13.9949661,10.2762516 C15.27088,9.9206851 16.6401056,9.7438841 18.0004911,9.7370085 C19.3598944,9.7438841 20.7281378,9.9206851 22.0060161,10.2762516 C25.0607447,8.20571534 26.4014856,8.63593112 26.4014856,8.63593112 C27.2746861,10.8380859 26.7256208,12.4656374 26.5615888,12.8703152 C27.5870346,13.9880905 28.2058381,15.417232 28.2058381,17.163633 C28.2058381,23.3104147 24.4645324,24.6629424 20.9010099,25.0587802 C21.4746309,25.5528408 21.9863716,26.5291752 21.9863716,28.0211793 C21.9863716,30.1604715 21.966727,31.8862457 21.966727,32.4107554 C21.966727,32.8390067 22.255502,33.3369962 23.0668222,33.180822 C29.4198717,31.0601921 34,25.0676202 34,18.0004911 C34,9.16338746 26.8356303,2 17.9985267,2" id="icons/icon-github"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
17
assets/img/icons/common/google.svg
Normal file
17
assets/img/icons/common/google.svg
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>UI/icons/color/google</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs/>
|
||||||
|
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="UI/icons/color/google">
|
||||||
|
<g id="Group" transform="translate(2.000000, 2.000000)">
|
||||||
|
<path d="M32.4365525,16.6024012 C32.4365525,15.4515967 32.3313665,14.344128 32.1357206,13.2820585 L16.5492615,13.2820585 L16.5492615,19.5616128 L25.4557094,19.5616128 C25.0721312,21.5908257 23.9059692,23.3098098 22.1535707,24.4613022 L22.1535707,28.5341733 L27.5019274,28.5341733 C30.631561,25.7077204 32.4365525,21.5461142 32.4365525,16.6024012 L32.4365525,16.6024012 Z" id="Shape" fill="#4285F4"/>
|
||||||
|
<path d="M16.5492615,32.4674071 C21.0175621,32.4674071 24.7635856,31.0139403 27.5019274,28.5341733 L22.1535707,24.4613022 C20.6718508,25.4353244 18.7756982,26.0110706 16.5492615,26.0110706 C12.2387399,26.0110706 8.59088994,23.1557272 7.2893887,19.3181072 L1.76011213,19.3181072 L1.76011213,23.5244249 C4.48302664,28.8299569 10.0796222,32.4674071 16.5492615,32.4674071 L16.5492615,32.4674071 Z" id="Shape" fill="#34A853"/>
|
||||||
|
<path d="M7.2893887,19.3181072 C6.95840347,18.344085 6.77047118,17.3033395 6.77047118,16.2337035 C6.77047118,15.1640676 6.95840347,14.1233221 7.2893887,13.1492999 L7.2893887,8.94298219 L1.76011213,8.94298219 C0.639530783,11.1345322 0,13.6142992 0,16.2337035 C0,18.8531079 0.639530783,21.3328749 1.76011213,23.5244249 L7.2893887,19.3181072 L7.2893887,19.3181072 Z" id="Shape" fill="#FBBC05"/>
|
||||||
|
<path d="M16.5492615,6.4563365 C18.9790577,6.4563365 21.160615,7.27558824 22.8758478,8.88382548 L27.6225407,4.22764161 C24.755872,1.60892511 21.0098485,0 16.5492615,0 C10.0803235,0 4.48302664,3.63813805 1.76011213,8.94298219 L7.2893887,13.1492999 C8.59088994,9.31236774 12.2394411,6.4563365 16.5492615,6.4563365 Z" id="Shape" fill="#EA4335"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
1
assets/img/ill/ill-2.svg
Normal file
1
assets/img/ill/ill-2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 76 KiB |
BIN
assets/img/theme/img-1-1200x1000.jpg
Normal file
BIN
assets/img/theme/img-1-1200x1000.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
BIN
assets/img/theme/img-2-1200x1000.jpg
Normal file
BIN
assets/img/theme/img-2-1200x1000.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
BIN
assets/img/theme/landing.jpg
Normal file
BIN
assets/img/theme/landing.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
BIN
assets/img/theme/profile.jpg
Normal file
BIN
assets/img/theme/profile.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
BIN
assets/img/theme/promo-1.png
Normal file
BIN
assets/img/theme/promo-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
assets/img/theme/team-1-800x800.jpg
Normal file
BIN
assets/img/theme/team-1-800x800.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
assets/img/theme/team-2-800x800.jpg
Normal file
BIN
assets/img/theme/team-2-800x800.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 260 KiB |
BIN
assets/img/theme/team-3-800x800.jpg
Normal file
BIN
assets/img/theme/team-3-800x800.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
BIN
assets/img/theme/team-4-800x800.jpg
Normal file
BIN
assets/img/theme/team-4-800x800.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
163
assets/js/argon.js
Normal file
163
assets/js/argon.js
Normal file
@ -0,0 +1,163 @@
|
|||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Argon Design System - v1.1.0
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
* Product Page: https://www.creative-tim.com/product/argon-design-system
|
||||||
|
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
||||||
|
* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md)
|
||||||
|
|
||||||
|
* Coded by www.creative-tim.com
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
// Collapse navigation
|
||||||
|
$('.navbar-main .collapse').on('hide.bs.collapse', function () {
|
||||||
|
var $this = $(this);
|
||||||
|
$this.addClass('collapsing-out');
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.navbar-main .collapse').on('hidden.bs.collapse', function () {
|
||||||
|
var $this = $(this);
|
||||||
|
$this.removeClass('collapsing-out');
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.navbar-main .dropdown').on('hide.bs.dropdown', function () {
|
||||||
|
var $this = $(this).find('.dropdown-menu');
|
||||||
|
|
||||||
|
$this.addClass('close');
|
||||||
|
|
||||||
|
setTimeout(function(){
|
||||||
|
$this.removeClass('close');
|
||||||
|
}, 200);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
// Headroom - show/hide navbar on scroll
|
||||||
|
if($('.headroom')[0]) {
|
||||||
|
var headroom = new Headroom(document.querySelector("#navbar-main"), {
|
||||||
|
offset: 300,
|
||||||
|
tolerance : {
|
||||||
|
up : 30,
|
||||||
|
down : 30
|
||||||
|
},
|
||||||
|
});
|
||||||
|
headroom.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Datepicker
|
||||||
|
$('.datepicker')[0] && $('.datepicker').each(function() {
|
||||||
|
$('.datepicker').datepicker({
|
||||||
|
disableTouchKeyboard: true,
|
||||||
|
autoclose: false
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Tooltip
|
||||||
|
$('[data-toggle="tooltip"]').tooltip();
|
||||||
|
|
||||||
|
// Popover
|
||||||
|
$('[data-toggle="popover"]').each(function() {
|
||||||
|
var popoverClass = '';
|
||||||
|
if($(this).data('color')) {
|
||||||
|
popoverClass = 'popover-'+$(this).data('color');
|
||||||
|
}
|
||||||
|
$(this).popover({
|
||||||
|
trigger: 'focus',
|
||||||
|
template: '<div class="popover '+ popoverClass +'" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
// Additional .focus class on form-groups
|
||||||
|
$('.form-control').on('focus blur', function(e) {
|
||||||
|
$(this).parents('.form-group').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
|
||||||
|
}).trigger('blur');
|
||||||
|
|
||||||
|
// NoUI Slider
|
||||||
|
if ($(".input-slider-container")[0]) {
|
||||||
|
$('.input-slider-container').each(function() {
|
||||||
|
|
||||||
|
var slider = $(this).find('.input-slider');
|
||||||
|
var sliderId = slider.attr('id');
|
||||||
|
var minValue = slider.data('range-value-min');
|
||||||
|
var maxValue = slider.data('range-value-max');
|
||||||
|
|
||||||
|
var sliderValue = $(this).find('.range-slider-value');
|
||||||
|
var sliderValueId = sliderValue.attr('id');
|
||||||
|
var startValue = sliderValue.data('range-value-low');
|
||||||
|
|
||||||
|
var c = document.getElementById(sliderId),
|
||||||
|
d = document.getElementById(sliderValueId);
|
||||||
|
|
||||||
|
noUiSlider.create(c, {
|
||||||
|
start: [parseInt(startValue)],
|
||||||
|
connect: [true, false],
|
||||||
|
//step: 1000,
|
||||||
|
range: {
|
||||||
|
'min': [parseInt(minValue)],
|
||||||
|
'max': [parseInt(maxValue)]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
c.noUiSlider.on('update', function(a, b) {
|
||||||
|
d.textContent = a[b];
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("#input-slider-range")[0]) {
|
||||||
|
var c = document.getElementById("input-slider-range"),
|
||||||
|
d = document.getElementById("input-slider-range-value-low"),
|
||||||
|
e = document.getElementById("input-slider-range-value-high"),
|
||||||
|
f = [d, e];
|
||||||
|
|
||||||
|
noUiSlider.create(c, {
|
||||||
|
start: [parseInt(d.getAttribute('data-range-value-low')), parseInt(e.getAttribute('data-range-value-high'))],
|
||||||
|
connect: !0,
|
||||||
|
range: {
|
||||||
|
min: parseInt(c.getAttribute('data-range-value-min')),
|
||||||
|
max: parseInt(c.getAttribute('data-range-value-max'))
|
||||||
|
}
|
||||||
|
}), c.noUiSlider.on("update", function(a, b) {
|
||||||
|
f[b].textContent = a[b]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// When in viewport
|
||||||
|
$('[data-toggle="on-screen"]')[0] && $('[data-toggle="on-screen"]').onScreen({
|
||||||
|
container: window,
|
||||||
|
direction: 'vertical',
|
||||||
|
doIn: function() {
|
||||||
|
//alert();
|
||||||
|
},
|
||||||
|
doOut: function() {
|
||||||
|
// Do something to the matched elements as they get off scren
|
||||||
|
},
|
||||||
|
tolerance: 200,
|
||||||
|
throttle: 50,
|
||||||
|
toggleClass: 'on-screen',
|
||||||
|
debug: false
|
||||||
|
});
|
||||||
|
|
||||||
|
// Scroll to anchor with scroll animation
|
||||||
|
$('[data-toggle="scroll"]').on('click', function(event) {
|
||||||
|
var hash = $(this).attr('href');
|
||||||
|
var offset = $(this).data('offset') ? $(this).data('offset') : 0;
|
||||||
|
|
||||||
|
// Animate scroll to the selected section
|
||||||
|
$('html, body').stop(true, true).animate({
|
||||||
|
scrollTop: $(hash).offset().top - offset
|
||||||
|
}, 600);
|
||||||
|
|
||||||
|
event.preventDefault();
|
||||||
|
});
|
||||||
|
});
|
||||||
18
assets/js/argon.min.js
vendored
Normal file
18
assets/js/argon.min.js
vendored
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Argon Design System - v1.1.0
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
* Product Page: https://www.creative-tim.com/product/argon-design-system
|
||||||
|
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
||||||
|
* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md)
|
||||||
|
|
||||||
|
* Coded by www.creative-tim.com
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
*/
|
||||||
|
"use strict";$(document).ready(function(){$(".navbar-main .collapse").on("hide.bs.collapse",function(){$(this).addClass("collapsing-out")}),$(".navbar-main .collapse").on("hidden.bs.collapse",function(){$(this).removeClass("collapsing-out")}),$(".navbar-main .dropdown").on("hide.bs.dropdown",function(){var e=$(this).find(".dropdown-menu");e.addClass("close"),setTimeout(function(){e.removeClass("close")},200)}),$(".headroom")[0]&&new Headroom(document.querySelector("#navbar-main"),{offset:300,tolerance:{up:30,down:30}}).init();if($(".datepicker")[0]&&$(".datepicker").each(function(){$(".datepicker").datepicker({disableTouchKeyboard:!0,autoclose:!1})}),$('[data-toggle="tooltip"]').tooltip(),$('[data-toggle="popover"]').each(function(){var e="";$(this).data("color")&&(e="popover-"+$(this).data("color")),$(this).popover({trigger:"focus",template:'<div class="popover '+e+'" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'})}),$(".form-control").on("focus blur",function(e){$(this).parents(".form-group").toggleClass("focused","focus"===e.type||0<this.value.length)}).trigger("blur"),$(".input-slider-container")[0]&&$(".input-slider-container").each(function(){var e=$(this).find(".input-slider"),t=e.attr("id"),a=e.data("range-value-min"),n=e.data("range-value-max"),o=$(this).find(".range-slider-value"),r=o.attr("id"),i=o.data("range-value-low"),l=document.getElementById(t),d=document.getElementById(r);noUiSlider.create(l,{start:[parseInt(i)],connect:[!0,!1],range:{min:[parseInt(a)],max:[parseInt(n)]}}),l.noUiSlider.on("update",function(e,t){d.textContent=e[t]})}),$("#input-slider-range")[0]){var e=document.getElementById("input-slider-range"),t=document.getElementById("input-slider-range-value-low"),a=document.getElementById("input-slider-range-value-high"),n=[t,a];noUiSlider.create(e,{start:[parseInt(t.getAttribute("data-range-value-low")),parseInt(a.getAttribute("data-range-value-high"))],connect:!0,range:{min:parseInt(e.getAttribute("data-range-value-min")),max:parseInt(e.getAttribute("data-range-value-max"))}}),e.noUiSlider.on("update",function(e,t){n[t].textContent=e[t]})}$('[data-toggle="on-screen"]')[0]&&$('[data-toggle="on-screen"]').onScreen({container:window,direction:"vertical",doIn:function(){},doOut:function(){},tolerance:200,throttle:50,toggleClass:"on-screen",debug:!1}),$('[data-toggle="scroll"]').on("click",function(e){var t=$(this).attr("href"),a=$(this).data("offset")?$(this).data("offset"):0;$("html, body").stop(!0,!0).animate({scrollTop:$(t).offset().top-a},600),e.preventDefault()})});
|
||||||
101
assets/scss/argon.scss
Normal file
101
assets/scss/argon.scss
Normal file
@ -0,0 +1,101 @@
|
|||||||
|
/*!
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
* Argon Design System - v1.1.0
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
* Product Page: https://www.creative-tim.com/product/argon-design-system
|
||||||
|
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
|
||||||
|
* Licensed under MIT (https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md)
|
||||||
|
|
||||||
|
* Coded by www.creative-tim.com
|
||||||
|
|
||||||
|
=========================================================
|
||||||
|
|
||||||
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Core
|
||||||
|
|
||||||
|
@import "bootstrap/functions";
|
||||||
|
@import "custom/functions";
|
||||||
|
|
||||||
|
@import "custom/variables";
|
||||||
|
@import "bootstrap/variables";
|
||||||
|
|
||||||
|
@import "bootstrap/mixins";
|
||||||
|
@import "custom/mixins";
|
||||||
|
|
||||||
|
// Bootstrap components
|
||||||
|
|
||||||
|
@import "bootstrap/root";
|
||||||
|
@import "bootstrap/reboot";
|
||||||
|
@import "bootstrap/type";
|
||||||
|
@import "bootstrap/images";
|
||||||
|
@import "bootstrap/code";
|
||||||
|
@import "bootstrap/grid";
|
||||||
|
@import "bootstrap/tables";
|
||||||
|
@import "bootstrap/forms";
|
||||||
|
@import "bootstrap/buttons";
|
||||||
|
@import "bootstrap/transitions";
|
||||||
|
@import "bootstrap/dropdown";
|
||||||
|
@import "bootstrap/button-group";
|
||||||
|
@import "bootstrap/input-group";
|
||||||
|
@import "bootstrap/custom-forms";
|
||||||
|
@import "bootstrap/nav";
|
||||||
|
@import "bootstrap/navbar";
|
||||||
|
@import "bootstrap/card";
|
||||||
|
@import "bootstrap/breadcrumb";
|
||||||
|
@import "bootstrap/pagination";
|
||||||
|
@import "bootstrap/badge";
|
||||||
|
@import "bootstrap/jumbotron";
|
||||||
|
@import "bootstrap/alert";
|
||||||
|
@import "bootstrap/progress";
|
||||||
|
@import "bootstrap/media";
|
||||||
|
@import "bootstrap/list-group";
|
||||||
|
@import "bootstrap/close";
|
||||||
|
@import "bootstrap/modal";
|
||||||
|
@import "bootstrap/tooltip";
|
||||||
|
@import "bootstrap/popover";
|
||||||
|
@import "bootstrap/carousel";
|
||||||
|
@import "bootstrap/utilities";
|
||||||
|
@import "bootstrap/print";
|
||||||
|
|
||||||
|
// Custom components
|
||||||
|
|
||||||
|
@import "custom/reboot.scss";
|
||||||
|
@import "custom/global.scss";
|
||||||
|
@import "custom/utilities.scss";
|
||||||
|
|
||||||
|
@import "custom/accordion.scss";
|
||||||
|
@import "custom/alert.scss";
|
||||||
|
@import "custom/avatar.scss";
|
||||||
|
@import "custom/badge.scss";
|
||||||
|
@import "custom/buttons.scss";
|
||||||
|
@import "custom/card.scss";
|
||||||
|
@import "custom/carousel.scss";
|
||||||
|
@import "custom/close.scss";
|
||||||
|
@import "custom/custom-forms.scss";
|
||||||
|
@import "custom/dropdown.scss";
|
||||||
|
@import "custom/footer.scss";
|
||||||
|
@import "custom/forms.scss";
|
||||||
|
@import "custom/grid.scss";
|
||||||
|
@import "custom/icons.scss";
|
||||||
|
@import "custom/input-group.scss";
|
||||||
|
@import "custom/list-group.scss";
|
||||||
|
@import "custom/modal.scss";
|
||||||
|
@import "custom/nav.scss";
|
||||||
|
@import "custom/navbar.scss";
|
||||||
|
@import "custom/pagination.scss";
|
||||||
|
@import "custom/popover.scss";
|
||||||
|
@import "custom/progress.scss";
|
||||||
|
@import "custom/section.scss";
|
||||||
|
@import "custom/separator.scss";
|
||||||
|
@import "custom/type.scss";
|
||||||
|
|
||||||
|
// Vendor
|
||||||
|
|
||||||
|
@import "custom/vendor/bootstrap-datepicker.scss";
|
||||||
|
@import "custom/vendor/headroom.scss";
|
||||||
|
@import "custom/vendor/nouislider.scss";
|
||||||
51
assets/scss/bootstrap/_alert.scss
Normal file
51
assets/scss/bootstrap/_alert.scss
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
//
|
||||||
|
// 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));
|
||||||
|
}
|
||||||
|
}
|
||||||
54
assets/scss/bootstrap/_badge.scss
Normal file
54
assets/scss/bootstrap/_badge.scss
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
// 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
41
assets/scss/bootstrap/_breadcrumb.scss
Normal file
41
assets/scss/bootstrap/_breadcrumb.scss
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
163
assets/scss/bootstrap/_button-group.scss
Normal file
163
assets/scss/bootstrap/_button-group.scss
Normal file
@ -0,0 +1,163 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
137
assets/scss/bootstrap/_buttons.scss
Normal file
137
assets/scss/bootstrap/_buttons.scss
Normal file
@ -0,0 +1,137 @@
|
|||||||
|
// 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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
289
assets/scss/bootstrap/_card.scss
Normal file
289
assets/scss/bootstrap/_card.scss
Normal file
@ -0,0 +1,289 @@
|
|||||||
|
//
|
||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
197
assets/scss/bootstrap/_carousel.scss
Normal file
197
assets/scss/bootstrap/_carousel.scss
Normal file
@ -0,0 +1,197 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
41
assets/scss/bootstrap/_close.scss
Normal file
41
assets/scss/bootstrap/_close.scss
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
48
assets/scss/bootstrap/_code.scss
Normal file
48
assets/scss/bootstrap/_code.scss
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
507
assets/scss/bootstrap/_custom-forms.scss
Normal file
507
assets/scss/bootstrap/_custom-forms.scss
Normal file
@ -0,0 +1,507 @@
|
|||||||
|
// 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);
|
||||||
|
}
|
||||||
191
assets/scss/bootstrap/_dropdown.scss
Normal file
191
assets/scss/bootstrap/_dropdown.scss
Normal file
@ -0,0 +1,191 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
330
assets/scss/bootstrap/_forms.scss
Normal file
330
assets/scss/bootstrap/_forms.scss
Normal file
@ -0,0 +1,330 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
86
assets/scss/bootstrap/_functions.scss
Normal file
86
assets/scss/bootstrap/_functions.scss
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
// 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);
|
||||||
|
}
|
||||||
52
assets/scss/bootstrap/_grid.scss
Normal file
52
assets/scss/bootstrap/_grid.scss
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
// 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();
|
||||||
|
}
|
||||||
42
assets/scss/bootstrap/_images.scss
Normal file
42
assets/scss/bootstrap/_images.scss
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
193
assets/scss/bootstrap/_input-group.scss
Normal file
193
assets/scss/bootstrap/_input-group.scss
Normal file
@ -0,0 +1,193 @@
|
|||||||
|
// 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);
|
||||||
|
}
|
||||||
17
assets/scss/bootstrap/_jumbotron.scss
Normal file
17
assets/scss/bootstrap/_jumbotron.scss
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
.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);
|
||||||
|
}
|
||||||
149
assets/scss/bootstrap/_list-group.scss
Normal file
149
assets/scss/bootstrap/_list-group.scss
Normal file
@ -0,0 +1,149 @@
|
|||||||
|
// 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));
|
||||||
|
}
|
||||||
8
assets/scss/bootstrap/_media.scss
Normal file
8
assets/scss/bootstrap/_media.scss
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
.media {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-body {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
47
assets/scss/bootstrap/_mixins.scss
Normal file
47
assets/scss/bootstrap/_mixins.scss
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
// 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";
|
||||||
229
assets/scss/bootstrap/_modal.scss
Normal file
229
assets/scss/bootstrap/_modal.scss
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
// .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; }
|
||||||
|
}
|
||||||
120
assets/scss/bootstrap/_nav.scss
Normal file
120
assets/scss/bootstrap/_nav.scss
Normal file
@ -0,0 +1,120 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
294
assets/scss/bootstrap/_navbar.scss
Normal file
294
assets/scss/bootstrap/_navbar.scss
Normal file
@ -0,0 +1,294 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
73
assets/scss/bootstrap/_pagination.scss
Normal file
73
assets/scss/bootstrap/_pagination.scss
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
.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);
|
||||||
|
}
|
||||||
171
assets/scss/bootstrap/_popover.scss
Normal file
171
assets/scss/bootstrap/_popover.scss
Normal file
@ -0,0 +1,171 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
141
assets/scss/bootstrap/_print.scss
Normal file
141
assets/scss/bootstrap/_print.scss
Normal file
@ -0,0 +1,141 @@
|
|||||||
|
// 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
|
||||||
|
}
|
||||||
|
}
|
||||||
43
assets/scss/bootstrap/_progress.scss
Normal file
43
assets/scss/bootstrap/_progress.scss
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
483
assets/scss/bootstrap/_reboot.scss
Normal file
483
assets/scss/bootstrap/_reboot.scss
Normal file
@ -0,0 +1,483 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
19
assets/scss/bootstrap/_root.scss
Normal file
19
assets/scss/bootstrap/_root.scss
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
: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)};
|
||||||
|
}
|
||||||
55
assets/scss/bootstrap/_spinners.scss
Normal file
55
assets/scss/bootstrap/_spinners.scss
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
//
|
||||||
|
// 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;
|
||||||
|
}
|
||||||
185
assets/scss/bootstrap/_tables.scss
Normal file
185
assets/scss/bootstrap/_tables.scss
Normal file
@ -0,0 +1,185 @@
|
|||||||
|
//
|
||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
44
assets/scss/bootstrap/_toasts.scss
Normal file
44
assets/scss/bootstrap/_toasts.scss
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
.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
|
||||||
|
}
|
||||||
115
assets/scss/bootstrap/_tooltip.scss
Normal file
115
assets/scss/bootstrap/_tooltip.scss
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
// 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);
|
||||||
|
}
|
||||||
20
assets/scss/bootstrap/_transitions.scss
Normal file
20
assets/scss/bootstrap/_transitions.scss
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
.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);
|
||||||
|
}
|
||||||
125
assets/scss/bootstrap/_type.scss
Normal file
125
assets/scss/bootstrap/_type.scss
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
// 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
|
||||||
|
}
|
||||||
|
}
|
||||||
17
assets/scss/bootstrap/_utilities.scss
Normal file
17
assets/scss/bootstrap/_utilities.scss
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
@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";
|
||||||
1123
assets/scss/bootstrap/_variables.scss
Normal file
1123
assets/scss/bootstrap/_variables.scss
Normal file
File diff suppressed because it is too large
Load Diff
29
assets/scss/bootstrap/bootstrap-grid.scss
vendored
Normal file
29
assets/scss/bootstrap/bootstrap-grid.scss
vendored
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
/*!
|
||||||
|
* 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";
|
||||||
12
assets/scss/bootstrap/bootstrap-reboot.scss
vendored
Normal file
12
assets/scss/bootstrap/bootstrap-reboot.scss
vendored
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
/*!
|
||||||
|
* 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";
|
||||||
44
assets/scss/bootstrap/bootstrap.scss
vendored
Normal file
44
assets/scss/bootstrap/bootstrap.scss
vendored
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
/*!
|
||||||
|
* 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";
|
||||||
13
assets/scss/bootstrap/mixins/_alert.scss
Normal file
13
assets/scss/bootstrap/mixins/_alert.scss
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
@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%);
|
||||||
|
}
|
||||||
|
}
|
||||||
21
assets/scss/bootstrap/mixins/_background-variant.scss
Normal file
21
assets/scss/bootstrap/mixins/_background-variant.scss
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
17
assets/scss/bootstrap/mixins/_badge.scss
Normal file
17
assets/scss/bootstrap/mixins/_badge.scss
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
@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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
63
assets/scss/bootstrap/mixins/_border-radius.scss
Normal file
63
assets/scss/bootstrap/mixins/_border-radius.scss
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
20
assets/scss/bootstrap/mixins/_box-shadow.scss
Normal file
20
assets/scss/bootstrap/mixins/_box-shadow.scss
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
@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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
123
assets/scss/bootstrap/mixins/_breakpoints.scss
Normal file
123
assets/scss/bootstrap/mixins/_breakpoints.scss
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
// Breakpoint viewport sizes and media queries.
|
||||||
|
//
|
||||||
|
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
|
||||||
|
//
|
||||||
|
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
|
||||||
|
//
|
||||||
|
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
|
||||||
|
|
||||||
|
// Name of the next breakpoint, or null for the last breakpoint.
|
||||||
|
//
|
||||||
|
// >> breakpoint-next(sm)
|
||||||
|
// md
|
||||||
|
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||||
|
// md
|
||||||
|
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
|
||||||
|
// md
|
||||||
|
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
|
||||||
|
$n: index($breakpoint-names, $name);
|
||||||
|
@return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
|
||||||
|
//
|
||||||
|
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||||
|
// 576px
|
||||||
|
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
|
||||||
|
$min: map-get($breakpoints, $name);
|
||||||
|
@return if($min != 0, $min, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Maximum breakpoint width. Null for the largest (last) breakpoint.
|
||||||
|
// The maximum value is calculated as the minimum of the next one less 0.02px
|
||||||
|
// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
|
||||||
|
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
|
||||||
|
// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
|
||||||
|
// See https://bugs.webkit.org/show_bug.cgi?id=178261
|
||||||
|
//
|
||||||
|
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||||
|
// 767.98px
|
||||||
|
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
|
||||||
|
$next: breakpoint-next($name, $breakpoints);
|
||||||
|
@return if($next, breakpoint-min($next, $breakpoints) - .02, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
|
||||||
|
// Useful for making responsive utilities.
|
||||||
|
//
|
||||||
|
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||||
|
// "" (Returns a blank string)
|
||||||
|
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||||
|
// "-sm"
|
||||||
|
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
|
||||||
|
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
|
||||||
|
// Makes the @content apply to the given breakpoint and wider.
|
||||||
|
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
|
||||||
|
$min: breakpoint-min($name, $breakpoints);
|
||||||
|
@if $min {
|
||||||
|
@media (min-width: $min) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
} @else {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
|
||||||
|
// Makes the @content apply to the given breakpoint and narrower.
|
||||||
|
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
|
||||||
|
$max: breakpoint-max($name, $breakpoints);
|
||||||
|
@if $max {
|
||||||
|
@media (max-width: $max) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
} @else {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Media that spans multiple breakpoint widths.
|
||||||
|
// Makes the @content apply between the min and max breakpoints
|
||||||
|
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
|
||||||
|
$min: breakpoint-min($lower, $breakpoints);
|
||||||
|
$max: breakpoint-max($upper, $breakpoints);
|
||||||
|
|
||||||
|
@if $min != null and $max != null {
|
||||||
|
@media (min-width: $min) and (max-width: $max) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
} @else if $max == null {
|
||||||
|
@include media-breakpoint-up($lower, $breakpoints) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
} @else if $min == null {
|
||||||
|
@include media-breakpoint-down($upper, $breakpoints) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Media between the breakpoint's minimum and maximum widths.
|
||||||
|
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
||||||
|
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
||||||
|
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
||||||
|
$min: breakpoint-min($name, $breakpoints);
|
||||||
|
$max: breakpoint-max($name, $breakpoints);
|
||||||
|
|
||||||
|
@if $min != null and $max != null {
|
||||||
|
@media (min-width: $min) and (max-width: $max) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
} @else if $max == null {
|
||||||
|
@include media-breakpoint-up($name, $breakpoints) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
} @else if $min == null {
|
||||||
|
@include media-breakpoint-down($name, $breakpoints) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
107
assets/scss/bootstrap/mixins/_buttons.scss
Normal file
107
assets/scss/bootstrap/mixins/_buttons.scss
Normal file
@ -0,0 +1,107 @@
|
|||||||
|
// Button variants
|
||||||
|
//
|
||||||
|
// Easily pump out default styles, as well as :hover, :focus, :active,
|
||||||
|
// and disabled options for all buttons
|
||||||
|
|
||||||
|
@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
|
||||||
|
color: color-yiq($background);
|
||||||
|
@include gradient-bg($background);
|
||||||
|
border-color: $border;
|
||||||
|
@include box-shadow($btn-box-shadow);
|
||||||
|
|
||||||
|
@include hover {
|
||||||
|
color: color-yiq($hover-background);
|
||||||
|
@include gradient-bg($hover-background);
|
||||||
|
border-color: $hover-border;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus,
|
||||||
|
&.focus {
|
||||||
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
|
@if $enable-shadows {
|
||||||
|
box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
||||||
|
} @else {
|
||||||
|
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Disabled comes first so active can properly restyle
|
||||||
|
&.disabled,
|
||||||
|
&:disabled {
|
||||||
|
color: color-yiq($background);
|
||||||
|
background-color: $background;
|
||||||
|
border-color: $border;
|
||||||
|
// Remove CSS gradients if they're enabled
|
||||||
|
@if $enable-gradients {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:disabled):not(.disabled):active,
|
||||||
|
&:not(:disabled):not(.disabled).active,
|
||||||
|
.show > &.dropdown-toggle {
|
||||||
|
color: color-yiq($active-background);
|
||||||
|
background-color: $active-background;
|
||||||
|
@if $enable-gradients {
|
||||||
|
background-image: none; // Remove the gradient for the pressed/active state
|
||||||
|
}
|
||||||
|
border-color: $active-border;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
|
@if $enable-shadows and $btn-active-box-shadow != none {
|
||||||
|
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
||||||
|
} @else {
|
||||||
|
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
|
||||||
|
color: $color;
|
||||||
|
border-color: $color;
|
||||||
|
|
||||||
|
@include hover {
|
||||||
|
color: $color-hover;
|
||||||
|
background-color: $active-background;
|
||||||
|
border-color: $active-border;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus,
|
||||||
|
&.focus {
|
||||||
|
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.disabled,
|
||||||
|
&:disabled {
|
||||||
|
color: $color;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:disabled):not(.disabled):active,
|
||||||
|
&:not(:disabled):not(.disabled).active,
|
||||||
|
.show > &.dropdown-toggle {
|
||||||
|
color: color-yiq($active-background);
|
||||||
|
background-color: $active-background;
|
||||||
|
border-color: $active-border;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
|
@if $enable-shadows and $btn-active-box-shadow != none {
|
||||||
|
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
|
||||||
|
} @else {
|
||||||
|
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Button sizes
|
||||||
|
@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
|
||||||
|
padding: $padding-y $padding-x;
|
||||||
|
@include font-size($font-size);
|
||||||
|
line-height: $line-height;
|
||||||
|
// Manually declare to provide an override to the browser default
|
||||||
|
@include border-radius($border-radius, 0);
|
||||||
|
}
|
||||||
62
assets/scss/bootstrap/mixins/_caret.scss
Normal file
62
assets/scss/bootstrap/mixins/_caret.scss
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
@mixin caret-down {
|
||||||
|
border-top: $caret-width solid;
|
||||||
|
border-right: $caret-width solid transparent;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-left: $caret-width solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin caret-up {
|
||||||
|
border-top: 0;
|
||||||
|
border-right: $caret-width solid transparent;
|
||||||
|
border-bottom: $caret-width solid;
|
||||||
|
border-left: $caret-width solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin caret-right {
|
||||||
|
border-top: $caret-width solid transparent;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: $caret-width solid transparent;
|
||||||
|
border-left: $caret-width solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin caret-left {
|
||||||
|
border-top: $caret-width solid transparent;
|
||||||
|
border-right: $caret-width solid;
|
||||||
|
border-bottom: $caret-width solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin caret($direction: down) {
|
||||||
|
@if $enable-caret {
|
||||||
|
&::after {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: $caret-spacing;
|
||||||
|
vertical-align: $caret-vertical-align;
|
||||||
|
content: "";
|
||||||
|
@if $direction == down {
|
||||||
|
@include caret-down;
|
||||||
|
} @else if $direction == up {
|
||||||
|
@include caret-up;
|
||||||
|
} @else if $direction == right {
|
||||||
|
@include caret-right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $direction == left {
|
||||||
|
&::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: $caret-spacing;
|
||||||
|
vertical-align: $caret-vertical-align;
|
||||||
|
content: "";
|
||||||
|
@include caret-left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:empty::after {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
7
assets/scss/bootstrap/mixins/_clearfix.scss
Normal file
7
assets/scss/bootstrap/mixins/_clearfix.scss
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
@mixin clearfix() {
|
||||||
|
&::after {
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
}
|
||||||
10
assets/scss/bootstrap/mixins/_deprecate.scss
Normal file
10
assets/scss/bootstrap/mixins/_deprecate.scss
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
// Deprecate mixin
|
||||||
|
//
|
||||||
|
// This mixin can be used to deprecate mixins or functions.
|
||||||
|
// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
|
||||||
|
// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
|
||||||
|
@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
|
||||||
|
@if ($enable-deprecation-messages != false and $ignore-warning != true) {
|
||||||
|
@warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
|
||||||
|
}
|
||||||
|
}
|
||||||
14
assets/scss/bootstrap/mixins/_float.scss
Normal file
14
assets/scss/bootstrap/mixins/_float.scss
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
// stylelint-disable declaration-no-important
|
||||||
|
|
||||||
|
@mixin float-left {
|
||||||
|
float: left !important;
|
||||||
|
@include deprecate("The `float-left` mixin", "v4.3.0", "v5");
|
||||||
|
}
|
||||||
|
@mixin float-right {
|
||||||
|
float: right !important;
|
||||||
|
@include deprecate("The `float-right` mixin", "v4.3.0", "v5");
|
||||||
|
}
|
||||||
|
@mixin float-none {
|
||||||
|
float: none !important;
|
||||||
|
@include deprecate("The `float-none` mixin", "v4.3.0", "v5");
|
||||||
|
}
|
||||||
192
assets/scss/bootstrap/mixins/_forms.scss
Normal file
192
assets/scss/bootstrap/mixins/_forms.scss
Normal file
@ -0,0 +1,192 @@
|
|||||||
|
// Form control focus state
|
||||||
|
//
|
||||||
|
// Generate a customized focus state and for any input with the specified color,
|
||||||
|
// which defaults to the `$input-focus-border-color` variable.
|
||||||
|
//
|
||||||
|
// We highly encourage you to not customize the default value, but instead use
|
||||||
|
// this to tweak colors on an as-needed basis. This aesthetic change is based on
|
||||||
|
// WebKit's default styles, but applicable to a wider range of browsers. Its
|
||||||
|
// usability and accessibility should be taken into account with any change.
|
||||||
|
//
|
||||||
|
// Example usage: change the default blue border and shadow to white for better
|
||||||
|
// contrast against a dark gray background.
|
||||||
|
@mixin form-control-focus() {
|
||||||
|
&:focus {
|
||||||
|
color: $input-focus-color;
|
||||||
|
background-color: $input-focus-bg;
|
||||||
|
border-color: $input-focus-border-color;
|
||||||
|
outline: 0;
|
||||||
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
|
@if $enable-shadows {
|
||||||
|
box-shadow: $input-box-shadow, $input-focus-box-shadow;
|
||||||
|
} @else {
|
||||||
|
box-shadow: $input-focus-box-shadow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@mixin form-validation-state($state, $color, $icon) {
|
||||||
|
.#{$state}-feedback {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: $form-feedback-margin-top;
|
||||||
|
@include font-size($form-feedback-font-size);
|
||||||
|
color: $color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.#{$state}-tooltip {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
max-width: 100%; // Contain to parent when possible
|
||||||
|
padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
|
||||||
|
margin-top: .1rem;
|
||||||
|
@include font-size($form-feedback-tooltip-font-size);
|
||||||
|
line-height: $form-feedback-tooltip-line-height;
|
||||||
|
color: color-yiq($color);
|
||||||
|
background-color: rgba($color, $form-feedback-tooltip-opacity);
|
||||||
|
@include border-radius($form-feedback-tooltip-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
border-color: $color;
|
||||||
|
|
||||||
|
@if $enable-validation-icons {
|
||||||
|
padding-right: $input-height-inner;
|
||||||
|
background-image: $icon;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center right $input-height-inner-quarter;
|
||||||
|
background-size: $input-height-inner-half $input-height-inner-half;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: $color;
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .#{$state}-feedback,
|
||||||
|
~ .#{$state}-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// stylelint-disable-next-line selector-no-qualifying-type
|
||||||
|
textarea.form-control {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
@if $enable-validation-icons {
|
||||||
|
padding-right: $input-height-inner;
|
||||||
|
background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
border-color: $color;
|
||||||
|
|
||||||
|
@if $enable-validation-icons {
|
||||||
|
padding-right: $custom-select-feedback-icon-padding-right;
|
||||||
|
background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: $color;
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .#{$state}-feedback,
|
||||||
|
~ .#{$state}-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.form-control-file {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
~ .#{$state}-feedback,
|
||||||
|
~ .#{$state}-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check-input {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
~ .form-check-label {
|
||||||
|
color: $color;
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .#{$state}-feedback,
|
||||||
|
~ .#{$state}-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
~ .custom-control-label {
|
||||||
|
color: $color;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
border-color: $color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .#{$state}-feedback,
|
||||||
|
~ .#{$state}-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked {
|
||||||
|
~ .custom-control-label::before {
|
||||||
|
border-color: lighten($color, 10%);
|
||||||
|
@include gradient-bg(lighten($color, 10%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
~ .custom-control-label::before {
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:checked) ~ .custom-control-label::before {
|
||||||
|
border-color: $color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// custom file
|
||||||
|
.custom-file-input {
|
||||||
|
.was-validated &:#{$state},
|
||||||
|
&.is-#{$state} {
|
||||||
|
~ .custom-file-label {
|
||||||
|
border-color: $color;
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .#{$state}-feedback,
|
||||||
|
~ .#{$state}-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
~ .custom-file-label {
|
||||||
|
border-color: $color;
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
45
assets/scss/bootstrap/mixins/_gradients.scss
Normal file
45
assets/scss/bootstrap/mixins/_gradients.scss
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
// Gradients
|
||||||
|
|
||||||
|
@mixin gradient-bg($color) {
|
||||||
|
@if $enable-gradients {
|
||||||
|
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
|
||||||
|
} @else {
|
||||||
|
background-color: $color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Horizontal gradient, from left to right
|
||||||
|
//
|
||||||
|
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||||
|
@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
|
||||||
|
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Vertical gradient, from top to bottom
|
||||||
|
//
|
||||||
|
// Creates two color stops, start and end, by specifying a color and position for each color stop.
|
||||||
|
@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
|
||||||
|
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
|
||||||
|
background-image: linear-gradient($deg, $start-color, $end-color);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
|
||||||
|
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
|
||||||
|
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
|
||||||
|
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
|
||||||
|
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
|
||||||
|
}
|
||||||
66
assets/scss/bootstrap/mixins/_grid-framework.scss
Normal file
66
assets/scss/bootstrap/mixins/_grid-framework.scss
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
// Framework grid generation
|
||||||
|
//
|
||||||
|
// Used only by Bootstrap to generate the correct number of grid classes given
|
||||||
|
// any value of `$grid-columns`.
|
||||||
|
|
||||||
|
@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
|
||||||
|
// Common properties for all breakpoints
|
||||||
|
%grid-column {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
padding-right: $gutter / 2;
|
||||||
|
padding-left: $gutter / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $breakpoint in map-keys($breakpoints) {
|
||||||
|
$infix: breakpoint-infix($breakpoint, $breakpoints);
|
||||||
|
|
||||||
|
// Allow columns to stretch full width below their breakpoints
|
||||||
|
@for $i from 1 through $columns {
|
||||||
|
.col#{$infix}-#{$i} {
|
||||||
|
@extend %grid-column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.col#{$infix},
|
||||||
|
.col#{$infix}-auto {
|
||||||
|
@extend %grid-column;
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
||||||
|
// Provide basic `.col-{bp}` classes for equal-width flexbox columns
|
||||||
|
.col#{$infix} {
|
||||||
|
flex-basis: 0;
|
||||||
|
flex-grow: 1;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.col#{$infix}-auto {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%; // Reset earlier grid tiers
|
||||||
|
}
|
||||||
|
|
||||||
|
@for $i from 1 through $columns {
|
||||||
|
.col#{$infix}-#{$i} {
|
||||||
|
@include make-col($i, $columns);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.order#{$infix}-first { order: -1; }
|
||||||
|
|
||||||
|
.order#{$infix}-last { order: $columns + 1; }
|
||||||
|
|
||||||
|
@for $i from 0 through $columns {
|
||||||
|
.order#{$infix}-#{$i} { order: $i; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// `$columns - 1` because offsetting by the width of an entire row isn't possible
|
||||||
|
@for $i from 0 through ($columns - 1) {
|
||||||
|
@if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
|
||||||
|
.offset#{$infix}-#{$i} {
|
||||||
|
@include make-col-offset($i, $columns);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
51
assets/scss/bootstrap/mixins/_grid.scss
Normal file
51
assets/scss/bootstrap/mixins/_grid.scss
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
/// Grid system
|
||||||
|
//
|
||||||
|
// Generate semantic grid columns with these mixins.
|
||||||
|
|
||||||
|
@mixin make-container($gutter: $grid-gutter-width) {
|
||||||
|
width: 100%;
|
||||||
|
padding-right: $gutter / 2;
|
||||||
|
padding-left: $gutter / 2;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// For each breakpoint, define the maximum width of the container in a media query
|
||||||
|
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
|
||||||
|
@each $breakpoint, $container-max-width in $max-widths {
|
||||||
|
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
||||||
|
max-width: $container-max-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin make-row($gutter: $grid-gutter-width) {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-right: -$gutter / 2;
|
||||||
|
margin-left: -$gutter / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin make-col-ready($gutter: $grid-gutter-width) {
|
||||||
|
position: relative;
|
||||||
|
// Prevent columns from becoming too narrow when at smaller grid tiers by
|
||||||
|
// always setting `width: 100%;`. This works because we use `flex` values
|
||||||
|
// later on to override this initial width.
|
||||||
|
width: 100%;
|
||||||
|
padding-right: $gutter / 2;
|
||||||
|
padding-left: $gutter / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin make-col($size, $columns: $grid-columns) {
|
||||||
|
flex: 0 0 percentage($size / $columns);
|
||||||
|
// Add a `max-width` to ensure content within each column does not blow out
|
||||||
|
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
|
||||||
|
// do not appear to require this.
|
||||||
|
max-width: percentage($size / $columns);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin make-col-offset($size, $columns: $grid-columns) {
|
||||||
|
$num: $size / $columns;
|
||||||
|
margin-left: if($num == 0, 0, percentage($num));
|
||||||
|
}
|
||||||
37
assets/scss/bootstrap/mixins/_hover.scss
Normal file
37
assets/scss/bootstrap/mixins/_hover.scss
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
// Hover mixin and `$enable-hover-media-query` are deprecated.
|
||||||
|
//
|
||||||
|
// Originally added during our alphas and maintained during betas, this mixin was
|
||||||
|
// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
|
||||||
|
// would persist after initial touch.
|
||||||
|
//
|
||||||
|
// For backward compatibility, we've kept these mixins and updated them to
|
||||||
|
// always return their regular pseudo-classes instead of a shimmed media query.
|
||||||
|
//
|
||||||
|
// Issue: https://github.com/twbs/bootstrap/issues/25195
|
||||||
|
|
||||||
|
@mixin hover {
|
||||||
|
&:hover { @content; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin hover-focus {
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin plain-hover-focus {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin hover-focus-active {
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&:active {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
36
assets/scss/bootstrap/mixins/_image.scss
Normal file
36
assets/scss/bootstrap/mixins/_image.scss
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
// Image Mixins
|
||||||
|
// - Responsive image
|
||||||
|
// - Retina image
|
||||||
|
|
||||||
|
|
||||||
|
// Responsive image
|
||||||
|
//
|
||||||
|
// Keep images from scaling beyond the width of their parents.
|
||||||
|
|
||||||
|
@mixin img-fluid {
|
||||||
|
// Part 1: Set a maximum relative to the parent
|
||||||
|
max-width: 100%;
|
||||||
|
// Part 2: Override the height to auto, otherwise images will be stretched
|
||||||
|
// when setting a width and height attribute on the img element.
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Retina image
|
||||||
|
//
|
||||||
|
// Short retina mixin for setting background-image and -size.
|
||||||
|
|
||||||
|
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
|
||||||
|
background-image: url($file-1x);
|
||||||
|
|
||||||
|
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
|
||||||
|
// but doesn't convert dppx=>dpi.
|
||||||
|
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
|
||||||
|
// Compatibility info: https://caniuse.com/#feat=css-media-resolution
|
||||||
|
@media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
|
||||||
|
only screen and (min-resolution: 2dppx) { // Standardized
|
||||||
|
background-image: url($file-2x);
|
||||||
|
background-size: $width-1x $height-1x;
|
||||||
|
}
|
||||||
|
@include deprecate("`img-retina()`", "v4.3.0", "v5");
|
||||||
|
}
|
||||||
21
assets/scss/bootstrap/mixins/_list-group.scss
Normal file
21
assets/scss/bootstrap/mixins/_list-group.scss
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
// List Groups
|
||||||
|
|
||||||
|
@mixin list-group-item-variant($state, $background, $color) {
|
||||||
|
.list-group-item-#{$state} {
|
||||||
|
color: $color;
|
||||||
|
background-color: $background;
|
||||||
|
|
||||||
|
&.list-group-item-action {
|
||||||
|
@include hover-focus {
|
||||||
|
color: $color;
|
||||||
|
background-color: darken($background, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
color: $white;
|
||||||
|
background-color: $color;
|
||||||
|
border-color: $color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
7
assets/scss/bootstrap/mixins/_lists.scss
Normal file
7
assets/scss/bootstrap/mixins/_lists.scss
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
// Lists
|
||||||
|
|
||||||
|
// Unstyled keeps list items block level, just removes default browser padding and list-style
|
||||||
|
@mixin list-unstyled {
|
||||||
|
padding-left: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user