Compare commits
No commits in common. "master" and "gh-pages" have entirely different histories.
123 changed files with 4846 additions and 36936 deletions
|
|
@ -1,6 +0,0 @@
|
||||||
return {
|
|
||||||
default = {
|
|
||||||
verbose = true,
|
|
||||||
lpath = "./src/?.lua;./src/?/init.lua;./src/?/?.lua;./tests/?.lua",
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
#!/bin/sh
|
|
||||||
|
|
||||||
set -ex
|
|
||||||
|
|
||||||
mkdir -p "${BUILD_DIR:-./build}"
|
|
||||||
|
|
||||||
CMAKE_ARGS=""
|
|
||||||
|
|
||||||
if [ -n "$CI" ]; then
|
|
||||||
CMAKE_ARGS="-DCI=ON"
|
|
||||||
fi
|
|
||||||
|
|
||||||
sudo enable-lua ${LUA_VERSION:-5.1}
|
|
||||||
|
|
||||||
make -j $(nproc) -C ${SOURCE_DIR:-.} BUILD_DIR=${BUILD_DIR:-./build} LUA_VERSION=${LUA_VERSION:-5.1} LUA=lua doc
|
|
||||||
|
|
||||||
tar -czf doc.tar.gz -C ${BUILD_DIR:-./build}/doc .
|
|
||||||
|
|
||||||
curl -T doc.tar.gz -XPOST --user ${DOCS_CREDENTIALS} https://${DOCS_HOST}/publish/lua-libpulse-glib
|
|
||||||
|
|
||||||
sudo disable-lua ${LUA_VERSION:-5.1}
|
|
||||||
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
---
|
|
||||||
platform: linux
|
|
||||||
|
|
||||||
image_resource:
|
|
||||||
type: registry-image
|
|
||||||
source:
|
|
||||||
repository: registry.local:5000/lua-clib-pulse
|
|
||||||
tag: latest
|
|
||||||
|
|
||||||
inputs:
|
|
||||||
- name: repo
|
|
||||||
|
|
||||||
params:
|
|
||||||
CI: true
|
|
||||||
SOURCE_DIR: repo
|
|
||||||
BUILD_DIR: /tmp/build-output
|
|
||||||
DOCS_HOST: ((doc-host))
|
|
||||||
DOCS_CREDENTIALS: "((deploy-user)):((deploy-password))"
|
|
||||||
|
|
||||||
run:
|
|
||||||
path: repo/.ci/deploy-docs.sh
|
|
||||||
|
|
||||||
|
|
@ -1,68 +0,0 @@
|
||||||
---
|
|
||||||
resources:
|
|
||||||
- name: repo
|
|
||||||
type: git
|
|
||||||
icon: github
|
|
||||||
source:
|
|
||||||
uri: https://git.sclu1034.dev/lucas/lua-libpulse-glib
|
|
||||||
branch: master
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
- name: test
|
|
||||||
plan:
|
|
||||||
- get: repo
|
|
||||||
trigger: true
|
|
||||||
- in_parallel:
|
|
||||||
- task: run-test-5.1
|
|
||||||
file: repo/.ci/test.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.1
|
|
||||||
- task: run-test-5.2
|
|
||||||
file: repo/.ci/test.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.2
|
|
||||||
- task: run-test-5.3
|
|
||||||
file: repo/.ci/test.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.3
|
|
||||||
# There is no rock for 5.4 LGI, yet. And I don't want to build that from source.
|
|
||||||
- try:
|
|
||||||
task: run-test-5.4
|
|
||||||
file: repo/.ci/test.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.4
|
|
||||||
|
|
||||||
- name: rock
|
|
||||||
plan:
|
|
||||||
- get: repo
|
|
||||||
trigger: true
|
|
||||||
- in_parallel:
|
|
||||||
- task: run-rock-5.1
|
|
||||||
file: repo/.ci/rock.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.1
|
|
||||||
- task: run-rock-5.2
|
|
||||||
file: repo/.ci/rock.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.2
|
|
||||||
- task: run-rock-5.3
|
|
||||||
file: repo/.ci/rock.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.3
|
|
||||||
# There is no rock for 5.4 LGI, yet. And I don't want to build that from source.
|
|
||||||
- try:
|
|
||||||
task: run-rock-5.4
|
|
||||||
file: repo/.ci/rock.yml
|
|
||||||
vars:
|
|
||||||
lua-version: 5.4
|
|
||||||
|
|
||||||
- name: doc
|
|
||||||
plan:
|
|
||||||
- get: repo
|
|
||||||
trigger: true
|
|
||||||
- task: deploy-docs
|
|
||||||
file: repo/.ci/deploy-docs.yml
|
|
||||||
vars:
|
|
||||||
doc-host: ((doc-host))
|
|
||||||
deploy-user: ((deploy-user))
|
|
||||||
deploy-password: ((deploy-password))
|
|
||||||
14
.ci/rock.sh
14
.ci/rock.sh
|
|
@ -1,14 +0,0 @@
|
||||||
#!/bin/sh
|
|
||||||
|
|
||||||
set -ex
|
|
||||||
|
|
||||||
sudo enable-lua ${LUA_VERSION:-5.1}
|
|
||||||
eval "$(luarocks --lua-version ${LUA_VERSION:-5.1} path)"
|
|
||||||
|
|
||||||
luarocks --lua-version ${LUA_VERSION:-5.1} install lgi
|
|
||||||
luarocks --lua-version ${LUA_VERSION:-5.1} install ldoc
|
|
||||||
luarocks --lua-version ${LUA_VERSION:-5.1} install lua-discount
|
|
||||||
|
|
||||||
luarocks --lua-version ${LUA_VERSION:-5.1} make rocks/lua-libpulse-glib-scm-1.rockspec
|
|
||||||
|
|
||||||
sudo disable-lua ${LUA_VERSION:-5.1}
|
|
||||||
20
.ci/rock.yml
20
.ci/rock.yml
|
|
@ -1,20 +0,0 @@
|
||||||
|
|
||||||
---
|
|
||||||
platform: linux
|
|
||||||
|
|
||||||
image_resource:
|
|
||||||
type: registry-image
|
|
||||||
source:
|
|
||||||
repository: registry.local:5000/lua-clib-pulse
|
|
||||||
tag: latest
|
|
||||||
|
|
||||||
inputs:
|
|
||||||
- name: repo
|
|
||||||
|
|
||||||
params:
|
|
||||||
CI: true
|
|
||||||
LUA_VERSION: ((lua-version))
|
|
||||||
|
|
||||||
run:
|
|
||||||
path: .ci/rock.sh
|
|
||||||
dir: repo
|
|
||||||
21
.ci/test.sh
21
.ci/test.sh
|
|
@ -1,21 +0,0 @@
|
||||||
#!/bin/sh
|
|
||||||
|
|
||||||
set -ex
|
|
||||||
|
|
||||||
mkdir -p "${BUILD_DIR:-./build}"
|
|
||||||
|
|
||||||
CMAKE_ARGS=""
|
|
||||||
|
|
||||||
if [ -n "$CI" ]; then
|
|
||||||
CMAKE_ARGS="-DCI=ON"
|
|
||||||
fi
|
|
||||||
|
|
||||||
sudo enable-lua ${LUA_VERSION:-5.1}
|
|
||||||
eval "$(luarocks --lua-version ${LUA_VERSION:-5.1} path)"
|
|
||||||
|
|
||||||
luarocks --lua-version ${LUA_VERSION:-5.1} install busted
|
|
||||||
luarocks --lua-version ${LUA_VERSION:-5.1} install lgi
|
|
||||||
|
|
||||||
make -j $(nproc) -C ${SOURCE_DIR:-.} BUILD_DIR=${BUILD_DIR:-./build} LUA_VERSION=${LUA_VERSION:-5.1} LUA=lua build
|
|
||||||
|
|
||||||
sudo disable-lua ${LUA_VERSION:-5.1}
|
|
||||||
20
.ci/test.yml
20
.ci/test.yml
|
|
@ -1,20 +0,0 @@
|
||||||
---
|
|
||||||
platform: linux
|
|
||||||
|
|
||||||
image_resource:
|
|
||||||
type: registry-image
|
|
||||||
source:
|
|
||||||
repository: registry.local:5000/lua-clib-pulse
|
|
||||||
tag: latest
|
|
||||||
|
|
||||||
inputs:
|
|
||||||
- name: repo
|
|
||||||
|
|
||||||
params:
|
|
||||||
CI: true
|
|
||||||
SOURCE_DIR: repo
|
|
||||||
BUILD_DIR: /tmp/build-output
|
|
||||||
LUA_VERSION: ((lua-version))
|
|
||||||
|
|
||||||
run:
|
|
||||||
path: repo/.ci/test.sh
|
|
||||||
|
|
@ -1,75 +0,0 @@
|
||||||
---
|
|
||||||
# kak: filetype=yaml
|
|
||||||
Language: Cpp
|
|
||||||
BasedOnStyle: LLVM
|
|
||||||
AlignArrayOfStructures: Left
|
|
||||||
AlignConsecutiveMacros: AcrossComments
|
|
||||||
AlignConsecutiveAssignments: None
|
|
||||||
AlignConsecutiveBitFields: AcrossComments
|
|
||||||
AlignConsecutiveDeclarations: None
|
|
||||||
AllowAllArgumentsOnNextLine: false
|
|
||||||
AllowAllParametersOfDeclarationOnNextLine: false
|
|
||||||
AllowShortEnumsOnASingleLine: false
|
|
||||||
AllowShortFunctionsOnASingleLine: None
|
|
||||||
AlwaysBreakTemplateDeclarations: Yes
|
|
||||||
AttributeMacros:
|
|
||||||
- __capability
|
|
||||||
BinPackArguments: false
|
|
||||||
BinPackParameters: false
|
|
||||||
BreakBeforeBinaryOperators: NonAssignment
|
|
||||||
BreakBeforeInheritanceComma: false
|
|
||||||
BreakInheritanceList: AfterComma
|
|
||||||
ColumnLimit: 120
|
|
||||||
Cpp11BracedListStyle: false
|
|
||||||
EmptyLineBeforeAccessModifier: Always
|
|
||||||
FixNamespaceComments: true
|
|
||||||
IncludeBlocks: Regroup
|
|
||||||
IncludeCategories:
|
|
||||||
- Regex: '^"(llvm|llvm-c|clang|clang-c)/'
|
|
||||||
Priority: 2
|
|
||||||
SortPriority: 0
|
|
||||||
CaseSensitive: false
|
|
||||||
- Regex: '^(<|"(gtest|gmock|isl|json)/)'
|
|
||||||
Priority: 3
|
|
||||||
SortPriority: 0
|
|
||||||
CaseSensitive: false
|
|
||||||
- Regex: '.*'
|
|
||||||
Priority: 1
|
|
||||||
SortPriority: 0
|
|
||||||
CaseSensitive: false
|
|
||||||
IncludeIsMainRegex: '(_test)?$'
|
|
||||||
IncludeIsMainSourceRegex: ''
|
|
||||||
IndentExternBlock: NoIndent
|
|
||||||
IndentWidth: 4
|
|
||||||
KeepEmptyLinesAtTheStartOfBlocks: false
|
|
||||||
MaxEmptyLinesToKeep: 2
|
|
||||||
# PackConstructorInitializers: CurrentLine
|
|
||||||
PointerAlignment: Left
|
|
||||||
ReferenceAlignment: Right
|
|
||||||
ReflowComments: true
|
|
||||||
# SeparateDefinitionBlocks: Leave
|
|
||||||
SpaceAfterCStyleCast: true
|
|
||||||
SpaceAfterLogicalNot: false
|
|
||||||
SpaceAfterTemplateKeyword: false
|
|
||||||
SpaceBeforeAssignmentOperators: true
|
|
||||||
SpaceBeforeCaseColon: false
|
|
||||||
SpaceBeforeCpp11BracedList: false
|
|
||||||
SpaceBeforeCtorInitializerColon: true
|
|
||||||
SpaceBeforeInheritanceColon: true
|
|
||||||
SpaceBeforeParens: ControlStatements
|
|
||||||
SpaceAroundPointerQualifiers: Default
|
|
||||||
SpaceBeforeRangeBasedForLoopColon: true
|
|
||||||
SpaceInEmptyBlock: false
|
|
||||||
SpaceInEmptyParentheses: false
|
|
||||||
SpacesBeforeTrailingComments: 1
|
|
||||||
SpacesInAngles: Never
|
|
||||||
SpacesInConditionalStatement: false
|
|
||||||
SpacesInContainerLiterals: true
|
|
||||||
SpacesInCStyleCastParentheses: false
|
|
||||||
SpacesInLineCommentPrefix:
|
|
||||||
Minimum: 1
|
|
||||||
Maximum: -1
|
|
||||||
SpacesInParentheses: false
|
|
||||||
SpacesInSquareBrackets: false
|
|
||||||
SpaceBeforeSquareBrackets: false
|
|
||||||
TabWidth: 4
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
out/
|
|
||||||
.sass-cache/
|
|
||||||
12
.gitignore
vendored
12
.gitignore
vendored
|
|
@ -1,12 +0,0 @@
|
||||||
out/
|
|
||||||
|
|
||||||
.gdb_history
|
|
||||||
.gdbinit
|
|
||||||
lua.debug
|
|
||||||
|
|
||||||
.cache/clangd
|
|
||||||
compile_commands.json
|
|
||||||
.sass-cache
|
|
||||||
|
|
||||||
*.rockspec.asc
|
|
||||||
*.src.rock
|
|
||||||
11
.luacheckrc
11
.luacheckrc
|
|
@ -1,11 +0,0 @@
|
||||||
std = "max"
|
|
||||||
|
|
||||||
ignore = {
|
|
||||||
"431",
|
|
||||||
"432"
|
|
||||||
}
|
|
||||||
|
|
||||||
files[".luacheckrc"].std = "+luacheckrc"
|
|
||||||
files["rocks/*.rockspec"].std = "+rockspec"
|
|
||||||
|
|
||||||
files["tests/*_spec.lua"].std = "+busted"
|
|
||||||
674
COPYING
674
COPYING
|
|
@ -1,674 +0,0 @@
|
||||||
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>.
|
|
||||||
118
Makefile
118
Makefile
|
|
@ -1,118 +0,0 @@
|
||||||
PROJECT = lua_libpulse_glib
|
|
||||||
PREFIX ?= /usr/local
|
|
||||||
BUILD_DIR = out
|
|
||||||
|
|
||||||
LUA_VERSION ?= 5.1
|
|
||||||
LUA ?= $(shell command -v lua$(LUA_VERSION))
|
|
||||||
LUA_BINDIR ?= /usr/bin
|
|
||||||
LUA_LIBDIR ?= /usr/lib/x86_64-linux-gnu/lua/$(LUA_VERSION)
|
|
||||||
LUA_INCDIR ?= /usr/include/lua$(LUA_VERSION)
|
|
||||||
|
|
||||||
ifdef LIBDIR
|
|
||||||
INSTALL_LIBDIR ?= $(LIBDIR)
|
|
||||||
else
|
|
||||||
INSTALL_LIBDIR ?= $(PREFIX)/lib/lua/$(LUA_VERSION)
|
|
||||||
endif
|
|
||||||
|
|
||||||
ifdef LUADIR
|
|
||||||
INSTALL_LUADIR ?= $(LUADIR)
|
|
||||||
else
|
|
||||||
INSTALL_LUADIR ?= $(PREFIX)/share/lua/$(LUA_VERSION)
|
|
||||||
endif
|
|
||||||
|
|
||||||
ifdef DOCDIR
|
|
||||||
INSTALL_DOCDIR ?= $(DOCDIR)
|
|
||||||
else
|
|
||||||
INSTALL_DOCDIR ?= $(PREFIX)/share/doc/$(PROJECT)
|
|
||||||
endif
|
|
||||||
|
|
||||||
CC = gcc
|
|
||||||
PKG_CONFIG ?= $(shell command -v pkg-config)
|
|
||||||
|
|
||||||
PKGS = libpulse-mainloop-glib glib-2.0 gobject-2.0 gobject-introspection-1.0 lua$(LUA_VERSION)
|
|
||||||
|
|
||||||
CFLAGS ?= -fPIC
|
|
||||||
LIBFLAG ?= -shared
|
|
||||||
|
|
||||||
CCFLAGS ?= $(CFLAGS)
|
|
||||||
CCFLAGS += -Wall -g -rdynamic $(shell $(PKG_CONFIG) --cflags $(PKGS)) -I$(LUA_INCDIR) -I"./"
|
|
||||||
|
|
||||||
LIBS = -L$(shell dirname "$(shell $(CC) -print-libgcc-file-name)") -L"$(LUA_LIBDIR)" -L"./"
|
|
||||||
LIBS += $(shell $(PKG_CONFIG) --libs $(PKGS))
|
|
||||||
OBJS = $(shell find src -type f -iname '*.c' | sed 's/\(.*\)\.c$$/$(BUILD_DIR)\/\1\.o/')
|
|
||||||
|
|
||||||
TARGET = $(BUILD_DIR)/$(PROJECT).so
|
|
||||||
|
|
||||||
LUA_CPATH = $(shell echo "$${PWD}/$(BUILD_DIR)/?.so;$${LUA_CPATH}")
|
|
||||||
|
|
||||||
ifdef CI
|
|
||||||
CHECK_ARGS ?= --formatter TAP
|
|
||||||
TEST_ARGS ?= --output=TAP
|
|
||||||
|
|
||||||
CCFLAGS += -Werror
|
|
||||||
endif
|
|
||||||
|
|
||||||
bold := $(shell tput bold)
|
|
||||||
orange := $(shell tput setaf 7)
|
|
||||||
title := $(bold)$(orange)
|
|
||||||
reset := $(shell tput sgr0)
|
|
||||||
|
|
||||||
.PHONY: all clean doc doc-content doc-styles install uninstall test check rock
|
|
||||||
|
|
||||||
all: build doc
|
|
||||||
|
|
||||||
build: $(TARGET)
|
|
||||||
|
|
||||||
$(BUILD_DIR)/%.o: %.c
|
|
||||||
@mkdir -p $(shell dirname "$@")
|
|
||||||
@echo "$(title)$(CC) $< -o $@$(reset)"
|
|
||||||
@$(CC) -c $(CCFLAGS) $< -o $@
|
|
||||||
|
|
||||||
$(TARGET): $(OBJS)
|
|
||||||
@echo "$(title)$(CC) -o $@$(reset)"
|
|
||||||
@$(CC) $(LIBFLAG) -o $@ $(OBJS) $(LIBS)
|
|
||||||
|
|
||||||
$(BUILD_DIR)/doc/index.html:
|
|
||||||
@mkdir -p "$(BUILD_DIR)/doc" "$(BUILD_DIR)/src"
|
|
||||||
@echo "$(title)Preprocess sources$(reset)"
|
|
||||||
sh tools/process_docs.sh "$(BUILD_DIR)"
|
|
||||||
@echo "$(title)Generate documentation$(reset)"
|
|
||||||
ldoc --config=doc/config.ld --dir "$(BUILD_DIR)/doc" --project $(PROJECT) "$(BUILD_DIR)/src"
|
|
||||||
|
|
||||||
$(BUILD_DIR)/doc/ldoc.css: doc/ldoc.scss
|
|
||||||
@mkdir -p "$(BUILD_DIR)/doc"
|
|
||||||
@echo "$(title)Generate stylesheet$(reset)"
|
|
||||||
sass doc/ldoc.scss $(BUILD_DIR)/doc/ldoc.css
|
|
||||||
|
|
||||||
doc-styles: $(BUILD_DIR)/doc/ldoc.css
|
|
||||||
|
|
||||||
doc-content: $(BUILD_DIR)/doc/index.html
|
|
||||||
|
|
||||||
doc: doc-styles doc-content
|
|
||||||
|
|
||||||
clean:
|
|
||||||
rm -r out/
|
|
||||||
|
|
||||||
install: build doc
|
|
||||||
@echo "$(title)Install C library\033[0m"
|
|
||||||
install -vDm 644 -t $(INSTALL_LIBDIR) $(TARGET)
|
|
||||||
|
|
||||||
@echo "$(title)Install documentation\033[0m"
|
|
||||||
install -vd $(INSTALL_DOCDIR)
|
|
||||||
cp -vr $(BUILD_DIR)/doc/* $(INSTALL_DOCDIR)
|
|
||||||
|
|
||||||
uninstall:
|
|
||||||
rm $(INSTALL_LIBDIR)/$(PROJECT).so
|
|
||||||
rm -r $(INSTALL_DOCDIR)
|
|
||||||
|
|
||||||
check:
|
|
||||||
@echo "Nothing to do"
|
|
||||||
|
|
||||||
spec: build
|
|
||||||
busted --config-file=.busted.lua --lua=$(LUA) $(TEST_ARGS)
|
|
||||||
|
|
||||||
test: build
|
|
||||||
$(LUA) test.lua
|
|
||||||
|
|
||||||
rock:
|
|
||||||
luarocks --local --lua-version $(LUA_VERSION) make rocks/lua-libpulse-glib-scm-1.rockspec
|
|
||||||
69
README.adoc
69
README.adoc
|
|
@ -1,69 +0,0 @@
|
||||||
= lua-libpulse-glib
|
|
||||||
:idprefix:
|
|
||||||
:idseparator: -
|
|
||||||
ifdef::env-github,env-browser[]
|
|
||||||
:toc: macro
|
|
||||||
:toclevels: 1
|
|
||||||
endif::[]
|
|
||||||
:branch: master
|
|
||||||
:status:
|
|
||||||
:outfilesuffix: .adoc
|
|
||||||
:!toc-title:
|
|
||||||
:caution-caption: :fire:
|
|
||||||
:important-caption: :exclamation:
|
|
||||||
:note-caption: :paperclip:
|
|
||||||
:tip-caption: :bulb:
|
|
||||||
:warning-caption: :warning:
|
|
||||||
:url-ci: https://ci.sclu1034.dev/teams/main/pipelines/lua-libpulse-glib
|
|
||||||
:url-ci-badge: https://ci.sclu1034.dev/api/v1/teams/main/pipelines/lua-libpulse-glib/badge
|
|
||||||
:url-license-badge: https://img.shields.io/badge/license-GPLv3-brightgreen?style=flat-square
|
|
||||||
:url-luarocks-badge: https://img.shields.io/luarocks/v/sclu1034/lua-libpulse-glib?style=flat-square
|
|
||||||
:url-luarocks-link: https://luarocks.org/modules/sclu1034/lua-libpulse-glib
|
|
||||||
|
|
||||||
image:{url-license-badge}[License]
|
|
||||||
ifdef::status[]
|
|
||||||
image:{url-ci-badge}[Build Status (Concourse CI), link={url-ci}]
|
|
||||||
endif::[]
|
|
||||||
image:{url-luarocks-badge}[LuaRocks Package, link={url-luarocks-link}]
|
|
||||||
|
|
||||||
https://freedesktop.org/software/pulseaudio/doxygen/index.html[libpulse] bindings for use with a GLib MainLoop via
|
|
||||||
https://github.com/lgi-devs/lgi/[LGI].
|
|
||||||
|
|
||||||
The project is still in a development state. It hasn't been fully tested yet, and not all functions from libpulse
|
|
||||||
have a corresponding binding yet.
|
|
||||||
Please do report anything that's missing or not working correctly.
|
|
||||||
|
|
||||||
== Quick Start
|
|
||||||
|
|
||||||
Install https://github.com/lgi-devs/lgi[lgi] and _lua_libpulse_glib_ from LuaRocks:
|
|
||||||
|
|
||||||
[source,shell]
|
|
||||||
----
|
|
||||||
luarocks install lgi
|
|
||||||
luarocks install --dev lua-libpulse-glib
|
|
||||||
----
|
|
||||||
|
|
||||||
[source,lua]
|
|
||||||
----
|
|
||||||
local lgi = require("lgi")
|
|
||||||
local pulseaudio = require("lua_libpulse_glib")
|
|
||||||
local ppretty = require("pl.pretty")
|
|
||||||
|
|
||||||
local pa = pulseaudio.new()
|
|
||||||
local ctx = pa:context("My Test App")
|
|
||||||
|
|
||||||
local loop = lgi.GLib.MainLoop.new()
|
|
||||||
|
|
||||||
ctx:connect(nil, function(state)
|
|
||||||
if state == 4 then
|
|
||||||
print("Connection is ready")
|
|
||||||
|
|
||||||
ctx:get_sinks(function(sinks)
|
|
||||||
ppretty.dump(sinks)
|
|
||||||
loop:quit()
|
|
||||||
end)
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
loop:run()
|
|
||||||
----
|
|
||||||
|
|
@ -1,64 +0,0 @@
|
||||||
project = 'lua-libpulse-glib'
|
|
||||||
title = 'lua-libpulse-glib'
|
|
||||||
description = "Lua bindings for PulseAudio's libpulse, using the GLib Main Loop."
|
|
||||||
|
|
||||||
full_description = [[
|
|
||||||
While libpulse provides different event loop implementations, these bindings focus on the GLib comaptibility only.
|
|
||||||
Therefore, all asynchronous functions need to be executed inside a running GLib Main Loop.
|
|
||||||
For now, this loop has to run on GLib's default main context. Custom loop contexts are currently not supported.
|
|
||||||
|
|
||||||
The majority of the API is callback-based asynchronous. Callbacks always receive any potential errors as their
|
|
||||||
first parameter, usually just the error message as string, or `nil` when there was no error. Additional parameters
|
|
||||||
may either be just a boolean, for operations that don't return data, or the actual queried data.
|
|
||||||
|
|
||||||
All numeric indices (such as sink or source indices) are adjusted to be 1-based in typical Lua fashion.
|
|
||||||
This means that when comparing the output of calls like @{Context:get_sinks} to the output of tools like `pactl`,
|
|
||||||
indices will be off by one.
|
|
||||||
|
|
||||||
local lgi = require("lgi")
|
|
||||||
local pulseaudio = require("lua_libpulse_glib")
|
|
||||||
local ppretty = require("pl.pretty")
|
|
||||||
|
|
||||||
local pa = pulseaudio.new()
|
|
||||||
local ctx = pa:context("My Test App")
|
|
||||||
|
|
||||||
local loop = lgi.GLib.MainLoop.new()
|
|
||||||
|
|
||||||
ctx:connect(nil, function(state)
|
|
||||||
if state == 4 then
|
|
||||||
print("Connection is ready")
|
|
||||||
|
|
||||||
ctx:get_sinks(function(sinks)
|
|
||||||
ppretty.dump(sinks)
|
|
||||||
loop:quit()
|
|
||||||
end)
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
loop:run()
|
|
||||||
]]
|
|
||||||
|
|
||||||
template = true
|
|
||||||
|
|
||||||
format = 'discount'
|
|
||||||
|
|
||||||
pretty = 'lua'
|
|
||||||
-- prettify_files = 'show'
|
|
||||||
backtick_references = false
|
|
||||||
wrap = true
|
|
||||||
no_space_before_args = true
|
|
||||||
|
|
||||||
custom_tags = {
|
|
||||||
{
|
|
||||||
"async",
|
|
||||||
hidden = true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"repository",
|
|
||||||
hidden = true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"package",
|
|
||||||
hidden = true,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
303
doc/ldoc.ltp
303
doc/ldoc.ltp
|
|
@ -1,303 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>$(ldoc.title)</title>
|
|
||||||
<link rel="stylesheet" href="$(ldoc.css)" type="text/css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
# local function M(txt, item) return ldoc.markup(txt, item, ldoc.plain) end
|
|
||||||
# -- LDoc doesn't expose this, even though it does expose `pairs`. *insert confused face*
|
|
||||||
# local function next(tbl)
|
|
||||||
# local n, t = ldoc.pairs(tbl)
|
|
||||||
# return n(t)
|
|
||||||
# end
|
|
||||||
|
|
||||||
<aside id="sidebar" class="has-background-white-ter">
|
|
||||||
<h1 class="title">$(ldoc.project)</h1>
|
|
||||||
<nav class="menu">
|
|
||||||
# if not ldoc.single then
|
|
||||||
<ul class="menu-list">
|
|
||||||
<li><a class="$(not module and 'is-active')" href="../$(ldoc.output).html">Index</a></li>
|
|
||||||
</ul>
|
|
||||||
# end
|
|
||||||
# local this_mod = module and module.name
|
|
||||||
# for kind, mods, type in ldoc.kinds() do
|
|
||||||
# if ldoc.allowed_in_contents(type, module) then
|
|
||||||
<p class="menu-label">$(kind)</p>
|
|
||||||
<ul class="menu-list">
|
|
||||||
# for mod in mods() do
|
|
||||||
# local name = ldoc.display_name(mod)
|
|
||||||
# if mod.name == this_mod then
|
|
||||||
<li>
|
|
||||||
<a class="is-active">$(name)</a>
|
|
||||||
<ul>
|
|
||||||
# if kind == "Modules" then
|
|
||||||
<li><a href="#toc">Table of contents</a></li>
|
|
||||||
# end
|
|
||||||
# for mod_kind, mod_items in mod.kinds() do
|
|
||||||
<li><a href="#$(ldoc.no_spaces(mod_kind))">$(mod_kind)</a></li>
|
|
||||||
# end
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
# else
|
|
||||||
<li><a href="$(ldoc.ref_to_module(mod))">$(name)</a></li>
|
|
||||||
# end
|
|
||||||
# end
|
|
||||||
</ul>
|
|
||||||
# end
|
|
||||||
# end
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
<div id="content" class="content__wrapper">
|
|
||||||
# if ldoc.body then -- verbatim HTML as contents; 'non-code' entries
|
|
||||||
<section class="section section__raw-content">
|
|
||||||
<div class="container content">$(ldoc.body)</div>
|
|
||||||
</section>
|
|
||||||
# elseif module then
|
|
||||||
<section class="section section__module-description">
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="title is-1">$(ldoc.module_typename(module)) <em>$(module.name)</em></h1>
|
|
||||||
<h3 class="subtitle is-3">$(M(module.summary, module))</h3>
|
|
||||||
<div class="content">
|
|
||||||
<p>$(M(module.description, module))</p>
|
|
||||||
</div>
|
|
||||||
# if module.info or next(module.tags) then
|
|
||||||
<div class="field is-grouped is-grouped-multiline">
|
|
||||||
# for tag, value in module.info:iter() do
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags are-medium has-addons">
|
|
||||||
<span class="is-dark tag">$(tag)</span>
|
|
||||||
<span class="tag">$(M(value, module))</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
# if not ldoc.no_summary then
|
|
||||||
<section class="section section__module-summary">
|
|
||||||
<div class="container">
|
|
||||||
<h2 id="toc" class="title is-3">Table of contents</h2>
|
|
||||||
# for kind, items in module.kinds() do
|
|
||||||
<h3 class="title is-4"><a href="#$(ldoc.no_spaces(kind))">$(kind)</a></h3>
|
|
||||||
<table class="table is-fullwidth is-striped">
|
|
||||||
<tbody>
|
|
||||||
# for item in items() do
|
|
||||||
<tr>
|
|
||||||
<td class="name"><a href="#$(item.name)">$(ldoc.display_name(item))</a></td>
|
|
||||||
<td class="summary">$(M(item.summary, item))</td>
|
|
||||||
</tr>
|
|
||||||
# end
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
# end
|
|
||||||
|
|
||||||
# for kind, items in module.kinds() do
|
|
||||||
# local kitem = module.kinds:get_item(kind)
|
|
||||||
# local has_description = kitem and ldoc.descript(kitem) ~= ""
|
|
||||||
<section class="section section--$(kind)">
|
|
||||||
<div class="container">
|
|
||||||
<h2 class="title is-2" id="$(ldoc.no_spaces(kind))"><a href="#$(ldoc.no_spaces(kind))">$(kind)</a></h2>
|
|
||||||
# local section_description = module.kinds:get_section_description(kind)
|
|
||||||
# if section_description then
|
|
||||||
<div class="content">$(M(section_description, nil))</div>
|
|
||||||
# end
|
|
||||||
# if has_description then
|
|
||||||
<div class="content section__description">
|
|
||||||
$(M(ldoc.descript(kitem), kitem))
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
<div class="section__content">
|
|
||||||
# for item in items() do
|
|
||||||
<div id="$(item.name)" class="box section__item">
|
|
||||||
<div class="block section__item__title">
|
|
||||||
<strong>$(ldoc.display_name(item))</strong>
|
|
||||||
# if ldoc.prettify_files and ldoc.is_file_prettified[item.module.file.filename] then
|
|
||||||
<a class="source-ref" href="$(ldoc.source_ref(item))">line $(item.lineno)</a>
|
|
||||||
# end
|
|
||||||
# if item.tags["async"] then
|
|
||||||
<span class="tag">async</span>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="block content section__item__description">$(M(ldoc.descript(item), item))</div>
|
|
||||||
|
|
||||||
# if not ldoc.no_return_or_params then
|
|
||||||
# if item.params and #item.params > 0 then
|
|
||||||
<div class="block content section__item__params">
|
|
||||||
# local subnames = module.kinds:type_of(item).subnames
|
|
||||||
# if subnames then
|
|
||||||
<h4 class="title is-6">$(subnames):</h4>
|
|
||||||
# end
|
|
||||||
<ul>
|
|
||||||
# for parm in ldoc.modules.iter(item.params) do
|
|
||||||
# local param,sublist = item:subparam(parm)
|
|
||||||
# if sublist then
|
|
||||||
<li><span class="tag parameter__type">$(sublist)</span>$(M(item.params.map[sublist], item))
|
|
||||||
<ul>
|
|
||||||
# end
|
|
||||||
# for p in ldoc.modules.iter(param) do
|
|
||||||
# local name = item:display_name_of(p)
|
|
||||||
# local type_name = ldoc.typename(item:type_of_param(p))
|
|
||||||
# local default = item:default_of_param(p)
|
|
||||||
<li class="parameter">
|
|
||||||
<div>
|
|
||||||
<span class="parameter__name"><em>$(name)</em></span>
|
|
||||||
# local description = item.params.map[p]
|
|
||||||
# if description and description ~= "" then
|
|
||||||
<span class="parameter__description">: $(M(description, item))</span>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
<div class="field is-grouped is-grouped-multiline parameter__tags">
|
|
||||||
# if type_name ~= '' then
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags has-addons">
|
|
||||||
<span class="tag is-dark">type</span>
|
|
||||||
<span class="tag parameter__type"><span>$(type_name)</span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
# if default == true then
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags">
|
|
||||||
<span class="tag parameter__optional">optional</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# elseif default then
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags has-addons">
|
|
||||||
<span class="tag is-dark">default</span>
|
|
||||||
<span class="tag parameter__default"><code>$(default)</code></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
# if item:readonly(p) then
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags">
|
|
||||||
<span class="tag parameter__readonly">readonly</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
# end
|
|
||||||
# if sublist then
|
|
||||||
</ul>
|
|
||||||
# end
|
|
||||||
# end
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
# if item.retgroups then
|
|
||||||
# -- I only need a single return group for now
|
|
||||||
# local group = item.retgroups[1]
|
|
||||||
<div class="block content section__item__returns">
|
|
||||||
# if item.tags["async"] then
|
|
||||||
<h4 class="title is-6">Callback parameters:</h4>
|
|
||||||
# else
|
|
||||||
<h4 class="title is-6">Returns:</h4>
|
|
||||||
# end
|
|
||||||
<ul>
|
|
||||||
# for r in group:iter() do
|
|
||||||
<li class="return-value">
|
|
||||||
# local description = r.text
|
|
||||||
# if description and description ~= "" then
|
|
||||||
<div class="return-value__description">
|
|
||||||
<span>$(M(description, item))</span>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
# local t, ctypes = item:return_type(r)
|
|
||||||
# local rt = ldoc.typename(t)
|
|
||||||
# local optional = false
|
|
||||||
# if rt:match("optional ") then
|
|
||||||
# optional = true
|
|
||||||
# rt = rt:match("optional (.*)")
|
|
||||||
# end
|
|
||||||
<div class="field is-grouped is-grouped-multiline">
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags has-addons">
|
|
||||||
<span class="tag is-dark">type</span>
|
|
||||||
<span class="tag return-value__type"><span>$(rt)</span></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# if optional then
|
|
||||||
<div class="control">
|
|
||||||
<div class="tags">
|
|
||||||
<span class="tag return-value__optional">optional</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
# end
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
# end
|
|
||||||
# if item.usage then
|
|
||||||
<div class="block content section__item__usage">
|
|
||||||
<h4 class="title is-6">Usage:</h4>
|
|
||||||
# for usage in ldoc.modules.iter(item.usage) do
|
|
||||||
<pre class="code-block code-block--lua">$(ldoc.prettify(usage))</pre>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
# end
|
|
||||||
# else -- elseif module -> project-level content
|
|
||||||
<section class="section section__project-description">
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="title is-1">$(ldoc.project)</h1>
|
|
||||||
# if ldoc.description then
|
|
||||||
<h2 class="subtitle is-3">$(M(ldoc.description, nil))</h2>
|
|
||||||
# end
|
|
||||||
# if ldoc.full_description then
|
|
||||||
<div class="content">
|
|
||||||
<p>$(M(ldoc.full_description,nil))</p>
|
|
||||||
</div>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="section section__project-summary">
|
|
||||||
<div class="container">
|
|
||||||
# for kind, mods in ldoc.kinds() do
|
|
||||||
# kind = kind:lower()
|
|
||||||
<h2 class="title is-4">$(kind)</h2>
|
|
||||||
<table class="table is-fullwidth is-striped">
|
|
||||||
<tbody>
|
|
||||||
# for m in mods() do
|
|
||||||
<tr>
|
|
||||||
<td class="name"><a href="$(ldoc.no_spaces(kind))/$(m.name).html">$(m.name)</a></td>
|
|
||||||
<td class="summary">$(M(ldoc.strip_header(m.summary), m))</td>
|
|
||||||
</tr>
|
|
||||||
# end
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
# end
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer class="footer">
|
|
||||||
<div class="content has-text-centered">
|
|
||||||
Generated by <a href="https://github/com/stevendonovan/LDoc">LDoc $(ldoc.version)</a>, designed with <a href="https://github.com/jgthms/bulma">Bulma</a>. Last updated at $(ldoc.updatetime).
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
@import 'scss/bulma/sass/base/all';
|
|
||||||
@import 'scss/bulma/sass/helpers/all';
|
|
||||||
@import 'scss/bulma/sass/utilities/all';
|
|
||||||
|
|
||||||
@import 'scss/bulma/sass/components/menu';
|
|
||||||
|
|
||||||
// Required for single-line tags
|
|
||||||
@import 'scss/bulma/sass/form/shared';
|
|
||||||
@import 'scss/bulma/sass/form/tools';
|
|
||||||
|
|
||||||
@import 'scss/bulma/sass/elements/box';
|
|
||||||
@import 'scss/bulma/sass/elements/container';
|
|
||||||
@import 'scss/bulma/sass/elements/content';
|
|
||||||
@import 'scss/bulma/sass/elements/table';
|
|
||||||
@import 'scss/bulma/sass/elements/tag';
|
|
||||||
@import 'scss/bulma/sass/elements/title';
|
|
||||||
|
|
||||||
@import 'scss/bulma/sass/layout/footer';
|
|
||||||
@import 'scss/bulma/sass/layout/section';
|
|
||||||
|
|
||||||
@import 'scss/syntax';
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--sidebar-width: 15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block {
|
|
||||||
@extend %block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: var(--sidebar-width);
|
|
||||||
|
|
||||||
padding: .5em;
|
|
||||||
|
|
||||||
box-shadow: 1px 0 2px hsl(0, 0%, 48%);
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
margin-left: var(--sidebar-width);
|
|
||||||
}
|
|
||||||
|
|
||||||
.source-ref {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section__item > div:not(:first-child) {
|
|
||||||
margin-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section__item__title > .tag {
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.parameter .parameter__tags {
|
|
||||||
margin-top: .25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-list a:not(.is-active):hover {
|
|
||||||
background-color: var(--lt-color-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.parameter__type,
|
|
||||||
.return-value__type {
|
|
||||||
.type {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,64 +0,0 @@
|
||||||
pre,
|
|
||||||
.code-block.code-block--lua {
|
|
||||||
.comment {
|
|
||||||
color: #558817;
|
|
||||||
}
|
|
||||||
|
|
||||||
.constant {
|
|
||||||
color: #a8660d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.escape {
|
|
||||||
color: #844631;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyword {
|
|
||||||
color: #aa5050;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.library {
|
|
||||||
color: #0e7c6b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.marker {
|
|
||||||
color: #512b1e;
|
|
||||||
background: #fedc56;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.string {
|
|
||||||
color: #8080ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.number {
|
|
||||||
color: #f8660d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.operator {
|
|
||||||
color: #2239a8;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preprocessor,
|
|
||||||
.prepro {
|
|
||||||
color: #a33243;
|
|
||||||
}
|
|
||||||
|
|
||||||
.global {
|
|
||||||
color: #800080;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-keyword {
|
|
||||||
color: #800080;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prompt {
|
|
||||||
color: #558817;
|
|
||||||
}
|
|
||||||
|
|
||||||
.url {
|
|
||||||
color: #272fc2;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,21 +0,0 @@
|
||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2020 Jeremy Thomas
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in
|
|
||||||
all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
||||||
THE SOFTWARE.
|
|
||||||
|
|
@ -1,134 +0,0 @@
|
||||||
# [Bulma](https://bulma.io)
|
|
||||||
|
|
||||||
Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
|
|
||||||
|
|
||||||
|
|
||||||
[][npm-link]
|
|
||||||
[][npm-link]
|
|
||||||
[](https://www.jsdelivr.com/package/npm/bulma)
|
|
||||||
[![Awesome][awesome-badge]][awesome-link]
|
|
||||||
[](https://gitter.im/jgthms/bulma)
|
|
||||||
[](https://travis-ci.org/jgthms/bulma)
|
|
||||||
|
|
||||||
<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600"></a>
|
|
||||||
|
|
||||||
## Quick install
|
|
||||||
|
|
||||||
Bulma is constantly in development! Try it out now:
|
|
||||||
|
|
||||||
### NPM
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npm install bulma
|
|
||||||
```
|
|
||||||
|
|
||||||
**or**
|
|
||||||
|
|
||||||
### Yarn
|
|
||||||
|
|
||||||
```sh
|
|
||||||
yarn add bulma
|
|
||||||
```
|
|
||||||
|
|
||||||
### Bower
|
|
||||||
|
|
||||||
```sh
|
|
||||||
bower install bulma
|
|
||||||
```
|
|
||||||
|
|
||||||
### Import
|
|
||||||
After installation, you can import the CSS file into your project using this snippet:
|
|
||||||
|
|
||||||
```sh
|
|
||||||
@import 'bulma/css/bulma.css'
|
|
||||||
```
|
|
||||||
|
|
||||||
### CDN
|
|
||||||
|
|
||||||
[https://www.jsdelivr.com/package/npm/bulma](https://www.jsdelivr.com/package/npm/bulma)
|
|
||||||
|
|
||||||
Feel free to raise an issue or submit a pull request.
|
|
||||||
|
|
||||||
## CSS only
|
|
||||||
|
|
||||||
Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css)
|
|
||||||
|
|
||||||
You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/overview/variables/).
|
|
||||||
|
|
||||||
There is **no** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.
|
|
||||||
|
|
||||||
## Browser Support
|
|
||||||
|
|
||||||
Bulma uses [autoprefixer](https://github.com/postcss/autoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](https://caniuse.com/#feat=flexbox), Bulma is compatible with **recent** versions of:
|
|
||||||
|
|
||||||
* Chrome
|
|
||||||
* Edge
|
|
||||||
* Firefox
|
|
||||||
* Opera
|
|
||||||
* Safari
|
|
||||||
|
|
||||||
Internet Explorer (10+) is only partially supported.
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
The documentation resides in the [docs](docs) directory, and is built with the Ruby-based [Jekyll](https://jekyllrb.com/) tool.
|
|
||||||
|
|
||||||
Browse the [online documentation here.](https://bulma.io/documentation/overview/start/)
|
|
||||||
|
|
||||||
## Related projects
|
|
||||||
|
|
||||||
| Project | Description |
|
|
||||||
|--------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
|
|
||||||
| [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors) | Adds support for attribute-based selectors |
|
|
||||||
| [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | Integrates Bulma with the rails asset pipeline |
|
|
||||||
| [BulmaRazor](https://github.com/loogn/bulmarazor) | A lightweight component library based on Bulma and Blazor. |
|
|
||||||
| [Vue Admin (dead)](https://github.com/vue-bulma/vue-admin) | Vue Admin framework powered by Bulma |
|
|
||||||
| [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free themes for Bulma |
|
|
||||||
| [Goldfish (read-only)](https://github.com/Caiyeon/goldfish) | Vault UI with Bulma, Golang, and Vue Admin |
|
|
||||||
| [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember addon providing a collection of UI components for Bulma |
|
|
||||||
| [Bloomer](https://bloomer.js.org) | A set of React components for Bulma |
|
|
||||||
| [React-bulma](https://github.com/kulakowka/react-bulma) | React.js components for Bulma |
|
|
||||||
| [Buefy](https://buefy.org/) | Lightweight UI components for Vue.js based on Bulma |
|
|
||||||
| [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma components for Vue.js with straightforward syntax |
|
|
||||||
| [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript integration for Bulma. Written in ES6 with a data-* API |
|
|
||||||
| [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | A set of modal window effects with CSS transitions and animations for Bulma |
|
|
||||||
| [Bulma Stylus](https://github.com/groenroos/bulma-stylus) | Up-to-date 1:1 translation to Stylus
|
|
||||||
| [Bulma.styl (read-only)](https://github.com/log1x/bulma.styl) | 1:1 Stylus translation of Bulma 0.6.11 |
|
|
||||||
| [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma + Elm |
|
|
||||||
| [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma classes prepared for usage with Elm |
|
|
||||||
| [Bulma Customizer](https://bulma-customizer.bstash.io/) | Bulma Customizer – Create your own **bespoke** Bulma build |
|
|
||||||
| [Fulma](https://fulma.github.io/Fulma/) | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react) |
|
|
||||||
| [Laravel Enso](https://github.com/laravel-enso/enso) | SPA Admin Panel built with Bulma, VueJS and Laravel |
|
|
||||||
| [Django Bulma](https://github.com/timonweb/django-bulma) | Integrates Bulma with Django |
|
|
||||||
| [Bulma Templates](https://github.com/dansup/bulma-templates) | Free Templates for Bulma |
|
|
||||||
| [React Bulma Components](https://github.com/couds/react-bulma-components) | Another React wrap on React for Bulma.io |
|
|
||||||
| [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript bindings for Bulma |
|
|
||||||
| [Vue Datatable](https://github.com/laravel-enso/vuedatatable) | Bulma themed datatable based on Vue, Laravel & JSON templates |
|
|
||||||
| [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System |
|
|
||||||
| [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | Automatically add Bulma classes to HTML files |
|
|
||||||
| [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-react) | Bulma pagination as a react component |
|
|
||||||
| [bulma-helpers](https://github.com/jmaczan/bulma-helpers) | Functional / Atomic CSS classes for Bulma |
|
|
||||||
| [bulma-swatch-hook](https://github.com/hipstersmoothie/bulma-swatch-hook) | Bulma swatches as a react hook and a component |
|
|
||||||
| [BulmaWP (read-only)](https://github.com/tomhrtly/BulmaWP) | Starter WordPress theme for Bulma |
|
|
||||||
| [Ralma](https://github.com/aldi/ralma) | Stateless Ractive.js Components for Bulma |
|
|
||||||
| [Django Simple Bulma](https://github.com/python-discord/django-simple-bulma) | Lightweight integration of Bulma and Bulma-Extensions for your Django app |
|
|
||||||
| [rbx](https://dfee.github.io/rbx) | Comprehensive React UI Framework written in TypeScript |
|
|
||||||
| [Awesome Bulma Templates](https://github.com/aldi/awesome-bulma-templates) | Free real-world Templates built with Bulma |
|
|
||||||
| [Trunx](http://g14n.info/trunx) | Super Saiyan React components, son of awesome Bulma, implemented in TypeScript |
|
|
||||||
| [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/bulma) | Web Components library inspired by Bulma and Bulma-extensions |
|
|
||||||
| [Drulma](https://www.drupal.org/project/drulma) | Drupal theme for Bulma. |
|
|
||||||
| [Bulrush](https://github.com/textbook/bulrush) | A Bulma-based Python Pelican blog theme |
|
|
||||||
| [Bulma Variable Export](https://github.com/service-paradis/bulma-variables-export) | Access Bulma Variables in Javascript/Typescript in project using Webpack |
|
|
||||||
| [Bulmil](https://github.com/gomah/bulmil) | An agnostic UI components library based on Web Components, made with Bulma & Stencil. |
|
|
||||||
| [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components) | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone. |
|
|
||||||
| [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit) | Starterkit for Nunjucks with Bulma. |
|
|
||||||
| [Bulma-Social](https://github.com/aldi/bulma-social) | Social Buttons and Colors for Bulma |
|
|
||||||
| [Divjoy](https://divjoy.com/?kit=bulma) | React codebase generator with Bulma templates |
|
|
||||||
|
|
||||||
## Copyright and license 
|
|
||||||
|
|
||||||
Code copyright 2021 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
|
|
||||||
|
|
||||||
[npm-link]: https://www.npmjs.com/package/bulma
|
|
||||||
[awesome-link]: https://github.com/awesome-css-group/awesome-css
|
|
||||||
[awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg
|
|
||||||
10
doc/scss/bulma/bulma.sass
vendored
10
doc/scss/bulma/bulma.sass
vendored
|
|
@ -1,10 +0,0 @@
|
||||||
@charset "utf-8"
|
|
||||||
/*! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma */
|
|
||||||
@import "sass/utilities/_all"
|
|
||||||
@import "sass/base/_all"
|
|
||||||
@import "sass/elements/_all"
|
|
||||||
@import "sass/form/_all"
|
|
||||||
@import "sass/components/_all"
|
|
||||||
@import "sass/grid/_all"
|
|
||||||
@import "sass/helpers/_all"
|
|
||||||
@import "sass/layout/_all"
|
|
||||||
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
1
doc/scss/bulma/css/bulma-rtl.min.css
vendored
1
doc/scss/bulma/css/bulma-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
11811
doc/scss/bulma/css/bulma.css
vendored
11811
doc/scss/bulma/css/bulma.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
1
doc/scss/bulma/css/bulma.min.css
vendored
1
doc/scss/bulma/css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,82 +0,0 @@
|
||||||
{
|
|
||||||
"_from": "bulma@0.9.3",
|
|
||||||
"_id": "bulma@0.9.3",
|
|
||||||
"_inBundle": false,
|
|
||||||
"_integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g==",
|
|
||||||
"_location": "/bulma",
|
|
||||||
"_phantomChildren": {},
|
|
||||||
"_requested": {
|
|
||||||
"type": "version",
|
|
||||||
"registry": true,
|
|
||||||
"raw": "bulma@0.9.3",
|
|
||||||
"name": "bulma",
|
|
||||||
"escapedName": "bulma",
|
|
||||||
"rawSpec": "0.9.3",
|
|
||||||
"saveSpec": null,
|
|
||||||
"fetchSpec": "0.9.3"
|
|
||||||
},
|
|
||||||
"_requiredBy": [
|
|
||||||
"#USER",
|
|
||||||
"/"
|
|
||||||
],
|
|
||||||
"_resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
|
|
||||||
"_shasum": "ddccb7436ebe3e21bf47afe01d3c43a296b70243",
|
|
||||||
"_spec": "bulma@0.9.3",
|
|
||||||
"_where": "/Users/jthomas/Desktop",
|
|
||||||
"author": {
|
|
||||||
"name": "Jeremy Thomas",
|
|
||||||
"email": "bbxdesign@gmail.com",
|
|
||||||
"url": "https://jgthms.com"
|
|
||||||
},
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/jgthms/bulma/issues"
|
|
||||||
},
|
|
||||||
"bundleDependencies": false,
|
|
||||||
"deprecated": false,
|
|
||||||
"description": "Modern CSS framework based on Flexbox",
|
|
||||||
"devDependencies": {
|
|
||||||
"autoprefixer": "^9.8.6",
|
|
||||||
"clean-css-cli": "^4.3.0",
|
|
||||||
"node-sass": "^4.14.1",
|
|
||||||
"postcss-cli": "^7.1.2",
|
|
||||||
"rimraf": "^3.0.2"
|
|
||||||
},
|
|
||||||
"files": [
|
|
||||||
"css",
|
|
||||||
"sass",
|
|
||||||
"bulma.sass",
|
|
||||||
"LICENSE",
|
|
||||||
"README.md"
|
|
||||||
],
|
|
||||||
"homepage": "https://bulma.io",
|
|
||||||
"keywords": [
|
|
||||||
"css",
|
|
||||||
"sass",
|
|
||||||
"flexbox",
|
|
||||||
"responsive",
|
|
||||||
"framework"
|
|
||||||
],
|
|
||||||
"license": "MIT",
|
|
||||||
"main": "bulma.sass",
|
|
||||||
"name": "bulma",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/jgthms/bulma.git"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"build": "npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
|
|
||||||
"build-autoprefix": "postcss --use autoprefixer --map false --output css/bulma.css css/bulma.css",
|
|
||||||
"build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
|
|
||||||
"build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
|
|
||||||
"clean": "rimraf css",
|
|
||||||
"deploy": "npm run clean && npm run build && npm run rtl",
|
|
||||||
"rtl": "npm run rtl-sass && npm run rtl-autoprefix && npm run rtl-cleancss",
|
|
||||||
"rtl-autoprefix": "postcss --use autoprefixer --map false --output css/bulma-rtl.css css/bulma-rtl.css",
|
|
||||||
"rtl-cleancss": "cleancss -o css/bulma-rtl.min.css css/bulma-rtl.css",
|
|
||||||
"rtl-sass": "node-sass --output-style expanded --source-map true bulma-rtl.sass css/bulma-rtl.css",
|
|
||||||
"start": "npm run build-sass -- --watch"
|
|
||||||
},
|
|
||||||
"style": "bulma/css/bulma.min.css",
|
|
||||||
"unpkg": "css/bulma.css",
|
|
||||||
"version": "0.9.3"
|
|
||||||
}
|
|
||||||
BIN
doc/scss/bulma/sass/.DS_Store
vendored
BIN
doc/scss/bulma/sass/.DS_Store
vendored
Binary file not shown.
BIN
doc/scss/bulma/sass/base/.DS_Store
vendored
BIN
doc/scss/bulma/sass/base/.DS_Store
vendored
Binary file not shown.
|
|
@ -1,6 +0,0 @@
|
||||||
/* Bulma Base */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "minireset"
|
|
||||||
@import "generic"
|
|
||||||
@import "animations"
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
@keyframes spinAround
|
|
||||||
from
|
|
||||||
transform: rotate(0deg)
|
|
||||||
to
|
|
||||||
transform: rotate(359deg)
|
|
||||||
|
|
@ -1,145 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$body-background-color: $scheme-main !default
|
|
||||||
$body-size: 16px !default
|
|
||||||
$body-min-width: 300px !default
|
|
||||||
$body-rendering: optimizeLegibility !default
|
|
||||||
$body-family: $family-primary !default
|
|
||||||
$body-overflow-x: hidden !default
|
|
||||||
$body-overflow-y: scroll !default
|
|
||||||
|
|
||||||
$body-color: $text !default
|
|
||||||
$body-font-size: 1em !default
|
|
||||||
$body-weight: $weight-normal !default
|
|
||||||
$body-line-height: 1.5 !default
|
|
||||||
|
|
||||||
$code-family: $family-code !default
|
|
||||||
$code-padding: 0.25em 0.5em 0.25em !default
|
|
||||||
$code-weight: normal !default
|
|
||||||
$code-size: 0.875em !default
|
|
||||||
|
|
||||||
$small-font-size: 0.875em !default
|
|
||||||
|
|
||||||
$hr-background-color: $background !default
|
|
||||||
$hr-height: 2px !default
|
|
||||||
$hr-margin: 1.5rem 0 !default
|
|
||||||
|
|
||||||
$strong-color: $text-strong !default
|
|
||||||
$strong-weight: $weight-bold !default
|
|
||||||
|
|
||||||
$pre-font-size: 0.875em !default
|
|
||||||
$pre-padding: 1.25rem 1.5rem !default
|
|
||||||
$pre-code-font-size: 1em !default
|
|
||||||
|
|
||||||
html
|
|
||||||
background-color: $body-background-color
|
|
||||||
font-size: $body-size
|
|
||||||
-moz-osx-font-smoothing: grayscale
|
|
||||||
-webkit-font-smoothing: antialiased
|
|
||||||
min-width: $body-min-width
|
|
||||||
overflow-x: $body-overflow-x
|
|
||||||
overflow-y: $body-overflow-y
|
|
||||||
text-rendering: $body-rendering
|
|
||||||
text-size-adjust: 100%
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
section
|
|
||||||
display: block
|
|
||||||
|
|
||||||
body,
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea
|
|
||||||
font-family: $body-family
|
|
||||||
|
|
||||||
code,
|
|
||||||
pre
|
|
||||||
-moz-osx-font-smoothing: auto
|
|
||||||
-webkit-font-smoothing: auto
|
|
||||||
font-family: $code-family
|
|
||||||
|
|
||||||
body
|
|
||||||
color: $body-color
|
|
||||||
font-size: $body-font-size
|
|
||||||
font-weight: $body-weight
|
|
||||||
line-height: $body-line-height
|
|
||||||
|
|
||||||
// Inline
|
|
||||||
|
|
||||||
a
|
|
||||||
color: $link
|
|
||||||
cursor: pointer
|
|
||||||
text-decoration: none
|
|
||||||
strong
|
|
||||||
color: currentColor
|
|
||||||
&:hover
|
|
||||||
color: $link-hover
|
|
||||||
|
|
||||||
code
|
|
||||||
background-color: $code-background
|
|
||||||
color: $code
|
|
||||||
font-size: $code-size
|
|
||||||
font-weight: $code-weight
|
|
||||||
padding: $code-padding
|
|
||||||
|
|
||||||
hr
|
|
||||||
background-color: $hr-background-color
|
|
||||||
border: none
|
|
||||||
display: block
|
|
||||||
height: $hr-height
|
|
||||||
margin: $hr-margin
|
|
||||||
|
|
||||||
img
|
|
||||||
height: auto
|
|
||||||
max-width: 100%
|
|
||||||
|
|
||||||
input[type="checkbox"],
|
|
||||||
input[type="radio"]
|
|
||||||
vertical-align: baseline
|
|
||||||
|
|
||||||
small
|
|
||||||
font-size: $small-font-size
|
|
||||||
|
|
||||||
span
|
|
||||||
font-style: inherit
|
|
||||||
font-weight: inherit
|
|
||||||
|
|
||||||
strong
|
|
||||||
color: $strong-color
|
|
||||||
font-weight: $strong-weight
|
|
||||||
|
|
||||||
// Block
|
|
||||||
|
|
||||||
fieldset
|
|
||||||
border: none
|
|
||||||
|
|
||||||
pre
|
|
||||||
+overflow-touch
|
|
||||||
background-color: $pre-background
|
|
||||||
color: $pre
|
|
||||||
font-size: $pre-font-size
|
|
||||||
overflow-x: auto
|
|
||||||
padding: $pre-padding
|
|
||||||
white-space: pre
|
|
||||||
word-wrap: normal
|
|
||||||
code
|
|
||||||
background-color: transparent
|
|
||||||
color: currentColor
|
|
||||||
font-size: $pre-code-font-size
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
table
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
vertical-align: top
|
|
||||||
&:not([align])
|
|
||||||
text-align: inherit
|
|
||||||
th
|
|
||||||
color: $text-strong
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
@warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead."
|
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
|
|
||||||
// Blocks
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
p,
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
li,
|
|
||||||
dl,
|
|
||||||
dt,
|
|
||||||
dd,
|
|
||||||
blockquote,
|
|
||||||
figure,
|
|
||||||
fieldset,
|
|
||||||
legend,
|
|
||||||
textarea,
|
|
||||||
pre,
|
|
||||||
iframe,
|
|
||||||
hr,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
// Headings
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6
|
|
||||||
font-size: 100%
|
|
||||||
font-weight: normal
|
|
||||||
|
|
||||||
// List
|
|
||||||
ul
|
|
||||||
list-style: none
|
|
||||||
|
|
||||||
// Form
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea
|
|
||||||
margin: 0
|
|
||||||
|
|
||||||
// Box sizing
|
|
||||||
html
|
|
||||||
box-sizing: border-box
|
|
||||||
|
|
||||||
*
|
|
||||||
&,
|
|
||||||
&::before,
|
|
||||||
&::after
|
|
||||||
box-sizing: inherit
|
|
||||||
|
|
||||||
// Media
|
|
||||||
img,
|
|
||||||
video
|
|
||||||
height: auto
|
|
||||||
max-width: 100%
|
|
||||||
|
|
||||||
// Iframe
|
|
||||||
iframe
|
|
||||||
border: 0
|
|
||||||
|
|
||||||
// Table
|
|
||||||
table
|
|
||||||
border-collapse: collapse
|
|
||||||
border-spacing: 0
|
|
||||||
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
padding: 0
|
|
||||||
&:not([align])
|
|
||||||
text-align: inherit
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
/* Bulma Components */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "breadcrumb"
|
|
||||||
@import "card"
|
|
||||||
@import "dropdown"
|
|
||||||
@import "level"
|
|
||||||
@import "media"
|
|
||||||
@import "menu"
|
|
||||||
@import "message"
|
|
||||||
@import "modal"
|
|
||||||
@import "navbar"
|
|
||||||
@import "pagination"
|
|
||||||
@import "panel"
|
|
||||||
@import "tabs"
|
|
||||||
|
|
@ -1,77 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$breadcrumb-item-color: $link !default
|
|
||||||
$breadcrumb-item-hover-color: $link-hover !default
|
|
||||||
$breadcrumb-item-active-color: $text-strong !default
|
|
||||||
|
|
||||||
$breadcrumb-item-padding-vertical: 0 !default
|
|
||||||
$breadcrumb-item-padding-horizontal: 0.75em !default
|
|
||||||
|
|
||||||
$breadcrumb-item-separator-color: $border-hover !default
|
|
||||||
|
|
||||||
.breadcrumb
|
|
||||||
@extend %block
|
|
||||||
@extend %unselectable
|
|
||||||
font-size: $size-normal
|
|
||||||
white-space: nowrap
|
|
||||||
a
|
|
||||||
align-items: center
|
|
||||||
color: $breadcrumb-item-color
|
|
||||||
display: flex
|
|
||||||
justify-content: center
|
|
||||||
padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
|
|
||||||
&:hover
|
|
||||||
color: $breadcrumb-item-hover-color
|
|
||||||
li
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
&:first-child a
|
|
||||||
+ltr-property("padding", 0, false)
|
|
||||||
&.is-active
|
|
||||||
a
|
|
||||||
color: $breadcrumb-item-active-color
|
|
||||||
cursor: default
|
|
||||||
pointer-events: none
|
|
||||||
& + li::before
|
|
||||||
color: $breadcrumb-item-separator-color
|
|
||||||
content: "\0002f"
|
|
||||||
ul,
|
|
||||||
ol
|
|
||||||
align-items: flex-start
|
|
||||||
display: flex
|
|
||||||
flex-wrap: wrap
|
|
||||||
justify-content: flex-start
|
|
||||||
.icon
|
|
||||||
&:first-child
|
|
||||||
+ltr-property("margin", 0.5em)
|
|
||||||
&:last-child
|
|
||||||
+ltr-property("margin", 0.5em, false)
|
|
||||||
// Alignment
|
|
||||||
&.is-centered
|
|
||||||
ol,
|
|
||||||
ul
|
|
||||||
justify-content: center
|
|
||||||
&.is-right
|
|
||||||
ol,
|
|
||||||
ul
|
|
||||||
justify-content: flex-end
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
// Styles
|
|
||||||
&.has-arrow-separator
|
|
||||||
li + li::before
|
|
||||||
content: "\02192"
|
|
||||||
&.has-bullet-separator
|
|
||||||
li + li::before
|
|
||||||
content: "\02022"
|
|
||||||
&.has-dot-separator
|
|
||||||
li + li::before
|
|
||||||
content: "\000b7"
|
|
||||||
&.has-succeeds-separator
|
|
||||||
li + li::before
|
|
||||||
content: "\0227B"
|
|
||||||
|
|
@ -1,103 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$card-color: $text !default
|
|
||||||
$card-background-color: $scheme-main !default
|
|
||||||
$card-shadow: $shadow !default
|
|
||||||
$card-radius: 0.25rem !default
|
|
||||||
|
|
||||||
$card-header-background-color: transparent !default
|
|
||||||
$card-header-color: $text-strong !default
|
|
||||||
$card-header-padding: 0.75rem 1rem !default
|
|
||||||
$card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default
|
|
||||||
$card-header-weight: $weight-bold !default
|
|
||||||
|
|
||||||
$card-content-background-color: transparent !default
|
|
||||||
$card-content-padding: 1.5rem !default
|
|
||||||
|
|
||||||
$card-footer-background-color: transparent !default
|
|
||||||
$card-footer-border-top: 1px solid $border-light !default
|
|
||||||
$card-footer-padding: 0.75rem !default
|
|
||||||
|
|
||||||
$card-media-margin: $block-spacing !default
|
|
||||||
|
|
||||||
.card
|
|
||||||
background-color: $card-background-color
|
|
||||||
border-radius: $card-radius
|
|
||||||
box-shadow: $card-shadow
|
|
||||||
color: $card-color
|
|
||||||
max-width: 100%
|
|
||||||
position: relative
|
|
||||||
|
|
||||||
%card-item
|
|
||||||
&:first-child
|
|
||||||
border-top-left-radius: $card-radius
|
|
||||||
border-top-right-radius: $card-radius
|
|
||||||
&:last-child
|
|
||||||
border-bottom-left-radius: $card-radius
|
|
||||||
border-bottom-right-radius: $card-radius
|
|
||||||
|
|
||||||
.card-header
|
|
||||||
@extend %card-item
|
|
||||||
background-color: $card-header-background-color
|
|
||||||
align-items: stretch
|
|
||||||
box-shadow: $card-header-shadow
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
.card-header-title
|
|
||||||
align-items: center
|
|
||||||
color: $card-header-color
|
|
||||||
display: flex
|
|
||||||
flex-grow: 1
|
|
||||||
font-weight: $card-header-weight
|
|
||||||
padding: $card-header-padding
|
|
||||||
&.is-centered
|
|
||||||
justify-content: center
|
|
||||||
|
|
||||||
.card-header-icon
|
|
||||||
+reset
|
|
||||||
align-items: center
|
|
||||||
cursor: pointer
|
|
||||||
display: flex
|
|
||||||
justify-content: center
|
|
||||||
padding: $card-header-padding
|
|
||||||
|
|
||||||
.card-image
|
|
||||||
display: block
|
|
||||||
position: relative
|
|
||||||
&:first-child
|
|
||||||
img
|
|
||||||
border-top-left-radius: $card-radius
|
|
||||||
border-top-right-radius: $card-radius
|
|
||||||
&:last-child
|
|
||||||
img
|
|
||||||
border-bottom-left-radius: $card-radius
|
|
||||||
border-bottom-right-radius: $card-radius
|
|
||||||
|
|
||||||
.card-content
|
|
||||||
@extend %card-item
|
|
||||||
background-color: $card-content-background-color
|
|
||||||
padding: $card-content-padding
|
|
||||||
|
|
||||||
.card-footer
|
|
||||||
@extend %card-item
|
|
||||||
background-color: $card-footer-background-color
|
|
||||||
border-top: $card-footer-border-top
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
.card-footer-item
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
flex-basis: 0
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
justify-content: center
|
|
||||||
padding: $card-footer-padding
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr-property("border", $card-footer-border-top)
|
|
||||||
|
|
||||||
// Combinations
|
|
||||||
|
|
||||||
.card
|
|
||||||
.media:not(:last-child)
|
|
||||||
margin-bottom: $card-media-margin
|
|
||||||
|
|
@ -1,83 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$dropdown-menu-min-width: 12rem !default
|
|
||||||
|
|
||||||
$dropdown-content-background-color: $scheme-main !default
|
|
||||||
$dropdown-content-arrow: $link !default
|
|
||||||
$dropdown-content-offset: 4px !default
|
|
||||||
$dropdown-content-padding-bottom: 0.5rem !default
|
|
||||||
$dropdown-content-padding-top: 0.5rem !default
|
|
||||||
$dropdown-content-radius: $radius !default
|
|
||||||
$dropdown-content-shadow: $shadow !default
|
|
||||||
$dropdown-content-z: 20 !default
|
|
||||||
|
|
||||||
$dropdown-item-color: $text !default
|
|
||||||
$dropdown-item-hover-color: $scheme-invert !default
|
|
||||||
$dropdown-item-hover-background-color: $background !default
|
|
||||||
$dropdown-item-active-color: $link-invert !default
|
|
||||||
$dropdown-item-active-background-color: $link !default
|
|
||||||
|
|
||||||
$dropdown-divider-background-color: $border-light !default
|
|
||||||
|
|
||||||
.dropdown
|
|
||||||
display: inline-flex
|
|
||||||
position: relative
|
|
||||||
vertical-align: top
|
|
||||||
&.is-active,
|
|
||||||
&.is-hoverable:hover
|
|
||||||
.dropdown-menu
|
|
||||||
display: block
|
|
||||||
&.is-right
|
|
||||||
.dropdown-menu
|
|
||||||
left: auto
|
|
||||||
right: 0
|
|
||||||
&.is-up
|
|
||||||
.dropdown-menu
|
|
||||||
bottom: 100%
|
|
||||||
padding-bottom: $dropdown-content-offset
|
|
||||||
padding-top: initial
|
|
||||||
top: auto
|
|
||||||
|
|
||||||
.dropdown-menu
|
|
||||||
display: none
|
|
||||||
+ltr-position(0, false)
|
|
||||||
min-width: $dropdown-menu-min-width
|
|
||||||
padding-top: $dropdown-content-offset
|
|
||||||
position: absolute
|
|
||||||
top: 100%
|
|
||||||
z-index: $dropdown-content-z
|
|
||||||
|
|
||||||
.dropdown-content
|
|
||||||
background-color: $dropdown-content-background-color
|
|
||||||
border-radius: $dropdown-content-radius
|
|
||||||
box-shadow: $dropdown-content-shadow
|
|
||||||
padding-bottom: $dropdown-content-padding-bottom
|
|
||||||
padding-top: $dropdown-content-padding-top
|
|
||||||
|
|
||||||
.dropdown-item
|
|
||||||
color: $dropdown-item-color
|
|
||||||
display: block
|
|
||||||
font-size: 0.875rem
|
|
||||||
line-height: 1.5
|
|
||||||
padding: 0.375rem 1rem
|
|
||||||
position: relative
|
|
||||||
|
|
||||||
a.dropdown-item,
|
|
||||||
button.dropdown-item
|
|
||||||
+ltr-property("padding", 3rem)
|
|
||||||
text-align: inherit
|
|
||||||
white-space: nowrap
|
|
||||||
width: 100%
|
|
||||||
&:hover
|
|
||||||
background-color: $dropdown-item-hover-background-color
|
|
||||||
color: $dropdown-item-hover-color
|
|
||||||
&.is-active
|
|
||||||
background-color: $dropdown-item-active-background-color
|
|
||||||
color: $dropdown-item-active-color
|
|
||||||
|
|
||||||
.dropdown-divider
|
|
||||||
background-color: $dropdown-divider-background-color
|
|
||||||
border: none
|
|
||||||
display: block
|
|
||||||
height: 1px
|
|
||||||
margin: 0.5rem 0
|
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$level-item-spacing: ($block-spacing * 0.5) !default
|
|
||||||
|
|
||||||
.level
|
|
||||||
@extend %block
|
|
||||||
align-items: center
|
|
||||||
justify-content: space-between
|
|
||||||
code
|
|
||||||
border-radius: $radius
|
|
||||||
img
|
|
||||||
display: inline-block
|
|
||||||
vertical-align: top
|
|
||||||
// Modifiers
|
|
||||||
&.is-mobile
|
|
||||||
display: flex
|
|
||||||
.level-left,
|
|
||||||
.level-right
|
|
||||||
display: flex
|
|
||||||
.level-left + .level-right
|
|
||||||
margin-top: 0
|
|
||||||
.level-item
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0
|
|
||||||
+ltr-property("margin", $level-item-spacing)
|
|
||||||
&:not(.is-narrow)
|
|
||||||
flex-grow: 1
|
|
||||||
// Responsiveness
|
|
||||||
+tablet
|
|
||||||
display: flex
|
|
||||||
& > .level-item
|
|
||||||
&:not(.is-narrow)
|
|
||||||
flex-grow: 1
|
|
||||||
|
|
||||||
.level-item
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
flex-basis: auto
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
justify-content: center
|
|
||||||
.title,
|
|
||||||
.subtitle
|
|
||||||
margin-bottom: 0
|
|
||||||
// Responsiveness
|
|
||||||
+mobile
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: $level-item-spacing
|
|
||||||
|
|
||||||
.level-left,
|
|
||||||
.level-right
|
|
||||||
flex-basis: auto
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
.level-item
|
|
||||||
// Modifiers
|
|
||||||
&.is-flexible
|
|
||||||
flex-grow: 1
|
|
||||||
// Responsiveness
|
|
||||||
+tablet
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr-property("margin", $level-item-spacing)
|
|
||||||
|
|
||||||
.level-left
|
|
||||||
align-items: center
|
|
||||||
justify-content: flex-start
|
|
||||||
// Responsiveness
|
|
||||||
+mobile
|
|
||||||
& + .level-right
|
|
||||||
margin-top: 1.5rem
|
|
||||||
+tablet
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
.level-right
|
|
||||||
align-items: center
|
|
||||||
justify-content: flex-end
|
|
||||||
// Responsiveness
|
|
||||||
+tablet
|
|
||||||
display: flex
|
|
||||||
|
|
@ -1,59 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$media-border-color: bulmaRgba($border, 0.5) !default
|
|
||||||
$media-border-size: 1px !default
|
|
||||||
$media-spacing: 1rem !default
|
|
||||||
$media-spacing-large: 1.5rem !default
|
|
||||||
$media-content-spacing: 0.75rem !default
|
|
||||||
$media-level-1-spacing: 0.75rem !default
|
|
||||||
$media-level-1-content-spacing: 0.5rem !default
|
|
||||||
$media-level-2-spacing: 0.5rem !default
|
|
||||||
|
|
||||||
.media
|
|
||||||
align-items: flex-start
|
|
||||||
display: flex
|
|
||||||
text-align: inherit
|
|
||||||
.content:not(:last-child)
|
|
||||||
margin-bottom: $media-content-spacing
|
|
||||||
.media
|
|
||||||
border-top: $media-border-size solid $media-border-color
|
|
||||||
display: flex
|
|
||||||
padding-top: $media-level-1-spacing
|
|
||||||
.content:not(:last-child),
|
|
||||||
.control:not(:last-child)
|
|
||||||
margin-bottom: $media-level-1-content-spacing
|
|
||||||
.media
|
|
||||||
padding-top: $media-level-2-spacing
|
|
||||||
& + .media
|
|
||||||
margin-top: $media-level-2-spacing
|
|
||||||
& + .media
|
|
||||||
border-top: $media-border-size solid $media-border-color
|
|
||||||
margin-top: $media-spacing
|
|
||||||
padding-top: $media-spacing
|
|
||||||
// Sizes
|
|
||||||
&.is-large
|
|
||||||
& + .media
|
|
||||||
margin-top: $media-spacing-large
|
|
||||||
padding-top: $media-spacing-large
|
|
||||||
|
|
||||||
.media-left,
|
|
||||||
.media-right
|
|
||||||
flex-basis: auto
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
|
|
||||||
.media-left
|
|
||||||
+ltr-property("margin", $media-spacing)
|
|
||||||
|
|
||||||
.media-right
|
|
||||||
+ltr-property("margin", $media-spacing, false)
|
|
||||||
|
|
||||||
.media-content
|
|
||||||
flex-basis: auto
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
text-align: inherit
|
|
||||||
|
|
||||||
+mobile
|
|
||||||
.media-content
|
|
||||||
overflow-x: auto
|
|
||||||
|
|
@ -1,59 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$menu-item-color: $text !default
|
|
||||||
$menu-item-radius: $radius-small !default
|
|
||||||
$menu-item-hover-color: $text-strong !default
|
|
||||||
$menu-item-hover-background-color: $background !default
|
|
||||||
$menu-item-active-color: $link-invert !default
|
|
||||||
$menu-item-active-background-color: $link !default
|
|
||||||
|
|
||||||
$menu-list-border-left: 1px solid $border !default
|
|
||||||
$menu-list-line-height: 1.25 !default
|
|
||||||
$menu-list-link-padding: 0.5em 0.75em !default
|
|
||||||
$menu-nested-list-margin: 0.75em !default
|
|
||||||
$menu-nested-list-padding-left: 0.75em !default
|
|
||||||
|
|
||||||
$menu-label-color: $text-light !default
|
|
||||||
$menu-label-font-size: 0.75em !default
|
|
||||||
$menu-label-letter-spacing: 0.1em !default
|
|
||||||
$menu-label-spacing: 1em !default
|
|
||||||
|
|
||||||
.menu
|
|
||||||
font-size: $size-normal
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
||||||
.menu-list
|
|
||||||
line-height: $menu-list-line-height
|
|
||||||
a
|
|
||||||
border-radius: $menu-item-radius
|
|
||||||
color: $menu-item-color
|
|
||||||
display: block
|
|
||||||
padding: $menu-list-link-padding
|
|
||||||
&:hover
|
|
||||||
background-color: $menu-item-hover-background-color
|
|
||||||
color: $menu-item-hover-color
|
|
||||||
// Modifiers
|
|
||||||
&.is-active
|
|
||||||
background-color: $menu-item-active-background-color
|
|
||||||
color: $menu-item-active-color
|
|
||||||
li
|
|
||||||
ul
|
|
||||||
+ltr-property("border", $menu-list-border-left, false)
|
|
||||||
margin: $menu-nested-list-margin
|
|
||||||
+ltr-property("padding", $menu-nested-list-padding-left, false)
|
|
||||||
|
|
||||||
.menu-label
|
|
||||||
color: $menu-label-color
|
|
||||||
font-size: $menu-label-font-size
|
|
||||||
letter-spacing: $menu-label-letter-spacing
|
|
||||||
text-transform: uppercase
|
|
||||||
&:not(:first-child)
|
|
||||||
margin-top: $menu-label-spacing
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: $menu-label-spacing
|
|
||||||
|
|
@ -1,101 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$message-background-color: $background !default
|
|
||||||
$message-radius: $radius !default
|
|
||||||
|
|
||||||
$message-header-background-color: $text !default
|
|
||||||
$message-header-color: $text-invert !default
|
|
||||||
$message-header-weight: $weight-bold !default
|
|
||||||
$message-header-padding: 0.75em 1em !default
|
|
||||||
$message-header-radius: $radius !default
|
|
||||||
|
|
||||||
$message-body-border-color: $border !default
|
|
||||||
$message-body-border-width: 0 0 0 4px !default
|
|
||||||
$message-body-color: $text !default
|
|
||||||
$message-body-padding: 1.25em 1.5em !default
|
|
||||||
$message-body-radius: $radius !default
|
|
||||||
|
|
||||||
$message-body-pre-background-color: $scheme-main !default
|
|
||||||
$message-body-pre-code-background-color: transparent !default
|
|
||||||
|
|
||||||
$message-header-body-border-width: 0 !default
|
|
||||||
$message-colors: $colors !default
|
|
||||||
|
|
||||||
.message
|
|
||||||
@extend %block
|
|
||||||
background-color: $message-background-color
|
|
||||||
border-radius: $message-radius
|
|
||||||
font-size: $size-normal
|
|
||||||
strong
|
|
||||||
color: currentColor
|
|
||||||
a:not(.button):not(.tag):not(.dropdown-item)
|
|
||||||
color: currentColor
|
|
||||||
text-decoration: underline
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
// Colors
|
|
||||||
@each $name, $components in $message-colors
|
|
||||||
$color: nth($components, 1)
|
|
||||||
$color-invert: nth($components, 2)
|
|
||||||
$color-light: null
|
|
||||||
$color-dark: null
|
|
||||||
|
|
||||||
@if length($components) >= 3
|
|
||||||
$color-light: nth($components, 3)
|
|
||||||
@if length($components) >= 4
|
|
||||||
$color-dark: nth($components, 4)
|
|
||||||
@else
|
|
||||||
$color-luminance: colorLuminance($color)
|
|
||||||
$darken-percentage: $color-luminance * 70%
|
|
||||||
$desaturate-percentage: $color-luminance * 30%
|
|
||||||
$color-dark: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
|
|
||||||
@else
|
|
||||||
$color-lightning: max((100% - lightness($color)) - 2%, 0%)
|
|
||||||
$color-light: lighten($color, $color-lightning)
|
|
||||||
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color-light
|
|
||||||
.message-header
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
.message-body
|
|
||||||
border-color: $color
|
|
||||||
color: $color-dark
|
|
||||||
|
|
||||||
.message-header
|
|
||||||
align-items: center
|
|
||||||
background-color: $message-header-background-color
|
|
||||||
border-radius: $message-header-radius $message-header-radius 0 0
|
|
||||||
color: $message-header-color
|
|
||||||
display: flex
|
|
||||||
font-weight: $message-header-weight
|
|
||||||
justify-content: space-between
|
|
||||||
line-height: 1.25
|
|
||||||
padding: $message-header-padding
|
|
||||||
position: relative
|
|
||||||
.delete
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
+ltr-property("margin", 0.75em, false)
|
|
||||||
& + .message-body
|
|
||||||
border-width: $message-header-body-border-width
|
|
||||||
border-top-left-radius: 0
|
|
||||||
border-top-right-radius: 0
|
|
||||||
|
|
||||||
.message-body
|
|
||||||
border-color: $message-body-border-color
|
|
||||||
border-radius: $message-body-radius
|
|
||||||
border-style: solid
|
|
||||||
border-width: $message-body-border-width
|
|
||||||
color: $message-body-color
|
|
||||||
padding: $message-body-padding
|
|
||||||
code,
|
|
||||||
pre
|
|
||||||
background-color: $message-body-pre-background-color
|
|
||||||
pre code
|
|
||||||
background-color: $message-body-pre-code-background-color
|
|
||||||
|
|
@ -1,117 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$modal-z: 40 !default
|
|
||||||
|
|
||||||
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
|
|
||||||
|
|
||||||
$modal-content-width: 640px !default
|
|
||||||
$modal-content-margin-mobile: 20px !default
|
|
||||||
$modal-content-spacing-mobile: 160px !default
|
|
||||||
$modal-content-spacing-tablet: 40px !default
|
|
||||||
|
|
||||||
$modal-close-dimensions: 40px !default
|
|
||||||
$modal-close-right: 20px !default
|
|
||||||
$modal-close-top: 20px !default
|
|
||||||
|
|
||||||
$modal-card-spacing: 40px !default
|
|
||||||
|
|
||||||
$modal-card-head-background-color: $background !default
|
|
||||||
$modal-card-head-border-bottom: 1px solid $border !default
|
|
||||||
$modal-card-head-padding: 20px !default
|
|
||||||
$modal-card-head-radius: $radius-large !default
|
|
||||||
|
|
||||||
$modal-card-title-color: $text-strong !default
|
|
||||||
$modal-card-title-line-height: 1 !default
|
|
||||||
$modal-card-title-size: $size-4 !default
|
|
||||||
|
|
||||||
$modal-card-foot-radius: $radius-large !default
|
|
||||||
$modal-card-foot-border-top: 1px solid $border !default
|
|
||||||
|
|
||||||
$modal-card-body-background-color: $scheme-main !default
|
|
||||||
$modal-card-body-padding: 20px !default
|
|
||||||
|
|
||||||
$modal-breakpoint: $tablet !default
|
|
||||||
|
|
||||||
.modal
|
|
||||||
@extend %overlay
|
|
||||||
align-items: center
|
|
||||||
display: none
|
|
||||||
flex-direction: column
|
|
||||||
justify-content: center
|
|
||||||
overflow: hidden
|
|
||||||
position: fixed
|
|
||||||
z-index: $modal-z
|
|
||||||
// Modifiers
|
|
||||||
&.is-active
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
.modal-background
|
|
||||||
@extend %overlay
|
|
||||||
background-color: $modal-background-background-color
|
|
||||||
|
|
||||||
.modal-content,
|
|
||||||
.modal-card
|
|
||||||
margin: 0 $modal-content-margin-mobile
|
|
||||||
max-height: calc(100vh - #{$modal-content-spacing-mobile})
|
|
||||||
overflow: auto
|
|
||||||
position: relative
|
|
||||||
width: 100%
|
|
||||||
// Responsiveness
|
|
||||||
+from($modal-breakpoint)
|
|
||||||
margin: 0 auto
|
|
||||||
max-height: calc(100vh - #{$modal-content-spacing-tablet})
|
|
||||||
width: $modal-content-width
|
|
||||||
|
|
||||||
.modal-close
|
|
||||||
@extend %delete
|
|
||||||
background: none
|
|
||||||
height: $modal-close-dimensions
|
|
||||||
position: fixed
|
|
||||||
+ltr-position($modal-close-right)
|
|
||||||
top: $modal-close-top
|
|
||||||
width: $modal-close-dimensions
|
|
||||||
|
|
||||||
.modal-card
|
|
||||||
display: flex
|
|
||||||
flex-direction: column
|
|
||||||
max-height: calc(100vh - #{$modal-card-spacing})
|
|
||||||
overflow: hidden
|
|
||||||
-ms-overflow-y: visible
|
|
||||||
|
|
||||||
.modal-card-head,
|
|
||||||
.modal-card-foot
|
|
||||||
align-items: center
|
|
||||||
background-color: $modal-card-head-background-color
|
|
||||||
display: flex
|
|
||||||
flex-shrink: 0
|
|
||||||
justify-content: flex-start
|
|
||||||
padding: $modal-card-head-padding
|
|
||||||
position: relative
|
|
||||||
|
|
||||||
.modal-card-head
|
|
||||||
border-bottom: $modal-card-head-border-bottom
|
|
||||||
border-top-left-radius: $modal-card-head-radius
|
|
||||||
border-top-right-radius: $modal-card-head-radius
|
|
||||||
|
|
||||||
.modal-card-title
|
|
||||||
color: $modal-card-title-color
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
font-size: $modal-card-title-size
|
|
||||||
line-height: $modal-card-title-line-height
|
|
||||||
|
|
||||||
.modal-card-foot
|
|
||||||
border-bottom-left-radius: $modal-card-foot-radius
|
|
||||||
border-bottom-right-radius: $modal-card-foot-radius
|
|
||||||
border-top: $modal-card-foot-border-top
|
|
||||||
.button
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr-property("margin", 0.5em)
|
|
||||||
|
|
||||||
.modal-card-body
|
|
||||||
+overflow-touch
|
|
||||||
background-color: $modal-card-body-background-color
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
overflow: auto
|
|
||||||
padding: $modal-card-body-padding
|
|
||||||
|
|
@ -1,446 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$navbar-background-color: $scheme-main !default
|
|
||||||
$navbar-box-shadow-size: 0 2px 0 0 !default
|
|
||||||
$navbar-box-shadow-color: $background !default
|
|
||||||
$navbar-height: 3.25rem !default
|
|
||||||
$navbar-padding-vertical: 1rem !default
|
|
||||||
$navbar-padding-horizontal: 2rem !default
|
|
||||||
$navbar-z: 30 !default
|
|
||||||
$navbar-fixed-z: 30 !default
|
|
||||||
|
|
||||||
$navbar-item-color: $text !default
|
|
||||||
$navbar-item-hover-color: $link !default
|
|
||||||
$navbar-item-hover-background-color: $scheme-main-bis !default
|
|
||||||
$navbar-item-active-color: $scheme-invert !default
|
|
||||||
$navbar-item-active-background-color: transparent !default
|
|
||||||
$navbar-item-img-max-height: 1.75rem !default
|
|
||||||
|
|
||||||
$navbar-burger-color: $navbar-item-color !default
|
|
||||||
|
|
||||||
$navbar-tab-hover-background-color: transparent !default
|
|
||||||
$navbar-tab-hover-border-bottom-color: $link !default
|
|
||||||
$navbar-tab-active-color: $link !default
|
|
||||||
$navbar-tab-active-background-color: transparent !default
|
|
||||||
$navbar-tab-active-border-bottom-color: $link !default
|
|
||||||
$navbar-tab-active-border-bottom-style: solid !default
|
|
||||||
$navbar-tab-active-border-bottom-width: 3px !default
|
|
||||||
|
|
||||||
$navbar-dropdown-background-color: $scheme-main !default
|
|
||||||
$navbar-dropdown-border-top: 2px solid $border !default
|
|
||||||
$navbar-dropdown-offset: -4px !default
|
|
||||||
$navbar-dropdown-arrow: $link !default
|
|
||||||
$navbar-dropdown-radius: $radius-large !default
|
|
||||||
$navbar-dropdown-z: 20 !default
|
|
||||||
|
|
||||||
$navbar-dropdown-boxed-radius: $radius-large !default
|
|
||||||
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
|
|
||||||
|
|
||||||
$navbar-dropdown-item-hover-color: $scheme-invert !default
|
|
||||||
$navbar-dropdown-item-hover-background-color: $background !default
|
|
||||||
$navbar-dropdown-item-active-color: $link !default
|
|
||||||
$navbar-dropdown-item-active-background-color: $background !default
|
|
||||||
|
|
||||||
$navbar-divider-background-color: $background !default
|
|
||||||
$navbar-divider-height: 2px !default
|
|
||||||
|
|
||||||
$navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
|
|
||||||
|
|
||||||
$navbar-breakpoint: $desktop !default
|
|
||||||
|
|
||||||
$navbar-colors: $colors !default
|
|
||||||
|
|
||||||
=navbar-fixed
|
|
||||||
left: 0
|
|
||||||
position: fixed
|
|
||||||
right: 0
|
|
||||||
z-index: $navbar-fixed-z
|
|
||||||
|
|
||||||
.navbar
|
|
||||||
background-color: $navbar-background-color
|
|
||||||
min-height: $navbar-height
|
|
||||||
position: relative
|
|
||||||
z-index: $navbar-z
|
|
||||||
@each $name, $pair in $navbar-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
.navbar-brand
|
|
||||||
& > .navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
color: $color-invert
|
|
||||||
& > a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
&:focus,
|
|
||||||
&:hover,
|
|
||||||
&.is-active
|
|
||||||
background-color: bulmaDarken($color, 5%)
|
|
||||||
color: $color-invert
|
|
||||||
.navbar-link
|
|
||||||
&::after
|
|
||||||
border-color: $color-invert
|
|
||||||
.navbar-burger
|
|
||||||
color: $color-invert
|
|
||||||
+from($navbar-breakpoint)
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end
|
|
||||||
& > .navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
color: $color-invert
|
|
||||||
& > a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
&:focus,
|
|
||||||
&:hover,
|
|
||||||
&.is-active
|
|
||||||
background-color: bulmaDarken($color, 5%)
|
|
||||||
color: $color-invert
|
|
||||||
.navbar-link
|
|
||||||
&::after
|
|
||||||
border-color: $color-invert
|
|
||||||
.navbar-item.has-dropdown:focus .navbar-link,
|
|
||||||
.navbar-item.has-dropdown:hover .navbar-link,
|
|
||||||
.navbar-item.has-dropdown.is-active .navbar-link
|
|
||||||
background-color: bulmaDarken($color, 5%)
|
|
||||||
color: $color-invert
|
|
||||||
.navbar-dropdown
|
|
||||||
a.navbar-item
|
|
||||||
&.is-active
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
& > .container
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
min-height: $navbar-height
|
|
||||||
width: 100%
|
|
||||||
&.has-shadow
|
|
||||||
box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
|
|
||||||
&.is-fixed-bottom,
|
|
||||||
&.is-fixed-top
|
|
||||||
+navbar-fixed
|
|
||||||
&.is-fixed-bottom
|
|
||||||
bottom: 0
|
|
||||||
&.has-shadow
|
|
||||||
box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color
|
|
||||||
&.is-fixed-top
|
|
||||||
top: 0
|
|
||||||
|
|
||||||
html,
|
|
||||||
body
|
|
||||||
&.has-navbar-fixed-top
|
|
||||||
padding-top: $navbar-height
|
|
||||||
&.has-navbar-fixed-bottom
|
|
||||||
padding-bottom: $navbar-height
|
|
||||||
|
|
||||||
.navbar-brand,
|
|
||||||
.navbar-tabs
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
flex-shrink: 0
|
|
||||||
min-height: $navbar-height
|
|
||||||
|
|
||||||
.navbar-brand
|
|
||||||
a.navbar-item
|
|
||||||
&:focus,
|
|
||||||
&:hover
|
|
||||||
background-color: transparent
|
|
||||||
|
|
||||||
.navbar-tabs
|
|
||||||
+overflow-touch
|
|
||||||
max-width: 100vw
|
|
||||||
overflow-x: auto
|
|
||||||
overflow-y: hidden
|
|
||||||
|
|
||||||
.navbar-burger
|
|
||||||
@extend %reset
|
|
||||||
color: $navbar-burger-color
|
|
||||||
+hamburger($navbar-height)
|
|
||||||
+ltr-property("margin", auto, false)
|
|
||||||
|
|
||||||
.navbar-menu
|
|
||||||
display: none
|
|
||||||
|
|
||||||
.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
color: $navbar-item-color
|
|
||||||
display: block
|
|
||||||
line-height: 1.5
|
|
||||||
padding: 0.5rem 0.75rem
|
|
||||||
position: relative
|
|
||||||
.icon
|
|
||||||
&:only-child
|
|
||||||
margin-left: -0.25rem
|
|
||||||
margin-right: -0.25rem
|
|
||||||
|
|
||||||
a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
cursor: pointer
|
|
||||||
&:focus,
|
|
||||||
&:focus-within,
|
|
||||||
&:hover,
|
|
||||||
&.is-active
|
|
||||||
background-color: $navbar-item-hover-background-color
|
|
||||||
color: $navbar-item-hover-color
|
|
||||||
|
|
||||||
.navbar-item
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
img
|
|
||||||
max-height: $navbar-item-img-max-height
|
|
||||||
&.has-dropdown
|
|
||||||
padding: 0
|
|
||||||
&.is-expanded
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
&.is-tab
|
|
||||||
border-bottom: 1px solid transparent
|
|
||||||
min-height: $navbar-height
|
|
||||||
padding-bottom: calc(0.5rem - 1px)
|
|
||||||
&:focus,
|
|
||||||
&:hover
|
|
||||||
background-color: $navbar-tab-hover-background-color
|
|
||||||
border-bottom-color: $navbar-tab-hover-border-bottom-color
|
|
||||||
&.is-active
|
|
||||||
background-color: $navbar-tab-active-background-color
|
|
||||||
border-bottom-color: $navbar-tab-active-border-bottom-color
|
|
||||||
border-bottom-style: $navbar-tab-active-border-bottom-style
|
|
||||||
border-bottom-width: $navbar-tab-active-border-bottom-width
|
|
||||||
color: $navbar-tab-active-color
|
|
||||||
padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width})
|
|
||||||
|
|
||||||
.navbar-content
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
|
|
||||||
.navbar-link:not(.is-arrowless)
|
|
||||||
+ltr-property("padding", 2.5em)
|
|
||||||
&::after
|
|
||||||
@extend %arrow
|
|
||||||
border-color: $navbar-dropdown-arrow
|
|
||||||
margin-top: -0.375em
|
|
||||||
+ltr-position(1.125em)
|
|
||||||
|
|
||||||
.navbar-dropdown
|
|
||||||
font-size: 0.875rem
|
|
||||||
padding-bottom: 0.5rem
|
|
||||||
padding-top: 0.5rem
|
|
||||||
.navbar-item
|
|
||||||
padding-left: 1.5rem
|
|
||||||
padding-right: 1.5rem
|
|
||||||
|
|
||||||
.navbar-divider
|
|
||||||
background-color: $navbar-divider-background-color
|
|
||||||
border: none
|
|
||||||
display: none
|
|
||||||
height: $navbar-divider-height
|
|
||||||
margin: 0.5rem 0
|
|
||||||
|
|
||||||
+until($navbar-breakpoint)
|
|
||||||
.navbar > .container
|
|
||||||
display: block
|
|
||||||
.navbar-brand,
|
|
||||||
.navbar-tabs
|
|
||||||
.navbar-item
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
.navbar-link
|
|
||||||
&::after
|
|
||||||
display: none
|
|
||||||
.navbar-menu
|
|
||||||
background-color: $navbar-background-color
|
|
||||||
box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
|
|
||||||
padding: 0.5rem 0
|
|
||||||
&.is-active
|
|
||||||
display: block
|
|
||||||
// Fixed navbar
|
|
||||||
.navbar
|
|
||||||
&.is-fixed-bottom-touch,
|
|
||||||
&.is-fixed-top-touch
|
|
||||||
+navbar-fixed
|
|
||||||
&.is-fixed-bottom-touch
|
|
||||||
bottom: 0
|
|
||||||
&.has-shadow
|
|
||||||
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
|
|
||||||
&.is-fixed-top-touch
|
|
||||||
top: 0
|
|
||||||
&.is-fixed-top,
|
|
||||||
&.is-fixed-top-touch
|
|
||||||
.navbar-menu
|
|
||||||
+overflow-touch
|
|
||||||
max-height: calc(100vh - #{$navbar-height})
|
|
||||||
overflow: auto
|
|
||||||
html,
|
|
||||||
body
|
|
||||||
&.has-navbar-fixed-top-touch
|
|
||||||
padding-top: $navbar-height
|
|
||||||
&.has-navbar-fixed-bottom-touch
|
|
||||||
padding-bottom: $navbar-height
|
|
||||||
|
|
||||||
+from($navbar-breakpoint)
|
|
||||||
.navbar,
|
|
||||||
.navbar-menu,
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
.navbar
|
|
||||||
min-height: $navbar-height
|
|
||||||
&.is-spaced
|
|
||||||
padding: $navbar-padding-vertical $navbar-padding-horizontal
|
|
||||||
.navbar-start,
|
|
||||||
.navbar-end
|
|
||||||
align-items: center
|
|
||||||
a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
border-radius: $radius
|
|
||||||
&.is-transparent
|
|
||||||
a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
&:focus,
|
|
||||||
&:hover,
|
|
||||||
&.is-active
|
|
||||||
background-color: transparent !important
|
|
||||||
.navbar-item.has-dropdown
|
|
||||||
&.is-active,
|
|
||||||
&.is-hoverable:focus,
|
|
||||||
&.is-hoverable:focus-within,
|
|
||||||
&.is-hoverable:hover
|
|
||||||
.navbar-link
|
|
||||||
background-color: transparent !important
|
|
||||||
.navbar-dropdown
|
|
||||||
a.navbar-item
|
|
||||||
&:focus,
|
|
||||||
&:hover
|
|
||||||
background-color: $navbar-dropdown-item-hover-background-color
|
|
||||||
color: $navbar-dropdown-item-hover-color
|
|
||||||
&.is-active
|
|
||||||
background-color: $navbar-dropdown-item-active-background-color
|
|
||||||
color: $navbar-dropdown-item-active-color
|
|
||||||
.navbar-burger
|
|
||||||
display: none
|
|
||||||
.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
.navbar-item
|
|
||||||
&.has-dropdown
|
|
||||||
align-items: stretch
|
|
||||||
&.has-dropdown-up
|
|
||||||
.navbar-link::after
|
|
||||||
transform: rotate(135deg) translate(0.25em, -0.25em)
|
|
||||||
.navbar-dropdown
|
|
||||||
border-bottom: $navbar-dropdown-border-top
|
|
||||||
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
|
|
||||||
border-top: none
|
|
||||||
bottom: 100%
|
|
||||||
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
|
|
||||||
top: auto
|
|
||||||
&.is-active,
|
|
||||||
&.is-hoverable:focus,
|
|
||||||
&.is-hoverable:focus-within,
|
|
||||||
&.is-hoverable:hover
|
|
||||||
.navbar-dropdown
|
|
||||||
display: block
|
|
||||||
.navbar.is-spaced &,
|
|
||||||
&.is-boxed
|
|
||||||
opacity: 1
|
|
||||||
pointer-events: auto
|
|
||||||
transform: translateY(0)
|
|
||||||
.navbar-menu
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
.navbar-start
|
|
||||||
justify-content: flex-start
|
|
||||||
+ltr-property("margin", auto)
|
|
||||||
.navbar-end
|
|
||||||
justify-content: flex-end
|
|
||||||
+ltr-property("margin", auto, false)
|
|
||||||
.navbar-dropdown
|
|
||||||
background-color: $navbar-dropdown-background-color
|
|
||||||
border-bottom-left-radius: $navbar-dropdown-radius
|
|
||||||
border-bottom-right-radius: $navbar-dropdown-radius
|
|
||||||
border-top: $navbar-dropdown-border-top
|
|
||||||
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
|
|
||||||
display: none
|
|
||||||
font-size: 0.875rem
|
|
||||||
+ltr-position(0, false)
|
|
||||||
min-width: 100%
|
|
||||||
position: absolute
|
|
||||||
top: 100%
|
|
||||||
z-index: $navbar-dropdown-z
|
|
||||||
.navbar-item
|
|
||||||
padding: 0.375rem 1rem
|
|
||||||
white-space: nowrap
|
|
||||||
a.navbar-item
|
|
||||||
+ltr-property("padding", 3rem)
|
|
||||||
&:focus,
|
|
||||||
&:hover
|
|
||||||
background-color: $navbar-dropdown-item-hover-background-color
|
|
||||||
color: $navbar-dropdown-item-hover-color
|
|
||||||
&.is-active
|
|
||||||
background-color: $navbar-dropdown-item-active-background-color
|
|
||||||
color: $navbar-dropdown-item-active-color
|
|
||||||
.navbar.is-spaced &,
|
|
||||||
&.is-boxed
|
|
||||||
border-radius: $navbar-dropdown-boxed-radius
|
|
||||||
border-top: none
|
|
||||||
box-shadow: $navbar-dropdown-boxed-shadow
|
|
||||||
display: block
|
|
||||||
opacity: 0
|
|
||||||
pointer-events: none
|
|
||||||
top: calc(100% + (#{$navbar-dropdown-offset}))
|
|
||||||
transform: translateY(-5px)
|
|
||||||
transition-duration: $speed
|
|
||||||
transition-property: opacity, transform
|
|
||||||
&.is-right
|
|
||||||
left: auto
|
|
||||||
right: 0
|
|
||||||
.navbar-divider
|
|
||||||
display: block
|
|
||||||
.navbar > .container,
|
|
||||||
.container > .navbar
|
|
||||||
.navbar-brand
|
|
||||||
+ltr-property("margin", -.75rem, false)
|
|
||||||
.navbar-menu
|
|
||||||
+ltr-property("margin", -.75rem)
|
|
||||||
// Fixed navbar
|
|
||||||
.navbar
|
|
||||||
&.is-fixed-bottom-desktop,
|
|
||||||
&.is-fixed-top-desktop
|
|
||||||
+navbar-fixed
|
|
||||||
&.is-fixed-bottom-desktop
|
|
||||||
bottom: 0
|
|
||||||
&.has-shadow
|
|
||||||
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
|
|
||||||
&.is-fixed-top-desktop
|
|
||||||
top: 0
|
|
||||||
html,
|
|
||||||
body
|
|
||||||
&.has-navbar-fixed-top-desktop
|
|
||||||
padding-top: $navbar-height
|
|
||||||
&.has-navbar-fixed-bottom-desktop
|
|
||||||
padding-bottom: $navbar-height
|
|
||||||
&.has-spaced-navbar-fixed-top
|
|
||||||
padding-top: $navbar-height + ($navbar-padding-vertical * 2)
|
|
||||||
&.has-spaced-navbar-fixed-bottom
|
|
||||||
padding-bottom: $navbar-height + ($navbar-padding-vertical * 2)
|
|
||||||
// Hover/Active states
|
|
||||||
a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
&.is-active
|
|
||||||
color: $navbar-item-active-color
|
|
||||||
&.is-active:not(:focus):not(:hover)
|
|
||||||
background-color: $navbar-item-active-background-color
|
|
||||||
.navbar-item.has-dropdown
|
|
||||||
&:focus,
|
|
||||||
&:hover,
|
|
||||||
&.is-active
|
|
||||||
.navbar-link
|
|
||||||
background-color: $navbar-item-hover-background-color
|
|
||||||
|
|
||||||
// Combination
|
|
||||||
|
|
||||||
.hero
|
|
||||||
&.is-fullheight-with-navbar
|
|
||||||
min-height: calc(100vh - #{$navbar-height})
|
|
||||||
|
|
@ -1,166 +0,0 @@
|
||||||
@import "../utilities/controls"
|
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$pagination-color: $text-strong !default
|
|
||||||
$pagination-border-color: $border !default
|
|
||||||
$pagination-margin: -0.25rem !default
|
|
||||||
$pagination-min-width: $control-height !default
|
|
||||||
|
|
||||||
$pagination-item-font-size: 1em !default
|
|
||||||
$pagination-item-margin: 0.25rem !default
|
|
||||||
$pagination-item-padding-left: 0.5em !default
|
|
||||||
$pagination-item-padding-right: 0.5em !default
|
|
||||||
|
|
||||||
$pagination-nav-padding-left: 0.75em !default
|
|
||||||
$pagination-nav-padding-right: 0.75em !default
|
|
||||||
|
|
||||||
$pagination-hover-color: $link-hover !default
|
|
||||||
$pagination-hover-border-color: $link-hover-border !default
|
|
||||||
|
|
||||||
$pagination-focus-color: $link-focus !default
|
|
||||||
$pagination-focus-border-color: $link-focus-border !default
|
|
||||||
|
|
||||||
$pagination-active-color: $link-active !default
|
|
||||||
$pagination-active-border-color: $link-active-border !default
|
|
||||||
|
|
||||||
$pagination-disabled-color: $text-light !default
|
|
||||||
$pagination-disabled-background-color: $border !default
|
|
||||||
$pagination-disabled-border-color: $border !default
|
|
||||||
|
|
||||||
$pagination-current-color: $link-invert !default
|
|
||||||
$pagination-current-background-color: $link !default
|
|
||||||
$pagination-current-border-color: $link !default
|
|
||||||
|
|
||||||
$pagination-ellipsis-color: $grey-light !default
|
|
||||||
|
|
||||||
$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default
|
|
||||||
|
|
||||||
.pagination
|
|
||||||
@extend %block
|
|
||||||
font-size: $size-normal
|
|
||||||
margin: $pagination-margin
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
&.is-rounded
|
|
||||||
.pagination-previous,
|
|
||||||
.pagination-next
|
|
||||||
padding-left: 1em
|
|
||||||
padding-right: 1em
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
.pagination-link
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
|
|
||||||
.pagination,
|
|
||||||
.pagination-list
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
justify-content: center
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
.pagination-previous,
|
|
||||||
.pagination-next,
|
|
||||||
.pagination-link,
|
|
||||||
.pagination-ellipsis
|
|
||||||
@extend %control
|
|
||||||
@extend %unselectable
|
|
||||||
font-size: $pagination-item-font-size
|
|
||||||
justify-content: center
|
|
||||||
margin: $pagination-item-margin
|
|
||||||
padding-left: $pagination-item-padding-left
|
|
||||||
padding-right: $pagination-item-padding-right
|
|
||||||
text-align: center
|
|
||||||
|
|
||||||
.pagination-previous,
|
|
||||||
.pagination-next,
|
|
||||||
.pagination-link
|
|
||||||
border-color: $pagination-border-color
|
|
||||||
color: $pagination-color
|
|
||||||
min-width: $pagination-min-width
|
|
||||||
&:hover
|
|
||||||
border-color: $pagination-hover-border-color
|
|
||||||
color: $pagination-hover-color
|
|
||||||
&:focus
|
|
||||||
border-color: $pagination-focus-border-color
|
|
||||||
&:active
|
|
||||||
box-shadow: $pagination-shadow-inset
|
|
||||||
&[disabled]
|
|
||||||
background-color: $pagination-disabled-background-color
|
|
||||||
border-color: $pagination-disabled-border-color
|
|
||||||
box-shadow: none
|
|
||||||
color: $pagination-disabled-color
|
|
||||||
opacity: 0.5
|
|
||||||
|
|
||||||
.pagination-previous,
|
|
||||||
.pagination-next
|
|
||||||
padding-left: $pagination-nav-padding-left
|
|
||||||
padding-right: $pagination-nav-padding-right
|
|
||||||
white-space: nowrap
|
|
||||||
|
|
||||||
.pagination-link
|
|
||||||
&.is-current
|
|
||||||
background-color: $pagination-current-background-color
|
|
||||||
border-color: $pagination-current-border-color
|
|
||||||
color: $pagination-current-color
|
|
||||||
|
|
||||||
.pagination-ellipsis
|
|
||||||
color: $pagination-ellipsis-color
|
|
||||||
pointer-events: none
|
|
||||||
|
|
||||||
.pagination-list
|
|
||||||
flex-wrap: wrap
|
|
||||||
li
|
|
||||||
list-style: none
|
|
||||||
|
|
||||||
+mobile
|
|
||||||
.pagination
|
|
||||||
flex-wrap: wrap
|
|
||||||
.pagination-previous,
|
|
||||||
.pagination-next
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
.pagination-list
|
|
||||||
li
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
|
|
||||||
+tablet
|
|
||||||
.pagination-list
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
justify-content: flex-start
|
|
||||||
order: 1
|
|
||||||
.pagination-previous,
|
|
||||||
.pagination-next,
|
|
||||||
.pagination-link,
|
|
||||||
.pagination-ellipsis
|
|
||||||
margin-bottom: 0
|
|
||||||
margin-top: 0
|
|
||||||
.pagination-previous
|
|
||||||
order: 2
|
|
||||||
.pagination-next
|
|
||||||
order: 3
|
|
||||||
.pagination
|
|
||||||
justify-content: space-between
|
|
||||||
margin-bottom: 0
|
|
||||||
margin-top: 0
|
|
||||||
&.is-centered
|
|
||||||
.pagination-previous
|
|
||||||
order: 1
|
|
||||||
.pagination-list
|
|
||||||
justify-content: center
|
|
||||||
order: 2
|
|
||||||
.pagination-next
|
|
||||||
order: 3
|
|
||||||
&.is-right
|
|
||||||
.pagination-previous
|
|
||||||
order: 1
|
|
||||||
.pagination-next
|
|
||||||
order: 2
|
|
||||||
.pagination-list
|
|
||||||
justify-content: flex-end
|
|
||||||
order: 3
|
|
||||||
|
|
@ -1,121 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$panel-margin: $block-spacing !default
|
|
||||||
$panel-item-border: 1px solid $border-light !default
|
|
||||||
$panel-radius: $radius-large !default
|
|
||||||
$panel-shadow: $shadow !default
|
|
||||||
|
|
||||||
$panel-heading-background-color: $border-light !default
|
|
||||||
$panel-heading-color: $text-strong !default
|
|
||||||
$panel-heading-line-height: 1.25 !default
|
|
||||||
$panel-heading-padding: 0.75em 1em !default
|
|
||||||
$panel-heading-radius: $radius !default
|
|
||||||
$panel-heading-size: 1.25em !default
|
|
||||||
$panel-heading-weight: $weight-bold !default
|
|
||||||
|
|
||||||
$panel-tabs-font-size: 0.875em !default
|
|
||||||
$panel-tab-border-bottom: 1px solid $border !default
|
|
||||||
$panel-tab-active-border-bottom-color: $link-active-border !default
|
|
||||||
$panel-tab-active-color: $link-active !default
|
|
||||||
|
|
||||||
$panel-list-item-color: $text !default
|
|
||||||
$panel-list-item-hover-color: $link !default
|
|
||||||
|
|
||||||
$panel-block-color: $text-strong !default
|
|
||||||
$panel-block-hover-background-color: $background !default
|
|
||||||
$panel-block-active-border-left-color: $link !default
|
|
||||||
$panel-block-active-color: $link-active !default
|
|
||||||
$panel-block-active-icon-color: $link !default
|
|
||||||
|
|
||||||
$panel-icon-color: $text-light !default
|
|
||||||
$panel-colors: $colors !default
|
|
||||||
|
|
||||||
.panel
|
|
||||||
border-radius: $panel-radius
|
|
||||||
box-shadow: $panel-shadow
|
|
||||||
font-size: $size-normal
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: $panel-margin
|
|
||||||
// Colors
|
|
||||||
@each $name, $components in $panel-colors
|
|
||||||
$color: nth($components, 1)
|
|
||||||
$color-invert: nth($components, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
.panel-heading
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
.panel-tabs a.is-active
|
|
||||||
border-bottom-color: $color
|
|
||||||
.panel-block.is-active .panel-icon
|
|
||||||
color: $color
|
|
||||||
|
|
||||||
.panel-tabs,
|
|
||||||
.panel-block
|
|
||||||
&:not(:last-child)
|
|
||||||
border-bottom: $panel-item-border
|
|
||||||
|
|
||||||
.panel-heading
|
|
||||||
background-color: $panel-heading-background-color
|
|
||||||
border-radius: $panel-radius $panel-radius 0 0
|
|
||||||
color: $panel-heading-color
|
|
||||||
font-size: $panel-heading-size
|
|
||||||
font-weight: $panel-heading-weight
|
|
||||||
line-height: $panel-heading-line-height
|
|
||||||
padding: $panel-heading-padding
|
|
||||||
|
|
||||||
.panel-tabs
|
|
||||||
align-items: flex-end
|
|
||||||
display: flex
|
|
||||||
font-size: $panel-tabs-font-size
|
|
||||||
justify-content: center
|
|
||||||
a
|
|
||||||
border-bottom: $panel-tab-border-bottom
|
|
||||||
margin-bottom: -1px
|
|
||||||
padding: 0.5em
|
|
||||||
// Modifiers
|
|
||||||
&.is-active
|
|
||||||
border-bottom-color: $panel-tab-active-border-bottom-color
|
|
||||||
color: $panel-tab-active-color
|
|
||||||
|
|
||||||
.panel-list
|
|
||||||
a
|
|
||||||
color: $panel-list-item-color
|
|
||||||
&:hover
|
|
||||||
color: $panel-list-item-hover-color
|
|
||||||
|
|
||||||
.panel-block
|
|
||||||
align-items: center
|
|
||||||
color: $panel-block-color
|
|
||||||
display: flex
|
|
||||||
justify-content: flex-start
|
|
||||||
padding: 0.5em 0.75em
|
|
||||||
input[type="checkbox"]
|
|
||||||
+ltr-property("margin", 0.75em)
|
|
||||||
& > .control
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
width: 100%
|
|
||||||
&.is-wrapped
|
|
||||||
flex-wrap: wrap
|
|
||||||
&.is-active
|
|
||||||
border-left-color: $panel-block-active-border-left-color
|
|
||||||
color: $panel-block-active-color
|
|
||||||
.panel-icon
|
|
||||||
color: $panel-block-active-icon-color
|
|
||||||
&:last-child
|
|
||||||
border-bottom-left-radius: $panel-radius
|
|
||||||
border-bottom-right-radius: $panel-radius
|
|
||||||
|
|
||||||
a.panel-block,
|
|
||||||
label.panel-block
|
|
||||||
cursor: pointer
|
|
||||||
&:hover
|
|
||||||
background-color: $panel-block-hover-background-color
|
|
||||||
|
|
||||||
.panel-icon
|
|
||||||
+fa(14px, 1em)
|
|
||||||
color: $panel-icon-color
|
|
||||||
+ltr-property("margin", 0.75em)
|
|
||||||
.fa
|
|
||||||
font-size: inherit
|
|
||||||
line-height: inherit
|
|
||||||
|
|
@ -1,176 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$tabs-border-bottom-color: $border !default
|
|
||||||
$tabs-border-bottom-style: solid !default
|
|
||||||
$tabs-border-bottom-width: 1px !default
|
|
||||||
$tabs-link-color: $text !default
|
|
||||||
$tabs-link-hover-border-bottom-color: $text-strong !default
|
|
||||||
$tabs-link-hover-color: $text-strong !default
|
|
||||||
$tabs-link-active-border-bottom-color: $link !default
|
|
||||||
$tabs-link-active-color: $link !default
|
|
||||||
$tabs-link-padding: 0.5em 1em !default
|
|
||||||
|
|
||||||
$tabs-boxed-link-radius: $radius !default
|
|
||||||
$tabs-boxed-link-hover-background-color: $background !default
|
|
||||||
$tabs-boxed-link-hover-border-bottom-color: $border !default
|
|
||||||
|
|
||||||
$tabs-boxed-link-active-background-color: $scheme-main !default
|
|
||||||
$tabs-boxed-link-active-border-color: $border !default
|
|
||||||
$tabs-boxed-link-active-border-bottom-color: transparent !default
|
|
||||||
|
|
||||||
$tabs-toggle-link-border-color: $border !default
|
|
||||||
$tabs-toggle-link-border-style: solid !default
|
|
||||||
$tabs-toggle-link-border-width: 1px !default
|
|
||||||
$tabs-toggle-link-hover-background-color: $background !default
|
|
||||||
$tabs-toggle-link-hover-border-color: $border-hover !default
|
|
||||||
$tabs-toggle-link-radius: $radius !default
|
|
||||||
$tabs-toggle-link-active-background-color: $link !default
|
|
||||||
$tabs-toggle-link-active-border-color: $link !default
|
|
||||||
$tabs-toggle-link-active-color: $link-invert !default
|
|
||||||
|
|
||||||
.tabs
|
|
||||||
@extend %block
|
|
||||||
+overflow-touch
|
|
||||||
@extend %unselectable
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
font-size: $size-normal
|
|
||||||
justify-content: space-between
|
|
||||||
overflow: hidden
|
|
||||||
overflow-x: auto
|
|
||||||
white-space: nowrap
|
|
||||||
a
|
|
||||||
align-items: center
|
|
||||||
border-bottom-color: $tabs-border-bottom-color
|
|
||||||
border-bottom-style: $tabs-border-bottom-style
|
|
||||||
border-bottom-width: $tabs-border-bottom-width
|
|
||||||
color: $tabs-link-color
|
|
||||||
display: flex
|
|
||||||
justify-content: center
|
|
||||||
margin-bottom: -#{$tabs-border-bottom-width}
|
|
||||||
padding: $tabs-link-padding
|
|
||||||
vertical-align: top
|
|
||||||
&:hover
|
|
||||||
border-bottom-color: $tabs-link-hover-border-bottom-color
|
|
||||||
color: $tabs-link-hover-color
|
|
||||||
li
|
|
||||||
display: block
|
|
||||||
&.is-active
|
|
||||||
a
|
|
||||||
border-bottom-color: $tabs-link-active-border-bottom-color
|
|
||||||
color: $tabs-link-active-color
|
|
||||||
ul
|
|
||||||
align-items: center
|
|
||||||
border-bottom-color: $tabs-border-bottom-color
|
|
||||||
border-bottom-style: $tabs-border-bottom-style
|
|
||||||
border-bottom-width: $tabs-border-bottom-width
|
|
||||||
display: flex
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
justify-content: flex-start
|
|
||||||
&.is-left
|
|
||||||
padding-right: 0.75em
|
|
||||||
&.is-center
|
|
||||||
flex: none
|
|
||||||
justify-content: center
|
|
||||||
padding-left: 0.75em
|
|
||||||
padding-right: 0.75em
|
|
||||||
&.is-right
|
|
||||||
justify-content: flex-end
|
|
||||||
padding-left: 0.75em
|
|
||||||
.icon
|
|
||||||
&:first-child
|
|
||||||
+ltr-property("margin", 0.5em)
|
|
||||||
&:last-child
|
|
||||||
+ltr-property("margin", 0.5em, false)
|
|
||||||
// Alignment
|
|
||||||
&.is-centered
|
|
||||||
ul
|
|
||||||
justify-content: center
|
|
||||||
&.is-right
|
|
||||||
ul
|
|
||||||
justify-content: flex-end
|
|
||||||
// Styles
|
|
||||||
&.is-boxed
|
|
||||||
a
|
|
||||||
border: 1px solid transparent
|
|
||||||
+ltr
|
|
||||||
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
|
|
||||||
+rtl
|
|
||||||
border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
|
|
||||||
&:hover
|
|
||||||
background-color: $tabs-boxed-link-hover-background-color
|
|
||||||
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
|
|
||||||
li
|
|
||||||
&.is-active
|
|
||||||
a
|
|
||||||
background-color: $tabs-boxed-link-active-background-color
|
|
||||||
border-color: $tabs-boxed-link-active-border-color
|
|
||||||
border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
|
|
||||||
&.is-fullwidth
|
|
||||||
li
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
&.is-toggle
|
|
||||||
a
|
|
||||||
border-color: $tabs-toggle-link-border-color
|
|
||||||
border-style: $tabs-toggle-link-border-style
|
|
||||||
border-width: $tabs-toggle-link-border-width
|
|
||||||
margin-bottom: 0
|
|
||||||
position: relative
|
|
||||||
&:hover
|
|
||||||
background-color: $tabs-toggle-link-hover-background-color
|
|
||||||
border-color: $tabs-toggle-link-hover-border-color
|
|
||||||
z-index: 2
|
|
||||||
li
|
|
||||||
& + li
|
|
||||||
+ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
|
|
||||||
&:first-child a
|
|
||||||
+ltr
|
|
||||||
border-top-left-radius: $tabs-toggle-link-radius
|
|
||||||
border-bottom-left-radius: $tabs-toggle-link-radius
|
|
||||||
+rtl
|
|
||||||
border-top-right-radius: $tabs-toggle-link-radius
|
|
||||||
border-bottom-right-radius: $tabs-toggle-link-radius
|
|
||||||
&:last-child a
|
|
||||||
+ltr
|
|
||||||
border-top-right-radius: $tabs-toggle-link-radius
|
|
||||||
border-bottom-right-radius: $tabs-toggle-link-radius
|
|
||||||
+rtl
|
|
||||||
border-top-left-radius: $tabs-toggle-link-radius
|
|
||||||
border-bottom-left-radius: $tabs-toggle-link-radius
|
|
||||||
&.is-active
|
|
||||||
a
|
|
||||||
background-color: $tabs-toggle-link-active-background-color
|
|
||||||
border-color: $tabs-toggle-link-active-border-color
|
|
||||||
color: $tabs-toggle-link-active-color
|
|
||||||
z-index: 1
|
|
||||||
ul
|
|
||||||
border-bottom: none
|
|
||||||
&.is-toggle-rounded
|
|
||||||
li
|
|
||||||
&:first-child a
|
|
||||||
+ltr
|
|
||||||
border-bottom-left-radius: $radius-rounded
|
|
||||||
border-top-left-radius: $radius-rounded
|
|
||||||
padding-left: 1.25em
|
|
||||||
+rtl
|
|
||||||
border-bottom-right-radius: $radius-rounded
|
|
||||||
border-top-right-radius: $radius-rounded
|
|
||||||
padding-right: 1.25em
|
|
||||||
&:last-child a
|
|
||||||
+ltr
|
|
||||||
border-bottom-right-radius: $radius-rounded
|
|
||||||
border-top-right-radius: $radius-rounded
|
|
||||||
padding-right: 1.25em
|
|
||||||
+rtl
|
|
||||||
border-bottom-left-radius: $radius-rounded
|
|
||||||
border-top-left-radius: $radius-rounded
|
|
||||||
padding-left: 1.25em
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
/* Bulma Elements */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "box"
|
|
||||||
@import "button"
|
|
||||||
@import "container"
|
|
||||||
@import "content"
|
|
||||||
@import "icon"
|
|
||||||
@import "image"
|
|
||||||
@import "notification"
|
|
||||||
@import "progress"
|
|
||||||
@import "table"
|
|
||||||
@import "tag"
|
|
||||||
@import "title"
|
|
||||||
|
|
||||||
@import "other"
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$box-color: $text !default
|
|
||||||
$box-background-color: $scheme-main !default
|
|
||||||
$box-radius: $radius-large !default
|
|
||||||
$box-shadow: $shadow !default
|
|
||||||
$box-padding: 1.25rem !default
|
|
||||||
|
|
||||||
$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
|
|
||||||
$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
|
|
||||||
|
|
||||||
.box
|
|
||||||
@extend %block
|
|
||||||
background-color: $box-background-color
|
|
||||||
border-radius: $box-radius
|
|
||||||
box-shadow: $box-shadow
|
|
||||||
color: $box-color
|
|
||||||
display: block
|
|
||||||
padding: $box-padding
|
|
||||||
|
|
||||||
a.box
|
|
||||||
&:hover,
|
|
||||||
&:focus
|
|
||||||
box-shadow: $box-link-hover-shadow
|
|
||||||
&:active
|
|
||||||
box-shadow: $box-link-active-shadow
|
|
||||||
|
|
@ -1,345 +0,0 @@
|
||||||
@import "../utilities/controls"
|
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$button-color: $text-strong !default
|
|
||||||
$button-background-color: $scheme-main !default
|
|
||||||
$button-family: false !default
|
|
||||||
|
|
||||||
$button-border-color: $border !default
|
|
||||||
$button-border-width: $control-border-width !default
|
|
||||||
|
|
||||||
$button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
|
|
||||||
$button-padding-horizontal: 1em !default
|
|
||||||
|
|
||||||
$button-hover-color: $link-hover !default
|
|
||||||
$button-hover-border-color: $link-hover-border !default
|
|
||||||
|
|
||||||
$button-focus-color: $link-focus !default
|
|
||||||
$button-focus-border-color: $link-focus-border !default
|
|
||||||
$button-focus-box-shadow-size: 0 0 0 0.125em !default
|
|
||||||
$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
|
||||||
|
|
||||||
$button-active-color: $link-active !default
|
|
||||||
$button-active-border-color: $link-active-border !default
|
|
||||||
|
|
||||||
$button-text-color: $text !default
|
|
||||||
$button-text-decoration: underline !default
|
|
||||||
$button-text-hover-background-color: $background !default
|
|
||||||
$button-text-hover-color: $text-strong !default
|
|
||||||
|
|
||||||
$button-ghost-background: none !default
|
|
||||||
$button-ghost-border-color: transparent !default
|
|
||||||
$button-ghost-color: $link !default
|
|
||||||
$button-ghost-decoration: none !default
|
|
||||||
$button-ghost-hover-color: $link !default
|
|
||||||
$button-ghost-hover-decoration: underline !default
|
|
||||||
|
|
||||||
$button-disabled-background-color: $scheme-main !default
|
|
||||||
$button-disabled-border-color: $border !default
|
|
||||||
$button-disabled-shadow: none !default
|
|
||||||
$button-disabled-opacity: 0.5 !default
|
|
||||||
|
|
||||||
$button-static-color: $text-light !default
|
|
||||||
$button-static-background-color: $scheme-main-ter !default
|
|
||||||
$button-static-border-color: $border !default
|
|
||||||
|
|
||||||
$button-colors: $colors !default
|
|
||||||
|
|
||||||
// The button sizes use mixins so they can be used at different breakpoints
|
|
||||||
=button-small
|
|
||||||
&:not(.is-rounded)
|
|
||||||
border-radius: $radius-small
|
|
||||||
font-size: $size-small
|
|
||||||
=button-normal
|
|
||||||
font-size: $size-normal
|
|
||||||
=button-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
=button-large
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
||||||
.button
|
|
||||||
@extend %control
|
|
||||||
@extend %unselectable
|
|
||||||
background-color: $button-background-color
|
|
||||||
border-color: $button-border-color
|
|
||||||
border-width: $button-border-width
|
|
||||||
color: $button-color
|
|
||||||
cursor: pointer
|
|
||||||
@if $button-family
|
|
||||||
font-family: $button-family
|
|
||||||
justify-content: center
|
|
||||||
padding-bottom: $button-padding-vertical
|
|
||||||
padding-left: $button-padding-horizontal
|
|
||||||
padding-right: $button-padding-horizontal
|
|
||||||
padding-top: $button-padding-vertical
|
|
||||||
text-align: center
|
|
||||||
white-space: nowrap
|
|
||||||
strong
|
|
||||||
color: inherit
|
|
||||||
.icon
|
|
||||||
&,
|
|
||||||
&.is-small,
|
|
||||||
&.is-medium,
|
|
||||||
&.is-large
|
|
||||||
height: 1.5em
|
|
||||||
width: 1.5em
|
|
||||||
&:first-child:not(:last-child)
|
|
||||||
+ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}), false)
|
|
||||||
+ltr-property("margin", $button-padding-horizontal * 0.25)
|
|
||||||
&:last-child:not(:first-child)
|
|
||||||
+ltr-property("margin", $button-padding-horizontal * 0.25, false)
|
|
||||||
+ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}))
|
|
||||||
&:first-child:last-child
|
|
||||||
margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
|
|
||||||
margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
|
|
||||||
// States
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
border-color: $button-hover-border-color
|
|
||||||
color: $button-hover-color
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
border-color: $button-focus-border-color
|
|
||||||
color: $button-focus-color
|
|
||||||
&:not(:active)
|
|
||||||
box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
border-color: $button-active-border-color
|
|
||||||
color: $button-active-color
|
|
||||||
// Colors
|
|
||||||
&.is-text
|
|
||||||
background-color: transparent
|
|
||||||
border-color: transparent
|
|
||||||
color: $button-text-color
|
|
||||||
text-decoration: $button-text-decoration
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered,
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
background-color: $button-text-hover-background-color
|
|
||||||
color: $button-text-hover-color
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
background-color: bulmaDarken($button-text-hover-background-color, 5%)
|
|
||||||
color: $button-text-hover-color
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: transparent
|
|
||||||
border-color: transparent
|
|
||||||
box-shadow: none
|
|
||||||
&.is-ghost
|
|
||||||
background: $button-ghost-background
|
|
||||||
border-color: $button-ghost-border-color
|
|
||||||
color: $button-ghost-color
|
|
||||||
text-decoration: $button-ghost-decoration
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
color: $button-ghost-hover-color
|
|
||||||
text-decoration: $button-ghost-hover-decoration
|
|
||||||
@each $name, $pair in $button-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
background-color: bulmaDarken($color, 2.5%)
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
&:not(:active)
|
|
||||||
box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
background-color: bulmaDarken($color, 5%)
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: $color
|
|
||||||
border-color: transparent
|
|
||||||
box-shadow: none
|
|
||||||
&.is-inverted
|
|
||||||
background-color: $color-invert
|
|
||||||
color: $color
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
background-color: bulmaDarken($color-invert, 5%)
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: $color-invert
|
|
||||||
border-color: transparent
|
|
||||||
box-shadow: none
|
|
||||||
color: $color
|
|
||||||
&.is-loading
|
|
||||||
&::after
|
|
||||||
border-color: transparent transparent $color-invert $color-invert !important
|
|
||||||
&.is-outlined
|
|
||||||
background-color: transparent
|
|
||||||
border-color: $color
|
|
||||||
color: $color
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered,
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
background-color: $color
|
|
||||||
border-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
&.is-loading
|
|
||||||
&::after
|
|
||||||
border-color: transparent transparent $color $color !important
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered,
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
&::after
|
|
||||||
border-color: transparent transparent $color-invert $color-invert !important
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: transparent
|
|
||||||
border-color: $color
|
|
||||||
box-shadow: none
|
|
||||||
color: $color
|
|
||||||
&.is-inverted.is-outlined
|
|
||||||
background-color: transparent
|
|
||||||
border-color: $color-invert
|
|
||||||
color: $color-invert
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered,
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
background-color: $color-invert
|
|
||||||
color: $color
|
|
||||||
&.is-loading
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered,
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
&::after
|
|
||||||
border-color: transparent transparent $color $color !important
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: transparent
|
|
||||||
border-color: $color-invert
|
|
||||||
box-shadow: none
|
|
||||||
color: $color-invert
|
|
||||||
// If light and dark colors are provided
|
|
||||||
@if length($pair) >= 4
|
|
||||||
$color-light: nth($pair, 3)
|
|
||||||
$color-dark: nth($pair, 4)
|
|
||||||
&.is-light
|
|
||||||
background-color: $color-light
|
|
||||||
color: $color-dark
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
background-color: bulmaDarken($color-light, 2.5%)
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-dark
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
background-color: bulmaDarken($color-light, 5%)
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-dark
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
+button-small
|
|
||||||
&.is-normal
|
|
||||||
+button-normal
|
|
||||||
&.is-medium
|
|
||||||
+button-medium
|
|
||||||
&.is-large
|
|
||||||
+button-large
|
|
||||||
// Modifiers
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: $button-disabled-background-color
|
|
||||||
border-color: $button-disabled-border-color
|
|
||||||
box-shadow: $button-disabled-shadow
|
|
||||||
opacity: $button-disabled-opacity
|
|
||||||
&.is-fullwidth
|
|
||||||
display: flex
|
|
||||||
width: 100%
|
|
||||||
&.is-loading
|
|
||||||
color: transparent !important
|
|
||||||
pointer-events: none
|
|
||||||
&::after
|
|
||||||
@extend %loader
|
|
||||||
+center(1em)
|
|
||||||
position: absolute !important
|
|
||||||
&.is-static
|
|
||||||
background-color: $button-static-background-color
|
|
||||||
border-color: $button-static-border-color
|
|
||||||
color: $button-static-color
|
|
||||||
box-shadow: none
|
|
||||||
pointer-events: none
|
|
||||||
&.is-rounded
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
padding-left: calc(#{$button-padding-horizontal} + 0.25em)
|
|
||||||
padding-right: calc(#{$button-padding-horizontal} + 0.25em)
|
|
||||||
|
|
||||||
.buttons
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
flex-wrap: wrap
|
|
||||||
justify-content: flex-start
|
|
||||||
.button
|
|
||||||
margin-bottom: 0.5rem
|
|
||||||
&:not(:last-child):not(.is-fullwidth)
|
|
||||||
+ltr-property("margin", 0.5rem)
|
|
||||||
&:last-child
|
|
||||||
margin-bottom: -0.5rem
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 1rem
|
|
||||||
// Sizes
|
|
||||||
&.are-small
|
|
||||||
.button:not(.is-normal):not(.is-medium):not(.is-large)
|
|
||||||
+button-small
|
|
||||||
&.are-medium
|
|
||||||
.button:not(.is-small):not(.is-normal):not(.is-large)
|
|
||||||
+button-medium
|
|
||||||
&.are-large
|
|
||||||
.button:not(.is-small):not(.is-normal):not(.is-medium)
|
|
||||||
+button-large
|
|
||||||
&.has-addons
|
|
||||||
.button
|
|
||||||
&:not(:first-child)
|
|
||||||
border-bottom-left-radius: 0
|
|
||||||
border-top-left-radius: 0
|
|
||||||
&:not(:last-child)
|
|
||||||
border-bottom-right-radius: 0
|
|
||||||
border-top-right-radius: 0
|
|
||||||
+ltr-property("margin", -1px)
|
|
||||||
&:last-child
|
|
||||||
+ltr-property("margin", 0)
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
z-index: 2
|
|
||||||
&:focus,
|
|
||||||
&.is-focused,
|
|
||||||
&:active,
|
|
||||||
&.is-active,
|
|
||||||
&.is-selected
|
|
||||||
z-index: 3
|
|
||||||
&:hover
|
|
||||||
z-index: 4
|
|
||||||
&.is-expanded
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
&.is-centered
|
|
||||||
justify-content: center
|
|
||||||
&:not(.has-addons)
|
|
||||||
.button:not(.is-fullwidth)
|
|
||||||
margin-left: 0.25rem
|
|
||||||
margin-right: 0.25rem
|
|
||||||
&.is-right
|
|
||||||
justify-content: flex-end
|
|
||||||
&:not(.has-addons)
|
|
||||||
.button:not(.is-fullwidth)
|
|
||||||
margin-left: 0.25rem
|
|
||||||
margin-right: 0.25rem
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$container-offset: (2 * $gap) !default
|
|
||||||
$container-max-width: $fullhd !default
|
|
||||||
|
|
||||||
.container
|
|
||||||
flex-grow: 1
|
|
||||||
margin: 0 auto
|
|
||||||
position: relative
|
|
||||||
width: auto
|
|
||||||
&.is-fluid
|
|
||||||
max-width: none !important
|
|
||||||
padding-left: $gap
|
|
||||||
padding-right: $gap
|
|
||||||
width: 100%
|
|
||||||
+desktop
|
|
||||||
max-width: $desktop - $container-offset
|
|
||||||
+until-widescreen
|
|
||||||
&.is-widescreen:not(.is-max-desktop)
|
|
||||||
max-width: min($widescreen, $container-max-width) - $container-offset
|
|
||||||
+until-fullhd
|
|
||||||
&.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
|
|
||||||
max-width: min($fullhd, $container-max-width) - $container-offset
|
|
||||||
+widescreen
|
|
||||||
&:not(.is-max-desktop)
|
|
||||||
max-width: min($widescreen, $container-max-width) - $container-offset
|
|
||||||
+fullhd
|
|
||||||
&:not(.is-max-desktop):not(.is-max-widescreen)
|
|
||||||
max-width: min($fullhd, $container-max-width) - $container-offset
|
|
||||||
|
|
@ -1,159 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$content-heading-color: $text-strong !default
|
|
||||||
$content-heading-weight: $weight-semibold !default
|
|
||||||
$content-heading-line-height: 1.125 !default
|
|
||||||
|
|
||||||
$content-blockquote-background-color: $background !default
|
|
||||||
$content-blockquote-border-left: 5px solid $border !default
|
|
||||||
$content-blockquote-padding: 1.25em 1.5em !default
|
|
||||||
|
|
||||||
$content-pre-padding: 1.25em 1.5em !default
|
|
||||||
|
|
||||||
$content-table-cell-border: 1px solid $border !default
|
|
||||||
$content-table-cell-border-width: 0 0 1px !default
|
|
||||||
$content-table-cell-padding: 0.5em 0.75em !default
|
|
||||||
$content-table-cell-heading-color: $text-strong !default
|
|
||||||
$content-table-head-cell-border-width: 0 0 2px !default
|
|
||||||
$content-table-head-cell-color: $text-strong !default
|
|
||||||
$content-table-foot-cell-border-width: 2px 0 0 !default
|
|
||||||
$content-table-foot-cell-color: $text-strong !default
|
|
||||||
|
|
||||||
.content
|
|
||||||
@extend %block
|
|
||||||
// Inline
|
|
||||||
li + li
|
|
||||||
margin-top: 0.25em
|
|
||||||
// Block
|
|
||||||
p,
|
|
||||||
dl,
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
blockquote,
|
|
||||||
pre,
|
|
||||||
table
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 1em
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6
|
|
||||||
color: $content-heading-color
|
|
||||||
font-weight: $content-heading-weight
|
|
||||||
line-height: $content-heading-line-height
|
|
||||||
h1
|
|
||||||
font-size: 2em
|
|
||||||
margin-bottom: 0.5em
|
|
||||||
&:not(:first-child)
|
|
||||||
margin-top: 1em
|
|
||||||
h2
|
|
||||||
font-size: 1.75em
|
|
||||||
margin-bottom: 0.5714em
|
|
||||||
&:not(:first-child)
|
|
||||||
margin-top: 1.1428em
|
|
||||||
h3
|
|
||||||
font-size: 1.5em
|
|
||||||
margin-bottom: 0.6666em
|
|
||||||
&:not(:first-child)
|
|
||||||
margin-top: 1.3333em
|
|
||||||
h4
|
|
||||||
font-size: 1.25em
|
|
||||||
margin-bottom: 0.8em
|
|
||||||
h5
|
|
||||||
font-size: 1.125em
|
|
||||||
margin-bottom: 0.8888em
|
|
||||||
h6
|
|
||||||
font-size: 1em
|
|
||||||
margin-bottom: 1em
|
|
||||||
blockquote
|
|
||||||
background-color: $content-blockquote-background-color
|
|
||||||
+ltr-property("border", $content-blockquote-border-left, false)
|
|
||||||
padding: $content-blockquote-padding
|
|
||||||
ol
|
|
||||||
list-style-position: outside
|
|
||||||
+ltr-property("margin", 2em, false)
|
|
||||||
margin-top: 1em
|
|
||||||
&:not([type])
|
|
||||||
list-style-type: decimal
|
|
||||||
&.is-lower-alpha
|
|
||||||
list-style-type: lower-alpha
|
|
||||||
&.is-lower-roman
|
|
||||||
list-style-type: lower-roman
|
|
||||||
&.is-upper-alpha
|
|
||||||
list-style-type: upper-alpha
|
|
||||||
&.is-upper-roman
|
|
||||||
list-style-type: upper-roman
|
|
||||||
ul
|
|
||||||
list-style: disc outside
|
|
||||||
+ltr-property("margin", 2em, false)
|
|
||||||
margin-top: 1em
|
|
||||||
ul
|
|
||||||
list-style-type: circle
|
|
||||||
margin-top: 0.5em
|
|
||||||
ul
|
|
||||||
list-style-type: square
|
|
||||||
dd
|
|
||||||
+ltr-property("margin", 2em, false)
|
|
||||||
figure
|
|
||||||
margin-left: 2em
|
|
||||||
margin-right: 2em
|
|
||||||
text-align: center
|
|
||||||
&:not(:first-child)
|
|
||||||
margin-top: 2em
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 2em
|
|
||||||
img
|
|
||||||
display: inline-block
|
|
||||||
figcaption
|
|
||||||
font-style: italic
|
|
||||||
pre
|
|
||||||
+overflow-touch
|
|
||||||
overflow-x: auto
|
|
||||||
padding: $content-pre-padding
|
|
||||||
white-space: pre
|
|
||||||
word-wrap: normal
|
|
||||||
sup,
|
|
||||||
sub
|
|
||||||
font-size: 75%
|
|
||||||
table
|
|
||||||
width: 100%
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border: $content-table-cell-border
|
|
||||||
border-width: $content-table-cell-border-width
|
|
||||||
padding: $content-table-cell-padding
|
|
||||||
vertical-align: top
|
|
||||||
th
|
|
||||||
color: $content-table-cell-heading-color
|
|
||||||
&:not([align])
|
|
||||||
text-align: inherit
|
|
||||||
thead
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-width: $content-table-head-cell-border-width
|
|
||||||
color: $content-table-head-cell-color
|
|
||||||
tfoot
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-width: $content-table-foot-cell-border-width
|
|
||||||
color: $content-table-foot-cell-color
|
|
||||||
tbody
|
|
||||||
tr
|
|
||||||
&:last-child
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-bottom-width: 0
|
|
||||||
.tabs
|
|
||||||
li + li
|
|
||||||
margin-top: 0
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-normal
|
|
||||||
font-size: $size-normal
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
@warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
|
|
||||||
|
|
@ -1,46 +0,0 @@
|
||||||
$icon-dimensions: 1.5rem !default
|
|
||||||
$icon-dimensions-small: 1rem !default
|
|
||||||
$icon-dimensions-medium: 2rem !default
|
|
||||||
$icon-dimensions-large: 3rem !default
|
|
||||||
$icon-text-spacing: 0.25em !default
|
|
||||||
|
|
||||||
.icon
|
|
||||||
align-items: center
|
|
||||||
display: inline-flex
|
|
||||||
justify-content: center
|
|
||||||
height: $icon-dimensions
|
|
||||||
width: $icon-dimensions
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
height: $icon-dimensions-small
|
|
||||||
width: $icon-dimensions-small
|
|
||||||
&.is-medium
|
|
||||||
height: $icon-dimensions-medium
|
|
||||||
width: $icon-dimensions-medium
|
|
||||||
&.is-large
|
|
||||||
height: $icon-dimensions-large
|
|
||||||
width: $icon-dimensions-large
|
|
||||||
|
|
||||||
.icon-text
|
|
||||||
align-items: flex-start
|
|
||||||
color: inherit
|
|
||||||
display: inline-flex
|
|
||||||
flex-wrap: wrap
|
|
||||||
line-height: $icon-dimensions
|
|
||||||
vertical-align: top
|
|
||||||
.icon
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr
|
|
||||||
margin-right: $icon-text-spacing
|
|
||||||
+rtl
|
|
||||||
margin-left: $icon-text-spacing
|
|
||||||
&:not(:first-child)
|
|
||||||
+ltr
|
|
||||||
margin-left: $icon-text-spacing
|
|
||||||
+rtl
|
|
||||||
margin-right: $icon-text-spacing
|
|
||||||
|
|
||||||
div.icon-text
|
|
||||||
display: flex
|
|
||||||
|
|
@ -1,73 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$dimensions: 16 24 32 48 64 96 128 !default
|
|
||||||
|
|
||||||
.image
|
|
||||||
display: block
|
|
||||||
position: relative
|
|
||||||
img
|
|
||||||
display: block
|
|
||||||
height: auto
|
|
||||||
width: 100%
|
|
||||||
&.is-rounded
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
&.is-fullwidth
|
|
||||||
width: 100%
|
|
||||||
// Ratio
|
|
||||||
&.is-square,
|
|
||||||
&.is-1by1,
|
|
||||||
&.is-5by4,
|
|
||||||
&.is-4by3,
|
|
||||||
&.is-3by2,
|
|
||||||
&.is-5by3,
|
|
||||||
&.is-16by9,
|
|
||||||
&.is-2by1,
|
|
||||||
&.is-3by1,
|
|
||||||
&.is-4by5,
|
|
||||||
&.is-3by4,
|
|
||||||
&.is-2by3,
|
|
||||||
&.is-3by5,
|
|
||||||
&.is-9by16,
|
|
||||||
&.is-1by2,
|
|
||||||
&.is-1by3
|
|
||||||
img,
|
|
||||||
.has-ratio
|
|
||||||
@extend %overlay
|
|
||||||
height: 100%
|
|
||||||
width: 100%
|
|
||||||
&.is-square,
|
|
||||||
&.is-1by1
|
|
||||||
padding-top: 100%
|
|
||||||
&.is-5by4
|
|
||||||
padding-top: 80%
|
|
||||||
&.is-4by3
|
|
||||||
padding-top: 75%
|
|
||||||
&.is-3by2
|
|
||||||
padding-top: 66.6666%
|
|
||||||
&.is-5by3
|
|
||||||
padding-top: 60%
|
|
||||||
&.is-16by9
|
|
||||||
padding-top: 56.25%
|
|
||||||
&.is-2by1
|
|
||||||
padding-top: 50%
|
|
||||||
&.is-3by1
|
|
||||||
padding-top: 33.3333%
|
|
||||||
&.is-4by5
|
|
||||||
padding-top: 125%
|
|
||||||
&.is-3by4
|
|
||||||
padding-top: 133.3333%
|
|
||||||
&.is-2by3
|
|
||||||
padding-top: 150%
|
|
||||||
&.is-3by5
|
|
||||||
padding-top: 166.6666%
|
|
||||||
&.is-9by16
|
|
||||||
padding-top: 177.7777%
|
|
||||||
&.is-1by2
|
|
||||||
padding-top: 200%
|
|
||||||
&.is-1by3
|
|
||||||
padding-top: 300%
|
|
||||||
// Sizes
|
|
||||||
@each $dimension in $dimensions
|
|
||||||
&.is-#{$dimension}x#{$dimension}
|
|
||||||
height: $dimension * 1px
|
|
||||||
width: $dimension * 1px
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$notification-background-color: $background !default
|
|
||||||
$notification-code-background-color: $scheme-main !default
|
|
||||||
$notification-radius: $radius !default
|
|
||||||
$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
|
|
||||||
$notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
|
|
||||||
$notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
|
|
||||||
|
|
||||||
$notification-colors: $colors !default
|
|
||||||
|
|
||||||
.notification
|
|
||||||
@extend %block
|
|
||||||
background-color: $notification-background-color
|
|
||||||
border-radius: $notification-radius
|
|
||||||
position: relative
|
|
||||||
+ltr
|
|
||||||
padding: $notification-padding-ltr
|
|
||||||
+rtl
|
|
||||||
padding: $notification-padding-rtl
|
|
||||||
a:not(.button):not(.dropdown-item)
|
|
||||||
color: currentColor
|
|
||||||
text-decoration: underline
|
|
||||||
strong
|
|
||||||
color: currentColor
|
|
||||||
code,
|
|
||||||
pre
|
|
||||||
background: $notification-code-background-color
|
|
||||||
pre code
|
|
||||||
background: transparent
|
|
||||||
& > .delete
|
|
||||||
+ltr-position(0.5rem)
|
|
||||||
position: absolute
|
|
||||||
top: 0.5rem
|
|
||||||
.title,
|
|
||||||
.subtitle,
|
|
||||||
.content
|
|
||||||
color: currentColor
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $notification-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
// If light and dark colors are provided
|
|
||||||
@if length($pair) >= 4
|
|
||||||
$color-light: nth($pair, 3)
|
|
||||||
$color-dark: nth($pair, 4)
|
|
||||||
&.is-light
|
|
||||||
background-color: $color-light
|
|
||||||
color: $color-dark
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
.block
|
|
||||||
@extend %block
|
|
||||||
|
|
||||||
.delete
|
|
||||||
@extend %delete
|
|
||||||
|
|
||||||
.heading
|
|
||||||
display: block
|
|
||||||
font-size: 11px
|
|
||||||
letter-spacing: 1px
|
|
||||||
margin-bottom: 5px
|
|
||||||
text-transform: uppercase
|
|
||||||
|
|
||||||
.loader
|
|
||||||
@extend %loader
|
|
||||||
|
|
||||||
.number
|
|
||||||
align-items: center
|
|
||||||
background-color: $background
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
display: inline-flex
|
|
||||||
font-size: $size-medium
|
|
||||||
height: 2em
|
|
||||||
justify-content: center
|
|
||||||
margin-right: 1.5rem
|
|
||||||
min-width: 2.5em
|
|
||||||
padding: 0.25rem 0.5rem
|
|
||||||
text-align: center
|
|
||||||
vertical-align: top
|
|
||||||
|
|
@ -1,73 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$progress-bar-background-color: $border-light !default
|
|
||||||
$progress-value-background-color: $text !default
|
|
||||||
$progress-border-radius: $radius-rounded !default
|
|
||||||
|
|
||||||
$progress-indeterminate-duration: 1.5s !default
|
|
||||||
|
|
||||||
$progress-colors: $colors !default
|
|
||||||
|
|
||||||
.progress
|
|
||||||
@extend %block
|
|
||||||
-moz-appearance: none
|
|
||||||
-webkit-appearance: none
|
|
||||||
border: none
|
|
||||||
border-radius: $progress-border-radius
|
|
||||||
display: block
|
|
||||||
height: $size-normal
|
|
||||||
overflow: hidden
|
|
||||||
padding: 0
|
|
||||||
width: 100%
|
|
||||||
&::-webkit-progress-bar
|
|
||||||
background-color: $progress-bar-background-color
|
|
||||||
&::-webkit-progress-value
|
|
||||||
background-color: $progress-value-background-color
|
|
||||||
&::-moz-progress-bar
|
|
||||||
background-color: $progress-value-background-color
|
|
||||||
&::-ms-fill
|
|
||||||
background-color: $progress-value-background-color
|
|
||||||
border: none
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $progress-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
&.is-#{$name}
|
|
||||||
&::-webkit-progress-value
|
|
||||||
background-color: $color
|
|
||||||
&::-moz-progress-bar
|
|
||||||
background-color: $color
|
|
||||||
&::-ms-fill
|
|
||||||
background-color: $color
|
|
||||||
&:indeterminate
|
|
||||||
background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
|
|
||||||
|
|
||||||
&:indeterminate
|
|
||||||
animation-duration: $progress-indeterminate-duration
|
|
||||||
animation-iteration-count: infinite
|
|
||||||
animation-name: moveIndeterminate
|
|
||||||
animation-timing-function: linear
|
|
||||||
background-color: $progress-bar-background-color
|
|
||||||
background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
|
|
||||||
background-position: top left
|
|
||||||
background-repeat: no-repeat
|
|
||||||
background-size: 150% 150%
|
|
||||||
&::-webkit-progress-bar
|
|
||||||
background-color: transparent
|
|
||||||
&::-moz-progress-bar
|
|
||||||
background-color: transparent
|
|
||||||
&::-ms-fill
|
|
||||||
animation-name: none
|
|
||||||
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
height: $size-small
|
|
||||||
&.is-medium
|
|
||||||
height: $size-medium
|
|
||||||
&.is-large
|
|
||||||
height: $size-large
|
|
||||||
|
|
||||||
@keyframes moveIndeterminate
|
|
||||||
from
|
|
||||||
background-position: 200% 0
|
|
||||||
to
|
|
||||||
background-position: -200% 0
|
|
||||||
|
|
@ -1,133 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$table-color: $text-strong !default
|
|
||||||
$table-background-color: $scheme-main !default
|
|
||||||
|
|
||||||
$table-cell-border: 1px solid $border !default
|
|
||||||
$table-cell-border-width: 0 0 1px !default
|
|
||||||
$table-cell-padding: 0.5em 0.75em !default
|
|
||||||
$table-cell-heading-color: $text-strong !default
|
|
||||||
|
|
||||||
$table-head-cell-border-width: 0 0 2px !default
|
|
||||||
$table-head-cell-color: $text-strong !default
|
|
||||||
$table-foot-cell-border-width: 2px 0 0 !default
|
|
||||||
$table-foot-cell-color: $text-strong !default
|
|
||||||
|
|
||||||
$table-head-background-color: transparent !default
|
|
||||||
$table-body-background-color: transparent !default
|
|
||||||
$table-foot-background-color: transparent !default
|
|
||||||
|
|
||||||
$table-row-hover-background-color: $scheme-main-bis !default
|
|
||||||
|
|
||||||
$table-row-active-background-color: $primary !default
|
|
||||||
$table-row-active-color: $primary-invert !default
|
|
||||||
|
|
||||||
$table-striped-row-even-background-color: $scheme-main-bis !default
|
|
||||||
$table-striped-row-even-hover-background-color: $scheme-main-ter !default
|
|
||||||
|
|
||||||
$table-colors: $colors !default
|
|
||||||
|
|
||||||
.table
|
|
||||||
@extend %block
|
|
||||||
background-color: $table-background-color
|
|
||||||
color: $table-color
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border: $table-cell-border
|
|
||||||
border-width: $table-cell-border-width
|
|
||||||
padding: $table-cell-padding
|
|
||||||
vertical-align: top
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $table-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color
|
|
||||||
border-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
// Modifiers
|
|
||||||
&.is-narrow
|
|
||||||
white-space: nowrap
|
|
||||||
width: 1%
|
|
||||||
&.is-selected
|
|
||||||
background-color: $table-row-active-background-color
|
|
||||||
color: $table-row-active-color
|
|
||||||
a,
|
|
||||||
strong
|
|
||||||
color: currentColor
|
|
||||||
&.is-vcentered
|
|
||||||
vertical-align: middle
|
|
||||||
th
|
|
||||||
color: $table-cell-heading-color
|
|
||||||
&:not([align])
|
|
||||||
text-align: inherit
|
|
||||||
tr
|
|
||||||
&.is-selected
|
|
||||||
background-color: $table-row-active-background-color
|
|
||||||
color: $table-row-active-color
|
|
||||||
a,
|
|
||||||
strong
|
|
||||||
color: currentColor
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-color: $table-row-active-color
|
|
||||||
color: currentColor
|
|
||||||
thead
|
|
||||||
background-color: $table-head-background-color
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-width: $table-head-cell-border-width
|
|
||||||
color: $table-head-cell-color
|
|
||||||
tfoot
|
|
||||||
background-color: $table-foot-background-color
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-width: $table-foot-cell-border-width
|
|
||||||
color: $table-foot-cell-color
|
|
||||||
tbody
|
|
||||||
background-color: $table-body-background-color
|
|
||||||
tr
|
|
||||||
&:last-child
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-bottom-width: 0
|
|
||||||
// Modifiers
|
|
||||||
&.is-bordered
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-width: 1px
|
|
||||||
tr
|
|
||||||
&:last-child
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
border-bottom-width: 1px
|
|
||||||
&.is-fullwidth
|
|
||||||
width: 100%
|
|
||||||
&.is-hoverable
|
|
||||||
tbody
|
|
||||||
tr:not(.is-selected)
|
|
||||||
&:hover
|
|
||||||
background-color: $table-row-hover-background-color
|
|
||||||
&.is-striped
|
|
||||||
tbody
|
|
||||||
tr:not(.is-selected)
|
|
||||||
&:hover
|
|
||||||
background-color: $table-row-hover-background-color
|
|
||||||
&:nth-child(even)
|
|
||||||
background-color: $table-striped-row-even-hover-background-color
|
|
||||||
&.is-narrow
|
|
||||||
td,
|
|
||||||
th
|
|
||||||
padding: 0.25em 0.5em
|
|
||||||
&.is-striped
|
|
||||||
tbody
|
|
||||||
tr:not(.is-selected)
|
|
||||||
&:nth-child(even)
|
|
||||||
background-color: $table-striped-row-even-background-color
|
|
||||||
|
|
||||||
.table-container
|
|
||||||
@extend %block
|
|
||||||
+overflow-touch
|
|
||||||
overflow: auto
|
|
||||||
overflow-y: hidden
|
|
||||||
max-width: 100%
|
|
||||||
|
|
@ -1,140 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$tag-background-color: $background !default
|
|
||||||
$tag-color: $text !default
|
|
||||||
$tag-radius: $radius !default
|
|
||||||
$tag-delete-margin: 1px !default
|
|
||||||
|
|
||||||
$tag-colors: $colors !default
|
|
||||||
|
|
||||||
.tags
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
flex-wrap: wrap
|
|
||||||
justify-content: flex-start
|
|
||||||
.tag
|
|
||||||
margin-bottom: 0.5rem
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr-property("margin", 0.5rem)
|
|
||||||
&:last-child
|
|
||||||
margin-bottom: -0.5rem
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 1rem
|
|
||||||
// Sizes
|
|
||||||
&.are-medium
|
|
||||||
.tag:not(.is-normal):not(.is-large)
|
|
||||||
font-size: $size-normal
|
|
||||||
&.are-large
|
|
||||||
.tag:not(.is-normal):not(.is-medium)
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-centered
|
|
||||||
justify-content: center
|
|
||||||
.tag
|
|
||||||
margin-right: 0.25rem
|
|
||||||
margin-left: 0.25rem
|
|
||||||
&.is-right
|
|
||||||
justify-content: flex-end
|
|
||||||
.tag
|
|
||||||
&:not(:first-child)
|
|
||||||
margin-left: 0.5rem
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-right: 0
|
|
||||||
&.has-addons
|
|
||||||
.tag
|
|
||||||
+ltr-property("margin", 0)
|
|
||||||
&:not(:first-child)
|
|
||||||
+ltr-property("margin", 0, false)
|
|
||||||
+ltr
|
|
||||||
border-top-left-radius: 0
|
|
||||||
border-bottom-left-radius: 0
|
|
||||||
+rtl
|
|
||||||
border-top-right-radius: 0
|
|
||||||
border-bottom-right-radius: 0
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr
|
|
||||||
border-top-right-radius: 0
|
|
||||||
border-bottom-right-radius: 0
|
|
||||||
+rtl
|
|
||||||
border-top-left-radius: 0
|
|
||||||
border-bottom-left-radius: 0
|
|
||||||
|
|
||||||
.tag:not(body)
|
|
||||||
align-items: center
|
|
||||||
background-color: $tag-background-color
|
|
||||||
border-radius: $tag-radius
|
|
||||||
color: $tag-color
|
|
||||||
display: inline-flex
|
|
||||||
font-size: $size-small
|
|
||||||
height: 2em
|
|
||||||
justify-content: center
|
|
||||||
line-height: 1.5
|
|
||||||
padding-left: 0.75em
|
|
||||||
padding-right: 0.75em
|
|
||||||
white-space: nowrap
|
|
||||||
.delete
|
|
||||||
+ltr-property("margin", 0.25rem, false)
|
|
||||||
+ltr-property("margin", -0.375rem)
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $tag-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
// If a light and dark colors are provided
|
|
||||||
@if length($pair) > 3
|
|
||||||
$color-light: nth($pair, 3)
|
|
||||||
$color-dark: nth($pair, 4)
|
|
||||||
&.is-light
|
|
||||||
background-color: $color-light
|
|
||||||
color: $color-dark
|
|
||||||
// Sizes
|
|
||||||
&.is-normal
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-normal
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-medium
|
|
||||||
.icon
|
|
||||||
&:first-child:not(:last-child)
|
|
||||||
+ltr-property("margin", -0.375em, false)
|
|
||||||
+ltr-property("margin", 0.1875em)
|
|
||||||
&:last-child:not(:first-child)
|
|
||||||
+ltr-property("margin", 0.1875em, false)
|
|
||||||
+ltr-property("margin", -0.375em)
|
|
||||||
&:first-child:last-child
|
|
||||||
+ltr-property("margin", -0.375em, false)
|
|
||||||
+ltr-property("margin", -0.375em)
|
|
||||||
// Modifiers
|
|
||||||
&.is-delete
|
|
||||||
+ltr-property("margin", $tag-delete-margin, false)
|
|
||||||
padding: 0
|
|
||||||
position: relative
|
|
||||||
width: 2em
|
|
||||||
&::before,
|
|
||||||
&::after
|
|
||||||
background-color: currentColor
|
|
||||||
content: ""
|
|
||||||
display: block
|
|
||||||
left: 50%
|
|
||||||
position: absolute
|
|
||||||
top: 50%
|
|
||||||
transform: translateX(-50%) translateY(-50%) rotate(45deg)
|
|
||||||
transform-origin: center center
|
|
||||||
&::before
|
|
||||||
height: 1px
|
|
||||||
width: 50%
|
|
||||||
&::after
|
|
||||||
height: 50%
|
|
||||||
width: 1px
|
|
||||||
&:hover,
|
|
||||||
&:focus
|
|
||||||
background-color: darken($tag-background-color, 5%)
|
|
||||||
&:active
|
|
||||||
background-color: darken($tag-background-color, 10%)
|
|
||||||
&.is-rounded
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
|
|
||||||
a.tag
|
|
||||||
&:hover
|
|
||||||
text-decoration: underline
|
|
||||||
|
|
@ -1,70 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$title-color: $text-strong !default
|
|
||||||
$title-family: false !default
|
|
||||||
$title-size: $size-3 !default
|
|
||||||
$title-weight: $weight-semibold !default
|
|
||||||
$title-line-height: 1.125 !default
|
|
||||||
$title-strong-color: inherit !default
|
|
||||||
$title-strong-weight: inherit !default
|
|
||||||
$title-sub-size: 0.75em !default
|
|
||||||
$title-sup-size: 0.75em !default
|
|
||||||
|
|
||||||
$subtitle-color: $text !default
|
|
||||||
$subtitle-family: false !default
|
|
||||||
$subtitle-size: $size-5 !default
|
|
||||||
$subtitle-weight: $weight-normal !default
|
|
||||||
$subtitle-line-height: 1.25 !default
|
|
||||||
$subtitle-strong-color: $text-strong !default
|
|
||||||
$subtitle-strong-weight: $weight-semibold !default
|
|
||||||
$subtitle-negative-margin: -1.25rem !default
|
|
||||||
|
|
||||||
.title,
|
|
||||||
.subtitle
|
|
||||||
@extend %block
|
|
||||||
word-break: break-word
|
|
||||||
em,
|
|
||||||
span
|
|
||||||
font-weight: inherit
|
|
||||||
sub
|
|
||||||
font-size: $title-sub-size
|
|
||||||
sup
|
|
||||||
font-size: $title-sup-size
|
|
||||||
.tag
|
|
||||||
vertical-align: middle
|
|
||||||
|
|
||||||
.title
|
|
||||||
color: $title-color
|
|
||||||
@if $title-family
|
|
||||||
font-family: $title-family
|
|
||||||
font-size: $title-size
|
|
||||||
font-weight: $title-weight
|
|
||||||
line-height: $title-line-height
|
|
||||||
strong
|
|
||||||
color: $title-strong-color
|
|
||||||
font-weight: $title-strong-weight
|
|
||||||
&:not(.is-spaced) + .subtitle
|
|
||||||
margin-top: $subtitle-negative-margin
|
|
||||||
// Sizes
|
|
||||||
@each $size in $sizes
|
|
||||||
$i: index($sizes, $size)
|
|
||||||
&.is-#{$i}
|
|
||||||
font-size: $size
|
|
||||||
|
|
||||||
.subtitle
|
|
||||||
color: $subtitle-color
|
|
||||||
@if $subtitle-family
|
|
||||||
font-family: $subtitle-family
|
|
||||||
font-size: $subtitle-size
|
|
||||||
font-weight: $subtitle-weight
|
|
||||||
line-height: $subtitle-line-height
|
|
||||||
strong
|
|
||||||
color: $subtitle-strong-color
|
|
||||||
font-weight: $subtitle-strong-weight
|
|
||||||
&:not(.is-spaced) + .title
|
|
||||||
margin-top: $subtitle-negative-margin
|
|
||||||
// Sizes
|
|
||||||
@each $size in $sizes
|
|
||||||
$i: index($sizes, $size)
|
|
||||||
&.is-#{$i}
|
|
||||||
font-size: $size
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
/* Bulma Form */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "shared"
|
|
||||||
@import "input-textarea"
|
|
||||||
@import "checkbox-radio"
|
|
||||||
@import "select"
|
|
||||||
@import "file"
|
|
||||||
@import "tools"
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
%checkbox-radio
|
|
||||||
cursor: pointer
|
|
||||||
display: inline-block
|
|
||||||
line-height: 1.25
|
|
||||||
position: relative
|
|
||||||
input
|
|
||||||
cursor: pointer
|
|
||||||
&:hover
|
|
||||||
color: $input-hover-color
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &,
|
|
||||||
input[disabled]
|
|
||||||
color: $input-disabled-color
|
|
||||||
cursor: not-allowed
|
|
||||||
|
|
||||||
.checkbox
|
|
||||||
@extend %checkbox-radio
|
|
||||||
|
|
||||||
.radio
|
|
||||||
@extend %checkbox-radio
|
|
||||||
& + .radio
|
|
||||||
+ltr-property("margin", 0.5em, false)
|
|
||||||
|
|
@ -1,184 +0,0 @@
|
||||||
$file-border-color: $border !default
|
|
||||||
$file-radius: $radius !default
|
|
||||||
|
|
||||||
$file-cta-background-color: $scheme-main-ter !default
|
|
||||||
$file-cta-color: $text !default
|
|
||||||
$file-cta-hover-color: $text-strong !default
|
|
||||||
$file-cta-active-color: $text-strong !default
|
|
||||||
|
|
||||||
$file-name-border-color: $border !default
|
|
||||||
$file-name-border-style: solid !default
|
|
||||||
$file-name-border-width: 1px 1px 1px 0 !default
|
|
||||||
$file-name-max-width: 16em !default
|
|
||||||
|
|
||||||
$file-colors: $form-colors !default
|
|
||||||
|
|
||||||
.file
|
|
||||||
@extend %unselectable
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
justify-content: flex-start
|
|
||||||
position: relative
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $file-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
.file-cta
|
|
||||||
background-color: $color
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
.file-cta
|
|
||||||
background-color: bulmaDarken($color, 2.5%)
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
&:focus,
|
|
||||||
&.is-focused
|
|
||||||
.file-cta
|
|
||||||
border-color: transparent
|
|
||||||
box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
|
|
||||||
color: $color-invert
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
.file-cta
|
|
||||||
background-color: bulmaDarken($color, 5%)
|
|
||||||
border-color: transparent
|
|
||||||
color: $color-invert
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-normal
|
|
||||||
font-size: $size-normal
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
.file-icon
|
|
||||||
.fa
|
|
||||||
font-size: 21px
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
.file-icon
|
|
||||||
.fa
|
|
||||||
font-size: 28px
|
|
||||||
// Modifiers
|
|
||||||
&.has-name
|
|
||||||
.file-cta
|
|
||||||
border-bottom-right-radius: 0
|
|
||||||
border-top-right-radius: 0
|
|
||||||
.file-name
|
|
||||||
border-bottom-left-radius: 0
|
|
||||||
border-top-left-radius: 0
|
|
||||||
&.is-empty
|
|
||||||
.file-cta
|
|
||||||
border-radius: $file-radius
|
|
||||||
.file-name
|
|
||||||
display: none
|
|
||||||
&.is-boxed
|
|
||||||
.file-label
|
|
||||||
flex-direction: column
|
|
||||||
.file-cta
|
|
||||||
flex-direction: column
|
|
||||||
height: auto
|
|
||||||
padding: 1em 3em
|
|
||||||
.file-name
|
|
||||||
border-width: 0 1px 1px
|
|
||||||
.file-icon
|
|
||||||
height: 1.5em
|
|
||||||
width: 1.5em
|
|
||||||
.fa
|
|
||||||
font-size: 21px
|
|
||||||
&.is-small
|
|
||||||
.file-icon .fa
|
|
||||||
font-size: 14px
|
|
||||||
&.is-medium
|
|
||||||
.file-icon .fa
|
|
||||||
font-size: 28px
|
|
||||||
&.is-large
|
|
||||||
.file-icon .fa
|
|
||||||
font-size: 35px
|
|
||||||
&.has-name
|
|
||||||
.file-cta
|
|
||||||
border-radius: $file-radius $file-radius 0 0
|
|
||||||
.file-name
|
|
||||||
border-radius: 0 0 $file-radius $file-radius
|
|
||||||
border-width: 0 1px 1px
|
|
||||||
&.is-centered
|
|
||||||
justify-content: center
|
|
||||||
&.is-fullwidth
|
|
||||||
.file-label
|
|
||||||
width: 100%
|
|
||||||
.file-name
|
|
||||||
flex-grow: 1
|
|
||||||
max-width: none
|
|
||||||
&.is-right
|
|
||||||
justify-content: flex-end
|
|
||||||
.file-cta
|
|
||||||
border-radius: 0 $file-radius $file-radius 0
|
|
||||||
.file-name
|
|
||||||
border-radius: $file-radius 0 0 $file-radius
|
|
||||||
border-width: 1px 0 1px 1px
|
|
||||||
order: -1
|
|
||||||
|
|
||||||
.file-label
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
cursor: pointer
|
|
||||||
justify-content: flex-start
|
|
||||||
overflow: hidden
|
|
||||||
position: relative
|
|
||||||
&:hover
|
|
||||||
.file-cta
|
|
||||||
background-color: bulmaDarken($file-cta-background-color, 2.5%)
|
|
||||||
color: $file-cta-hover-color
|
|
||||||
.file-name
|
|
||||||
border-color: bulmaDarken($file-name-border-color, 2.5%)
|
|
||||||
&:active
|
|
||||||
.file-cta
|
|
||||||
background-color: bulmaDarken($file-cta-background-color, 5%)
|
|
||||||
color: $file-cta-active-color
|
|
||||||
.file-name
|
|
||||||
border-color: bulmaDarken($file-name-border-color, 5%)
|
|
||||||
|
|
||||||
.file-input
|
|
||||||
height: 100%
|
|
||||||
left: 0
|
|
||||||
opacity: 0
|
|
||||||
outline: none
|
|
||||||
position: absolute
|
|
||||||
top: 0
|
|
||||||
width: 100%
|
|
||||||
|
|
||||||
.file-cta,
|
|
||||||
.file-name
|
|
||||||
@extend %control
|
|
||||||
border-color: $file-border-color
|
|
||||||
border-radius: $file-radius
|
|
||||||
font-size: 1em
|
|
||||||
padding-left: 1em
|
|
||||||
padding-right: 1em
|
|
||||||
white-space: nowrap
|
|
||||||
|
|
||||||
.file-cta
|
|
||||||
background-color: $file-cta-background-color
|
|
||||||
color: $file-cta-color
|
|
||||||
|
|
||||||
.file-name
|
|
||||||
border-color: $file-name-border-color
|
|
||||||
border-style: $file-name-border-style
|
|
||||||
border-width: $file-name-border-width
|
|
||||||
display: block
|
|
||||||
max-width: $file-name-max-width
|
|
||||||
overflow: hidden
|
|
||||||
text-align: inherit
|
|
||||||
text-overflow: ellipsis
|
|
||||||
|
|
||||||
.file-icon
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
height: 1em
|
|
||||||
justify-content: center
|
|
||||||
+ltr-property("margin", 0.5em)
|
|
||||||
width: 1em
|
|
||||||
.fa
|
|
||||||
font-size: 14px
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
$textarea-padding: $control-padding-horizontal !default
|
|
||||||
$textarea-max-height: 40em !default
|
|
||||||
$textarea-min-height: 8em !default
|
|
||||||
|
|
||||||
$textarea-colors: $form-colors !default
|
|
||||||
|
|
||||||
%input-textarea
|
|
||||||
@extend %input
|
|
||||||
box-shadow: $input-shadow
|
|
||||||
max-width: 100%
|
|
||||||
width: 100%
|
|
||||||
&[readonly]
|
|
||||||
box-shadow: none
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $textarea-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
&.is-#{$name}
|
|
||||||
border-color: $color
|
|
||||||
&:focus,
|
|
||||||
&.is-focused,
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
+control-small
|
|
||||||
&.is-medium
|
|
||||||
+control-medium
|
|
||||||
&.is-large
|
|
||||||
+control-large
|
|
||||||
// Modifiers
|
|
||||||
&.is-fullwidth
|
|
||||||
display: block
|
|
||||||
width: 100%
|
|
||||||
&.is-inline
|
|
||||||
display: inline
|
|
||||||
width: auto
|
|
||||||
|
|
||||||
.input
|
|
||||||
@extend %input-textarea
|
|
||||||
&.is-rounded
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
padding-left: calc(#{$control-padding-horizontal} + 0.375em)
|
|
||||||
padding-right: calc(#{$control-padding-horizontal} + 0.375em)
|
|
||||||
&.is-static
|
|
||||||
background-color: transparent
|
|
||||||
border-color: transparent
|
|
||||||
box-shadow: none
|
|
||||||
padding-left: 0
|
|
||||||
padding-right: 0
|
|
||||||
|
|
||||||
.textarea
|
|
||||||
@extend %input-textarea
|
|
||||||
display: block
|
|
||||||
max-width: 100%
|
|
||||||
min-width: 100%
|
|
||||||
padding: $textarea-padding
|
|
||||||
resize: vertical
|
|
||||||
&:not([rows])
|
|
||||||
max-height: $textarea-max-height
|
|
||||||
min-height: $textarea-min-height
|
|
||||||
&[rows]
|
|
||||||
height: initial
|
|
||||||
// Modifiers
|
|
||||||
&.has-fixed-size
|
|
||||||
resize: none
|
|
||||||
|
|
@ -1,87 +0,0 @@
|
||||||
$select-colors: $form-colors !default
|
|
||||||
|
|
||||||
.select
|
|
||||||
display: inline-block
|
|
||||||
max-width: 100%
|
|
||||||
position: relative
|
|
||||||
vertical-align: top
|
|
||||||
&:not(.is-multiple)
|
|
||||||
height: $input-height
|
|
||||||
&:not(.is-multiple):not(.is-loading)
|
|
||||||
&::after
|
|
||||||
@extend %arrow
|
|
||||||
border-color: $input-arrow
|
|
||||||
+ltr-position(1.125em)
|
|
||||||
z-index: 4
|
|
||||||
&.is-rounded
|
|
||||||
select
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
+ltr-property("padding", 1em, false)
|
|
||||||
select
|
|
||||||
@extend %input
|
|
||||||
cursor: pointer
|
|
||||||
display: block
|
|
||||||
font-size: 1em
|
|
||||||
max-width: 100%
|
|
||||||
outline: none
|
|
||||||
&::-ms-expand
|
|
||||||
display: none
|
|
||||||
&[disabled]:hover,
|
|
||||||
fieldset[disabled] &:hover
|
|
||||||
border-color: $input-disabled-border-color
|
|
||||||
&:not([multiple])
|
|
||||||
+ltr-property("padding", 2.5em)
|
|
||||||
&[multiple]
|
|
||||||
height: auto
|
|
||||||
padding: 0
|
|
||||||
option
|
|
||||||
padding: 0.5em 1em
|
|
||||||
// States
|
|
||||||
&:not(.is-multiple):not(.is-loading):hover
|
|
||||||
&::after
|
|
||||||
border-color: $input-hover-color
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $select-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
&.is-#{$name}
|
|
||||||
&:not(:hover)::after
|
|
||||||
border-color: $color
|
|
||||||
select
|
|
||||||
border-color: $color
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
border-color: bulmaDarken($color, 5%)
|
|
||||||
&:focus,
|
|
||||||
&.is-focused,
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
+control-small
|
|
||||||
&.is-medium
|
|
||||||
+control-medium
|
|
||||||
&.is-large
|
|
||||||
+control-large
|
|
||||||
// Modifiers
|
|
||||||
&.is-disabled
|
|
||||||
&::after
|
|
||||||
border-color: $input-disabled-color
|
|
||||||
&.is-fullwidth
|
|
||||||
width: 100%
|
|
||||||
select
|
|
||||||
width: 100%
|
|
||||||
&.is-loading
|
|
||||||
&::after
|
|
||||||
@extend %loader
|
|
||||||
margin-top: 0
|
|
||||||
position: absolute
|
|
||||||
+ltr-position(0.625em)
|
|
||||||
top: 0.625em
|
|
||||||
transform: none
|
|
||||||
&.is-small:after
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium:after
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large:after
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
@ -1,60 +0,0 @@
|
||||||
@import "../utilities/controls"
|
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$form-colors: $colors !default
|
|
||||||
|
|
||||||
$input-color: $text-strong !default
|
|
||||||
$input-background-color: $scheme-main !default
|
|
||||||
$input-border-color: $border !default
|
|
||||||
$input-height: $control-height !default
|
|
||||||
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
|
|
||||||
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
|
|
||||||
|
|
||||||
$input-hover-color: $text-strong !default
|
|
||||||
$input-hover-border-color: $border-hover !default
|
|
||||||
|
|
||||||
$input-focus-color: $text-strong !default
|
|
||||||
$input-focus-border-color: $link !default
|
|
||||||
$input-focus-box-shadow-size: 0 0 0 0.125em !default
|
|
||||||
$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
|
||||||
|
|
||||||
$input-disabled-color: $text-light !default
|
|
||||||
$input-disabled-background-color: $background !default
|
|
||||||
$input-disabled-border-color: $background !default
|
|
||||||
$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default
|
|
||||||
|
|
||||||
$input-arrow: $link !default
|
|
||||||
|
|
||||||
$input-icon-color: $border !default
|
|
||||||
$input-icon-active-color: $text !default
|
|
||||||
|
|
||||||
$input-radius: $radius !default
|
|
||||||
|
|
||||||
=input
|
|
||||||
@extend %control
|
|
||||||
background-color: $input-background-color
|
|
||||||
border-color: $input-border-color
|
|
||||||
border-radius: $input-radius
|
|
||||||
color: $input-color
|
|
||||||
+placeholder
|
|
||||||
color: $input-placeholder-color
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
border-color: $input-hover-border-color
|
|
||||||
&:focus,
|
|
||||||
&.is-focused,
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
border-color: $input-focus-border-color
|
|
||||||
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
background-color: $input-disabled-background-color
|
|
||||||
border-color: $input-disabled-border-color
|
|
||||||
box-shadow: none
|
|
||||||
color: $input-disabled-color
|
|
||||||
+placeholder
|
|
||||||
color: $input-disabled-placeholder-color
|
|
||||||
|
|
||||||
%input
|
|
||||||
+input
|
|
||||||
|
|
@ -1,215 +0,0 @@
|
||||||
$label-color: $text-strong !default
|
|
||||||
$label-weight: $weight-bold !default
|
|
||||||
|
|
||||||
$help-size: $size-small !default
|
|
||||||
|
|
||||||
$label-colors: $form-colors !default
|
|
||||||
|
|
||||||
.label
|
|
||||||
color: $label-color
|
|
||||||
display: block
|
|
||||||
font-size: $size-normal
|
|
||||||
font-weight: $label-weight
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0.5em
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
||||||
.help
|
|
||||||
display: block
|
|
||||||
font-size: $help-size
|
|
||||||
margin-top: 0.25rem
|
|
||||||
@each $name, $pair in $label-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
&.is-#{$name}
|
|
||||||
color: $color
|
|
||||||
|
|
||||||
// Containers
|
|
||||||
|
|
||||||
.field
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0.75rem
|
|
||||||
// Modifiers
|
|
||||||
&.has-addons
|
|
||||||
display: flex
|
|
||||||
justify-content: flex-start
|
|
||||||
.control
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr-property("margin", -1px)
|
|
||||||
&:not(:first-child):not(:last-child)
|
|
||||||
.button,
|
|
||||||
.input,
|
|
||||||
.select select
|
|
||||||
border-radius: 0
|
|
||||||
&:first-child:not(:only-child)
|
|
||||||
.button,
|
|
||||||
.input,
|
|
||||||
.select select
|
|
||||||
+ltr
|
|
||||||
border-bottom-right-radius: 0
|
|
||||||
border-top-right-radius: 0
|
|
||||||
+rtl
|
|
||||||
border-bottom-left-radius: 0
|
|
||||||
border-top-left-radius: 0
|
|
||||||
&:last-child:not(:only-child)
|
|
||||||
.button,
|
|
||||||
.input,
|
|
||||||
.select select
|
|
||||||
+ltr
|
|
||||||
border-bottom-left-radius: 0
|
|
||||||
border-top-left-radius: 0
|
|
||||||
+rtl
|
|
||||||
border-bottom-right-radius: 0
|
|
||||||
border-top-right-radius: 0
|
|
||||||
.button,
|
|
||||||
.input,
|
|
||||||
.select select
|
|
||||||
&:not([disabled])
|
|
||||||
&:hover,
|
|
||||||
&.is-hovered
|
|
||||||
z-index: 2
|
|
||||||
&:focus,
|
|
||||||
&.is-focused,
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
z-index: 3
|
|
||||||
&:hover
|
|
||||||
z-index: 4
|
|
||||||
&.is-expanded
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
&.has-addons-centered
|
|
||||||
justify-content: center
|
|
||||||
&.has-addons-right
|
|
||||||
justify-content: flex-end
|
|
||||||
&.has-addons-fullwidth
|
|
||||||
.control
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
&.is-grouped
|
|
||||||
display: flex
|
|
||||||
justify-content: flex-start
|
|
||||||
& > .control
|
|
||||||
flex-shrink: 0
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0
|
|
||||||
+ltr-property("margin", 0.75rem)
|
|
||||||
&.is-expanded
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
&.is-grouped-centered
|
|
||||||
justify-content: center
|
|
||||||
&.is-grouped-right
|
|
||||||
justify-content: flex-end
|
|
||||||
&.is-grouped-multiline
|
|
||||||
flex-wrap: wrap
|
|
||||||
& > .control
|
|
||||||
&:last-child,
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0.75rem
|
|
||||||
&:last-child
|
|
||||||
margin-bottom: -0.75rem
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0
|
|
||||||
&.is-horizontal
|
|
||||||
+tablet
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
.field-label
|
|
||||||
.label
|
|
||||||
font-size: inherit
|
|
||||||
+mobile
|
|
||||||
margin-bottom: 0.5rem
|
|
||||||
+tablet
|
|
||||||
flex-basis: 0
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
+ltr-property("margin", 1.5rem)
|
|
||||||
text-align: right
|
|
||||||
&.is-small
|
|
||||||
font-size: $size-small
|
|
||||||
padding-top: 0.375em
|
|
||||||
&.is-normal
|
|
||||||
padding-top: 0.375em
|
|
||||||
&.is-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
padding-top: 0.375em
|
|
||||||
&.is-large
|
|
||||||
font-size: $size-large
|
|
||||||
padding-top: 0.375em
|
|
||||||
|
|
||||||
.field-body
|
|
||||||
.field .field
|
|
||||||
margin-bottom: 0
|
|
||||||
+tablet
|
|
||||||
display: flex
|
|
||||||
flex-basis: 0
|
|
||||||
flex-grow: 5
|
|
||||||
flex-shrink: 1
|
|
||||||
.field
|
|
||||||
margin-bottom: 0
|
|
||||||
& > .field
|
|
||||||
flex-shrink: 1
|
|
||||||
&:not(.is-narrow)
|
|
||||||
flex-grow: 1
|
|
||||||
&:not(:last-child)
|
|
||||||
+ltr-property("margin", 0.75rem)
|
|
||||||
|
|
||||||
.control
|
|
||||||
box-sizing: border-box
|
|
||||||
clear: both
|
|
||||||
font-size: $size-normal
|
|
||||||
position: relative
|
|
||||||
text-align: inherit
|
|
||||||
// Modifiers
|
|
||||||
&.has-icons-left,
|
|
||||||
&.has-icons-right
|
|
||||||
.input,
|
|
||||||
.select
|
|
||||||
&:focus
|
|
||||||
& ~ .icon
|
|
||||||
color: $input-icon-active-color
|
|
||||||
&.is-small ~ .icon
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium ~ .icon
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large ~ .icon
|
|
||||||
font-size: $size-large
|
|
||||||
.icon
|
|
||||||
color: $input-icon-color
|
|
||||||
height: $input-height
|
|
||||||
pointer-events: none
|
|
||||||
position: absolute
|
|
||||||
top: 0
|
|
||||||
width: $input-height
|
|
||||||
z-index: 4
|
|
||||||
&.has-icons-left
|
|
||||||
.input,
|
|
||||||
.select select
|
|
||||||
padding-left: $input-height
|
|
||||||
.icon.is-left
|
|
||||||
left: 0
|
|
||||||
&.has-icons-right
|
|
||||||
.input,
|
|
||||||
.select select
|
|
||||||
padding-right: $input-height
|
|
||||||
.icon.is-right
|
|
||||||
right: 0
|
|
||||||
&.is-loading
|
|
||||||
&::after
|
|
||||||
@extend %loader
|
|
||||||
position: absolute !important
|
|
||||||
+ltr-position(0.625em)
|
|
||||||
top: 0.625em
|
|
||||||
z-index: 4
|
|
||||||
&.is-small:after
|
|
||||||
font-size: $size-small
|
|
||||||
&.is-medium:after
|
|
||||||
font-size: $size-medium
|
|
||||||
&.is-large:after
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
/* Bulma Grid */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "columns"
|
|
||||||
@import "tiles"
|
|
||||||
|
|
@ -1,513 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$column-gap: 0.75rem !default
|
|
||||||
|
|
||||||
.column
|
|
||||||
display: block
|
|
||||||
flex-basis: 0
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
padding: $column-gap
|
|
||||||
.columns.is-mobile > &.is-narrow
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
.columns.is-mobile > &.is-full
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
.columns.is-mobile > &.is-three-quarters
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
.columns.is-mobile > &.is-two-thirds
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
.columns.is-mobile > &.is-half
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
.columns.is-mobile > &.is-one-third
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
.columns.is-mobile > &.is-one-quarter
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
.columns.is-mobile > &.is-one-fifth
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
.columns.is-mobile > &.is-two-fifths
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
.columns.is-mobile > &.is-three-fifths
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
.columns.is-mobile > &.is-four-fifths
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
.columns.is-mobile > &.is-offset-three-quarters
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-two-thirds
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-half
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-one-third
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-one-quarter
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-one-fifth
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-two-fifths
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-three-fifths
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
.columns.is-mobile > &.is-offset-four-fifths
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
.columns.is-mobile > &.is-#{$i}
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
.columns.is-mobile > &.is-offset-#{$i}
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
+mobile
|
|
||||||
&.is-narrow-mobile
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
&.is-full-mobile
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
&.is-three-quarters-mobile
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
&.is-two-thirds-mobile
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
&.is-half-mobile
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
&.is-one-third-mobile
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
&.is-one-quarter-mobile
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
&.is-one-fifth-mobile
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
&.is-two-fifths-mobile
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
&.is-three-fifths-mobile
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
&.is-four-fifths-mobile
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
&.is-offset-three-quarters-mobile
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
&.is-offset-two-thirds-mobile
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
&.is-offset-half-mobile
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
&.is-offset-one-third-mobile
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
&.is-offset-one-quarter-mobile
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
&.is-offset-one-fifth-mobile
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
&.is-offset-two-fifths-mobile
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
&.is-offset-three-fifths-mobile
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
&.is-offset-four-fifths-mobile
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
&.is-#{$i}-mobile
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
&.is-offset-#{$i}-mobile
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
+tablet
|
|
||||||
&.is-narrow,
|
|
||||||
&.is-narrow-tablet
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
&.is-full,
|
|
||||||
&.is-full-tablet
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
&.is-three-quarters,
|
|
||||||
&.is-three-quarters-tablet
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
&.is-two-thirds,
|
|
||||||
&.is-two-thirds-tablet
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
&.is-half,
|
|
||||||
&.is-half-tablet
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
&.is-one-third,
|
|
||||||
&.is-one-third-tablet
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
&.is-one-quarter,
|
|
||||||
&.is-one-quarter-tablet
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
&.is-one-fifth,
|
|
||||||
&.is-one-fifth-tablet
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
&.is-two-fifths,
|
|
||||||
&.is-two-fifths-tablet
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
&.is-three-fifths,
|
|
||||||
&.is-three-fifths-tablet
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
&.is-four-fifths,
|
|
||||||
&.is-four-fifths-tablet
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
&.is-offset-three-quarters,
|
|
||||||
&.is-offset-three-quarters-tablet
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
&.is-offset-two-thirds,
|
|
||||||
&.is-offset-two-thirds-tablet
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
&.is-offset-half,
|
|
||||||
&.is-offset-half-tablet
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
&.is-offset-one-third,
|
|
||||||
&.is-offset-one-third-tablet
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
&.is-offset-one-quarter,
|
|
||||||
&.is-offset-one-quarter-tablet
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
&.is-offset-one-fifth,
|
|
||||||
&.is-offset-one-fifth-tablet
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
&.is-offset-two-fifths,
|
|
||||||
&.is-offset-two-fifths-tablet
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
&.is-offset-three-fifths,
|
|
||||||
&.is-offset-three-fifths-tablet
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
&.is-offset-four-fifths,
|
|
||||||
&.is-offset-four-fifths-tablet
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
&.is-#{$i},
|
|
||||||
&.is-#{$i}-tablet
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
&.is-offset-#{$i},
|
|
||||||
&.is-offset-#{$i}-tablet
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
+touch
|
|
||||||
&.is-narrow-touch
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
&.is-full-touch
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
&.is-three-quarters-touch
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
&.is-two-thirds-touch
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
&.is-half-touch
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
&.is-one-third-touch
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
&.is-one-quarter-touch
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
&.is-one-fifth-touch
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
&.is-two-fifths-touch
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
&.is-three-fifths-touch
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
&.is-four-fifths-touch
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
&.is-offset-three-quarters-touch
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
&.is-offset-two-thirds-touch
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
&.is-offset-half-touch
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
&.is-offset-one-third-touch
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
&.is-offset-one-quarter-touch
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
&.is-offset-one-fifth-touch
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
&.is-offset-two-fifths-touch
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
&.is-offset-three-fifths-touch
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
&.is-offset-four-fifths-touch
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
&.is-#{$i}-touch
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
&.is-offset-#{$i}-touch
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
+desktop
|
|
||||||
&.is-narrow-desktop
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
&.is-full-desktop
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
&.is-three-quarters-desktop
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
&.is-two-thirds-desktop
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
&.is-half-desktop
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
&.is-one-third-desktop
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
&.is-one-quarter-desktop
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
&.is-one-fifth-desktop
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
&.is-two-fifths-desktop
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
&.is-three-fifths-desktop
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
&.is-four-fifths-desktop
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
&.is-offset-three-quarters-desktop
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
&.is-offset-two-thirds-desktop
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
&.is-offset-half-desktop
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
&.is-offset-one-third-desktop
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
&.is-offset-one-quarter-desktop
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
&.is-offset-one-fifth-desktop
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
&.is-offset-two-fifths-desktop
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
&.is-offset-three-fifths-desktop
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
&.is-offset-four-fifths-desktop
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
&.is-#{$i}-desktop
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
&.is-offset-#{$i}-desktop
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
+widescreen
|
|
||||||
&.is-narrow-widescreen
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
&.is-full-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
&.is-three-quarters-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
&.is-two-thirds-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
&.is-half-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
&.is-one-third-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
&.is-one-quarter-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
&.is-one-fifth-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
&.is-two-fifths-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
&.is-three-fifths-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
&.is-four-fifths-widescreen
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
&.is-offset-three-quarters-widescreen
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
&.is-offset-two-thirds-widescreen
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
&.is-offset-half-widescreen
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
&.is-offset-one-third-widescreen
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
&.is-offset-one-quarter-widescreen
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
&.is-offset-one-fifth-widescreen
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
&.is-offset-two-fifths-widescreen
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
&.is-offset-three-fifths-widescreen
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
&.is-offset-four-fifths-widescreen
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
&.is-#{$i}-widescreen
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
&.is-offset-#{$i}-widescreen
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
+fullhd
|
|
||||||
&.is-narrow-fullhd
|
|
||||||
flex: none
|
|
||||||
width: unset
|
|
||||||
&.is-full-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 100%
|
|
||||||
&.is-three-quarters-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 75%
|
|
||||||
&.is-two-thirds-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 66.6666%
|
|
||||||
&.is-half-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 50%
|
|
||||||
&.is-one-third-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 33.3333%
|
|
||||||
&.is-one-quarter-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 25%
|
|
||||||
&.is-one-fifth-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 20%
|
|
||||||
&.is-two-fifths-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 40%
|
|
||||||
&.is-three-fifths-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 60%
|
|
||||||
&.is-four-fifths-fullhd
|
|
||||||
flex: none
|
|
||||||
width: 80%
|
|
||||||
&.is-offset-three-quarters-fullhd
|
|
||||||
+ltr-property("margin", 75%, false)
|
|
||||||
&.is-offset-two-thirds-fullhd
|
|
||||||
+ltr-property("margin", 66.6666%, false)
|
|
||||||
&.is-offset-half-fullhd
|
|
||||||
+ltr-property("margin", 50%, false)
|
|
||||||
&.is-offset-one-third-fullhd
|
|
||||||
+ltr-property("margin", 33.3333%, false)
|
|
||||||
&.is-offset-one-quarter-fullhd
|
|
||||||
+ltr-property("margin", 25%, false)
|
|
||||||
&.is-offset-one-fifth-fullhd
|
|
||||||
+ltr-property("margin", 20%, false)
|
|
||||||
&.is-offset-two-fifths-fullhd
|
|
||||||
+ltr-property("margin", 40%, false)
|
|
||||||
&.is-offset-three-fifths-fullhd
|
|
||||||
+ltr-property("margin", 60%, false)
|
|
||||||
&.is-offset-four-fifths-fullhd
|
|
||||||
+ltr-property("margin", 80%, false)
|
|
||||||
@for $i from 0 through 12
|
|
||||||
&.is-#{$i}-fullhd
|
|
||||||
flex: none
|
|
||||||
width: percentage(divide($i, 12))
|
|
||||||
&.is-offset-#{$i}-fullhd
|
|
||||||
+ltr-property("margin", percentage(divide($i, 12)), false)
|
|
||||||
|
|
||||||
.columns
|
|
||||||
+ltr-property("margin", (-$column-gap), false)
|
|
||||||
+ltr-property("margin", (-$column-gap))
|
|
||||||
margin-top: (-$column-gap)
|
|
||||||
&:last-child
|
|
||||||
margin-bottom: (-$column-gap)
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: calc(1.5rem - #{$column-gap})
|
|
||||||
// Modifiers
|
|
||||||
&.is-centered
|
|
||||||
justify-content: center
|
|
||||||
&.is-gapless
|
|
||||||
+ltr-property("margin", 0, false)
|
|
||||||
+ltr-property("margin", 0)
|
|
||||||
margin-top: 0
|
|
||||||
& > .column
|
|
||||||
margin: 0
|
|
||||||
padding: 0 !important
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 1.5rem
|
|
||||||
&:last-child
|
|
||||||
margin-bottom: 0
|
|
||||||
&.is-mobile
|
|
||||||
display: flex
|
|
||||||
&.is-multiline
|
|
||||||
flex-wrap: wrap
|
|
||||||
&.is-vcentered
|
|
||||||
align-items: center
|
|
||||||
// Responsiveness
|
|
||||||
+tablet
|
|
||||||
&:not(.is-desktop)
|
|
||||||
display: flex
|
|
||||||
+desktop
|
|
||||||
// Modifiers
|
|
||||||
&.is-desktop
|
|
||||||
display: flex
|
|
||||||
|
|
||||||
@if $variable-columns
|
|
||||||
.columns.is-variable
|
|
||||||
--columnGap: 0.75rem
|
|
||||||
+ltr-property("margin", calc(-1 * var(--columnGap)), false)
|
|
||||||
+ltr-property("margin", calc(-1 * var(--columnGap)))
|
|
||||||
> .column
|
|
||||||
padding-left: var(--columnGap)
|
|
||||||
padding-right: var(--columnGap)
|
|
||||||
@for $i from 0 through 8
|
|
||||||
&.is-#{$i}
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+mobile
|
|
||||||
&.is-#{$i}-mobile
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+tablet
|
|
||||||
&.is-#{$i}-tablet
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+tablet-only
|
|
||||||
&.is-#{$i}-tablet-only
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+touch
|
|
||||||
&.is-#{$i}-touch
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+desktop
|
|
||||||
&.is-#{$i}-desktop
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+desktop-only
|
|
||||||
&.is-#{$i}-desktop-only
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+widescreen
|
|
||||||
&.is-#{$i}-widescreen
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+widescreen-only
|
|
||||||
&.is-#{$i}-widescreen-only
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
+fullhd
|
|
||||||
&.is-#{$i}-fullhd
|
|
||||||
--columnGap: #{$i * 0.25rem}
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$tile-spacing: 0.75rem !default
|
|
||||||
|
|
||||||
.tile
|
|
||||||
align-items: stretch
|
|
||||||
display: block
|
|
||||||
flex-basis: 0
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
min-height: min-content
|
|
||||||
// Modifiers
|
|
||||||
&.is-ancestor
|
|
||||||
margin-left: $tile-spacing * -1
|
|
||||||
margin-right: $tile-spacing * -1
|
|
||||||
margin-top: $tile-spacing * -1
|
|
||||||
&:last-child
|
|
||||||
margin-bottom: $tile-spacing * -1
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: $tile-spacing
|
|
||||||
&.is-child
|
|
||||||
margin: 0 !important
|
|
||||||
&.is-parent
|
|
||||||
padding: $tile-spacing
|
|
||||||
&.is-vertical
|
|
||||||
flex-direction: column
|
|
||||||
& > .tile.is-child:not(:last-child)
|
|
||||||
margin-bottom: 1.5rem !important
|
|
||||||
// Responsiveness
|
|
||||||
+tablet
|
|
||||||
&:not(.is-child)
|
|
||||||
display: flex
|
|
||||||
@for $i from 1 through 12
|
|
||||||
&.is-#{$i}
|
|
||||||
flex: none
|
|
||||||
width: (divide($i, 12)) * 100%
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
/* Bulma Helpers */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "color"
|
|
||||||
@import "flexbox"
|
|
||||||
@import "float"
|
|
||||||
@import "other"
|
|
||||||
@import "overflow"
|
|
||||||
@import "position"
|
|
||||||
@import "spacing"
|
|
||||||
@import "typography"
|
|
||||||
@import "visibility"
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
@import "../utilities/derived-variables"
|
|
||||||
|
|
||||||
@each $name, $pair in $colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
.has-text-#{$name}
|
|
||||||
color: $color !important
|
|
||||||
a.has-text-#{$name}
|
|
||||||
&:hover,
|
|
||||||
&:focus
|
|
||||||
color: bulmaDarken($color, 10%) !important
|
|
||||||
.has-background-#{$name}
|
|
||||||
background-color: $color !important
|
|
||||||
@if length($pair) >= 4
|
|
||||||
$color-light: nth($pair, 3)
|
|
||||||
$color-dark: nth($pair, 4)
|
|
||||||
// Light
|
|
||||||
.has-text-#{$name}-light
|
|
||||||
color: $color-light !important
|
|
||||||
a.has-text-#{$name}-light
|
|
||||||
&:hover,
|
|
||||||
&:focus
|
|
||||||
color: bulmaDarken($color-light, 10%) !important
|
|
||||||
.has-background-#{$name}-light
|
|
||||||
background-color: $color-light !important
|
|
||||||
// Dark
|
|
||||||
.has-text-#{$name}-dark
|
|
||||||
color: $color-dark !important
|
|
||||||
a.has-text-#{$name}-dark
|
|
||||||
&:hover,
|
|
||||||
&:focus
|
|
||||||
color: bulmaLighten($color-dark, 10%) !important
|
|
||||||
.has-background-#{$name}-dark
|
|
||||||
background-color: $color-dark !important
|
|
||||||
|
|
||||||
@each $name, $shade in $shades
|
|
||||||
.has-text-#{$name}
|
|
||||||
color: $shade !important
|
|
||||||
.has-background-#{$name}
|
|
||||||
background-color: $shade !important
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
$flex-direction-values: row, row-reverse, column, column-reverse
|
|
||||||
@each $value in $flex-direction-values
|
|
||||||
.is-flex-direction-#{$value}
|
|
||||||
flex-direction: $value !important
|
|
||||||
|
|
||||||
$flex-wrap-values: nowrap, wrap, wrap-reverse
|
|
||||||
@each $value in $flex-wrap-values
|
|
||||||
.is-flex-wrap-#{$value}
|
|
||||||
flex-wrap: $value !important
|
|
||||||
|
|
||||||
$justify-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, start, end, left, right
|
|
||||||
@each $value in $justify-content-values
|
|
||||||
.is-justify-content-#{$value}
|
|
||||||
justify-content: $value !important
|
|
||||||
|
|
||||||
$align-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch, start, end, baseline
|
|
||||||
@each $value in $align-content-values
|
|
||||||
.is-align-content-#{$value}
|
|
||||||
align-content: $value !important
|
|
||||||
|
|
||||||
$align-items-values: stretch, flex-start, flex-end, center, baseline, start, end, self-start, self-end
|
|
||||||
@each $value in $align-items-values
|
|
||||||
.is-align-items-#{$value}
|
|
||||||
align-items: $value !important
|
|
||||||
|
|
||||||
$align-self-values: auto, flex-start, flex-end, center, baseline, stretch
|
|
||||||
@each $value in $align-self-values
|
|
||||||
.is-align-self-#{$value}
|
|
||||||
align-self: $value !important
|
|
||||||
|
|
||||||
$flex-operators: grow, shrink
|
|
||||||
@each $operator in $flex-operators
|
|
||||||
@for $i from 0 through 5
|
|
||||||
.is-flex-#{$operator}-#{$i}
|
|
||||||
flex-#{$operator}: $i !important
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
.is-clearfix
|
|
||||||
+clearfix
|
|
||||||
|
|
||||||
.is-pulled-left
|
|
||||||
float: left !important
|
|
||||||
|
|
||||||
.is-pulled-right
|
|
||||||
float: right !important
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
.is-radiusless
|
|
||||||
border-radius: 0 !important
|
|
||||||
|
|
||||||
.is-shadowless
|
|
||||||
box-shadow: none !important
|
|
||||||
|
|
||||||
.is-clickable
|
|
||||||
cursor: pointer !important
|
|
||||||
pointer-events: all !important
|
|
||||||
|
|
||||||
.is-unselectable
|
|
||||||
@extend %unselectable
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
.is-clipped
|
|
||||||
overflow: hidden !important
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
.is-overlay
|
|
||||||
@extend %overlay
|
|
||||||
|
|
||||||
.is-relative
|
|
||||||
position: relative !important
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
.is-marginless
|
|
||||||
margin: 0 !important
|
|
||||||
|
|
||||||
.is-paddingless
|
|
||||||
padding: 0 !important
|
|
||||||
|
|
||||||
$spacing-shortcuts: ("margin": "m", "padding": "p") !default
|
|
||||||
$spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default
|
|
||||||
$spacing-horizontal: "x" !default
|
|
||||||
$spacing-vertical: "y" !default
|
|
||||||
$spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem, "auto": auto) !default
|
|
||||||
|
|
||||||
@each $property, $shortcut in $spacing-shortcuts
|
|
||||||
@each $name, $value in $spacing-values
|
|
||||||
// All directions
|
|
||||||
.#{$shortcut}-#{$name}
|
|
||||||
#{$property}: $value !important
|
|
||||||
// Cardinal directions
|
|
||||||
@each $direction, $suffix in $spacing-directions
|
|
||||||
.#{$shortcut}#{$suffix}-#{$name}
|
|
||||||
#{$property}-#{$direction}: $value !important
|
|
||||||
// Horizontal axis
|
|
||||||
@if $spacing-horizontal != null
|
|
||||||
.#{$shortcut}#{$spacing-horizontal}-#{$name}
|
|
||||||
#{$property}-left: $value !important
|
|
||||||
#{$property}-right: $value !important
|
|
||||||
// Vertical axis
|
|
||||||
@if $spacing-vertical != null
|
|
||||||
.#{$shortcut}#{$spacing-vertical}-#{$name}
|
|
||||||
#{$property}-top: $value !important
|
|
||||||
#{$property}-bottom: $value !important
|
|
||||||
|
|
@ -1,103 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
=typography-size($target:'')
|
|
||||||
@each $size in $sizes
|
|
||||||
$i: index($sizes, $size)
|
|
||||||
.is-size-#{$i}#{if($target == '', '', '-' + $target)}
|
|
||||||
font-size: $size !important
|
|
||||||
|
|
||||||
+typography-size()
|
|
||||||
|
|
||||||
+mobile
|
|
||||||
+typography-size('mobile')
|
|
||||||
|
|
||||||
+tablet
|
|
||||||
+typography-size('tablet')
|
|
||||||
|
|
||||||
+touch
|
|
||||||
+typography-size('touch')
|
|
||||||
|
|
||||||
+desktop
|
|
||||||
+typography-size('desktop')
|
|
||||||
|
|
||||||
+widescreen
|
|
||||||
+typography-size('widescreen')
|
|
||||||
|
|
||||||
+fullhd
|
|
||||||
+typography-size('fullhd')
|
|
||||||
|
|
||||||
$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
|
|
||||||
|
|
||||||
@each $alignment, $text-align in $alignments
|
|
||||||
.has-text-#{$alignment}
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
|
|
||||||
@each $alignment, $text-align in $alignments
|
|
||||||
+mobile
|
|
||||||
.has-text-#{$alignment}-mobile
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+tablet
|
|
||||||
.has-text-#{$alignment}-tablet
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+tablet-only
|
|
||||||
.has-text-#{$alignment}-tablet-only
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+touch
|
|
||||||
.has-text-#{$alignment}-touch
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+desktop
|
|
||||||
.has-text-#{$alignment}-desktop
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+desktop-only
|
|
||||||
.has-text-#{$alignment}-desktop-only
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+widescreen
|
|
||||||
.has-text-#{$alignment}-widescreen
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+widescreen-only
|
|
||||||
.has-text-#{$alignment}-widescreen-only
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
+fullhd
|
|
||||||
.has-text-#{$alignment}-fullhd
|
|
||||||
text-align: #{$text-align} !important
|
|
||||||
|
|
||||||
.is-capitalized
|
|
||||||
text-transform: capitalize !important
|
|
||||||
|
|
||||||
.is-lowercase
|
|
||||||
text-transform: lowercase !important
|
|
||||||
|
|
||||||
.is-uppercase
|
|
||||||
text-transform: uppercase !important
|
|
||||||
|
|
||||||
.is-italic
|
|
||||||
font-style: italic !important
|
|
||||||
|
|
||||||
.is-underlined
|
|
||||||
text-decoration: underline !important
|
|
||||||
|
|
||||||
.has-text-weight-light
|
|
||||||
font-weight: $weight-light !important
|
|
||||||
.has-text-weight-normal
|
|
||||||
font-weight: $weight-normal !important
|
|
||||||
.has-text-weight-medium
|
|
||||||
font-weight: $weight-medium !important
|
|
||||||
.has-text-weight-semibold
|
|
||||||
font-weight: $weight-semibold !important
|
|
||||||
.has-text-weight-bold
|
|
||||||
font-weight: $weight-bold !important
|
|
||||||
|
|
||||||
.is-family-primary
|
|
||||||
font-family: $family-primary !important
|
|
||||||
|
|
||||||
.is-family-secondary
|
|
||||||
font-family: $family-secondary !important
|
|
||||||
|
|
||||||
.is-family-sans-serif
|
|
||||||
font-family: $family-sans-serif !important
|
|
||||||
|
|
||||||
.is-family-monospace
|
|
||||||
font-family: $family-monospace !important
|
|
||||||
|
|
||||||
.is-family-code
|
|
||||||
font-family: $family-code !important
|
|
||||||
|
|
@ -1,122 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
|
||||||
|
|
||||||
@each $display in $displays
|
|
||||||
.is-#{$display}
|
|
||||||
display: #{$display} !important
|
|
||||||
+mobile
|
|
||||||
.is-#{$display}-mobile
|
|
||||||
display: #{$display} !important
|
|
||||||
+tablet
|
|
||||||
.is-#{$display}-tablet
|
|
||||||
display: #{$display} !important
|
|
||||||
+tablet-only
|
|
||||||
.is-#{$display}-tablet-only
|
|
||||||
display: #{$display} !important
|
|
||||||
+touch
|
|
||||||
.is-#{$display}-touch
|
|
||||||
display: #{$display} !important
|
|
||||||
+desktop
|
|
||||||
.is-#{$display}-desktop
|
|
||||||
display: #{$display} !important
|
|
||||||
+desktop-only
|
|
||||||
.is-#{$display}-desktop-only
|
|
||||||
display: #{$display} !important
|
|
||||||
+widescreen
|
|
||||||
.is-#{$display}-widescreen
|
|
||||||
display: #{$display} !important
|
|
||||||
+widescreen-only
|
|
||||||
.is-#{$display}-widescreen-only
|
|
||||||
display: #{$display} !important
|
|
||||||
+fullhd
|
|
||||||
.is-#{$display}-fullhd
|
|
||||||
display: #{$display} !important
|
|
||||||
|
|
||||||
.is-hidden
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
.is-sr-only
|
|
||||||
border: none !important
|
|
||||||
clip: rect(0, 0, 0, 0) !important
|
|
||||||
height: 0.01em !important
|
|
||||||
overflow: hidden !important
|
|
||||||
padding: 0 !important
|
|
||||||
position: absolute !important
|
|
||||||
white-space: nowrap !important
|
|
||||||
width: 0.01em !important
|
|
||||||
|
|
||||||
+mobile
|
|
||||||
.is-hidden-mobile
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+tablet
|
|
||||||
.is-hidden-tablet
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+tablet-only
|
|
||||||
.is-hidden-tablet-only
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+touch
|
|
||||||
.is-hidden-touch
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+desktop
|
|
||||||
.is-hidden-desktop
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+desktop-only
|
|
||||||
.is-hidden-desktop-only
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+widescreen
|
|
||||||
.is-hidden-widescreen
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+widescreen-only
|
|
||||||
.is-hidden-widescreen-only
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
+fullhd
|
|
||||||
.is-hidden-fullhd
|
|
||||||
display: none !important
|
|
||||||
|
|
||||||
.is-invisible
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+mobile
|
|
||||||
.is-invisible-mobile
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+tablet
|
|
||||||
.is-invisible-tablet
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+tablet-only
|
|
||||||
.is-invisible-tablet-only
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+touch
|
|
||||||
.is-invisible-touch
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+desktop
|
|
||||||
.is-invisible-desktop
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+desktop-only
|
|
||||||
.is-invisible-desktop-only
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+widescreen
|
|
||||||
.is-invisible-widescreen
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+widescreen-only
|
|
||||||
.is-invisible-widescreen-only
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
||||||
+fullhd
|
|
||||||
.is-invisible-fullhd
|
|
||||||
visibility: hidden !important
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
/* Bulma Layout */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "hero"
|
|
||||||
@import "section"
|
|
||||||
@import "footer"
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
@import "../utilities/derived-variables"
|
|
||||||
|
|
||||||
$footer-background-color: $scheme-main-bis !default
|
|
||||||
$footer-color: false !default
|
|
||||||
$footer-padding: 3rem 1.5rem 6rem !default
|
|
||||||
|
|
||||||
.footer
|
|
||||||
background-color: $footer-background-color
|
|
||||||
padding: $footer-padding
|
|
||||||
@if $footer-color
|
|
||||||
color: $footer-color
|
|
||||||
|
|
@ -1,153 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$hero-body-padding: 3rem 1.5rem !default
|
|
||||||
$hero-body-padding-tablet: 3rem 3rem !default
|
|
||||||
$hero-body-padding-small: 1.5rem !default
|
|
||||||
$hero-body-padding-medium: 9rem 4.5rem !default
|
|
||||||
$hero-body-padding-large: 18rem 6rem !default
|
|
||||||
|
|
||||||
$hero-colors: $colors !default
|
|
||||||
|
|
||||||
// Main container
|
|
||||||
.hero
|
|
||||||
align-items: stretch
|
|
||||||
display: flex
|
|
||||||
flex-direction: column
|
|
||||||
justify-content: space-between
|
|
||||||
.navbar
|
|
||||||
background: none
|
|
||||||
.tabs
|
|
||||||
ul
|
|
||||||
border-bottom: none
|
|
||||||
// Colors
|
|
||||||
@each $name, $pair in $hero-colors
|
|
||||||
$color: nth($pair, 1)
|
|
||||||
$color-invert: nth($pair, 2)
|
|
||||||
&.is-#{$name}
|
|
||||||
background-color: $color
|
|
||||||
color: $color-invert
|
|
||||||
a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
|
||||||
strong
|
|
||||||
color: inherit
|
|
||||||
.title
|
|
||||||
color: $color-invert
|
|
||||||
.subtitle
|
|
||||||
color: bulmaRgba($color-invert, 0.9)
|
|
||||||
a:not(.button),
|
|
||||||
strong
|
|
||||||
color: $color-invert
|
|
||||||
.navbar-menu
|
|
||||||
+touch
|
|
||||||
background-color: $color
|
|
||||||
.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
color: bulmaRgba($color-invert, 0.7)
|
|
||||||
a.navbar-item,
|
|
||||||
.navbar-link
|
|
||||||
&:hover,
|
|
||||||
&.is-active
|
|
||||||
background-color: bulmaDarken($color, 5%)
|
|
||||||
color: $color-invert
|
|
||||||
.tabs
|
|
||||||
a
|
|
||||||
color: $color-invert
|
|
||||||
opacity: 0.9
|
|
||||||
&:hover
|
|
||||||
opacity: 1
|
|
||||||
li
|
|
||||||
&.is-active a
|
|
||||||
color: $color !important
|
|
||||||
opacity: 1
|
|
||||||
&.is-boxed,
|
|
||||||
&.is-toggle
|
|
||||||
a
|
|
||||||
color: $color-invert
|
|
||||||
&:hover
|
|
||||||
background-color: bulmaRgba($scheme-invert, 0.1)
|
|
||||||
li.is-active a
|
|
||||||
&,
|
|
||||||
&:hover
|
|
||||||
background-color: $color-invert
|
|
||||||
border-color: $color-invert
|
|
||||||
color: $color
|
|
||||||
// Modifiers
|
|
||||||
@if type-of($color) == 'color'
|
|
||||||
&.is-bold
|
|
||||||
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
|
||||||
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
|
||||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
|
||||||
+mobile
|
|
||||||
.navbar-menu
|
|
||||||
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
.hero-body
|
|
||||||
padding: $hero-body-padding-small
|
|
||||||
&.is-medium
|
|
||||||
+tablet
|
|
||||||
.hero-body
|
|
||||||
padding: $hero-body-padding-medium
|
|
||||||
&.is-large
|
|
||||||
+tablet
|
|
||||||
.hero-body
|
|
||||||
padding: $hero-body-padding-large
|
|
||||||
&.is-halfheight,
|
|
||||||
&.is-fullheight,
|
|
||||||
&.is-fullheight-with-navbar
|
|
||||||
.hero-body
|
|
||||||
align-items: center
|
|
||||||
display: flex
|
|
||||||
& > .container
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 1
|
|
||||||
&.is-halfheight
|
|
||||||
min-height: 50vh
|
|
||||||
&.is-fullheight
|
|
||||||
min-height: 100vh
|
|
||||||
|
|
||||||
// Components
|
|
||||||
|
|
||||||
.hero-video
|
|
||||||
@extend %overlay
|
|
||||||
overflow: hidden
|
|
||||||
video
|
|
||||||
left: 50%
|
|
||||||
min-height: 100%
|
|
||||||
min-width: 100%
|
|
||||||
position: absolute
|
|
||||||
top: 50%
|
|
||||||
transform: translate3d(-50%, -50%, 0)
|
|
||||||
// Modifiers
|
|
||||||
&.is-transparent
|
|
||||||
opacity: 0.3
|
|
||||||
// Responsiveness
|
|
||||||
+mobile
|
|
||||||
display: none
|
|
||||||
|
|
||||||
.hero-buttons
|
|
||||||
margin-top: 1.5rem
|
|
||||||
// Responsiveness
|
|
||||||
+mobile
|
|
||||||
.button
|
|
||||||
display: flex
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: 0.75rem
|
|
||||||
+tablet
|
|
||||||
display: flex
|
|
||||||
justify-content: center
|
|
||||||
.button:not(:last-child)
|
|
||||||
+ltr-property("margin", 1.5rem)
|
|
||||||
|
|
||||||
// Containers
|
|
||||||
|
|
||||||
.hero-head,
|
|
||||||
.hero-foot
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
|
|
||||||
.hero-body
|
|
||||||
flex-grow: 1
|
|
||||||
flex-shrink: 0
|
|
||||||
padding: $hero-body-padding
|
|
||||||
+tablet
|
|
||||||
padding: $hero-body-padding-tablet
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
@import "../utilities/mixins"
|
|
||||||
|
|
||||||
$section-padding: 3rem 1.5rem !default
|
|
||||||
$section-padding-desktop: 3rem 3rem !default
|
|
||||||
$section-padding-medium: 9rem 4.5rem !default
|
|
||||||
$section-padding-large: 18rem 6rem !default
|
|
||||||
|
|
||||||
.section
|
|
||||||
padding: $section-padding
|
|
||||||
// Responsiveness
|
|
||||||
+desktop
|
|
||||||
padding: $section-padding-desktop
|
|
||||||
// Sizes
|
|
||||||
&.is-medium
|
|
||||||
padding: $section-padding-medium
|
|
||||||
&.is-large
|
|
||||||
padding: $section-padding-large
|
|
||||||
BIN
doc/scss/bulma/sass/utilities/.DS_Store
vendored
BIN
doc/scss/bulma/sass/utilities/.DS_Store
vendored
Binary file not shown.
|
|
@ -1,9 +0,0 @@
|
||||||
/* Bulma Utilities */
|
|
||||||
@charset "utf-8"
|
|
||||||
|
|
||||||
@import "initial-variables"
|
|
||||||
@import "functions"
|
|
||||||
@import "derived-variables"
|
|
||||||
@import "mixins"
|
|
||||||
@import "controls"
|
|
||||||
@import "extends"
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
@warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
@import "derived-variables"
|
|
||||||
|
|
||||||
$control-radius: $radius !default
|
|
||||||
$control-radius-small: $radius-small !default
|
|
||||||
|
|
||||||
$control-border-width: 1px !default
|
|
||||||
|
|
||||||
$control-height: 2.5em !default
|
|
||||||
$control-line-height: 1.5 !default
|
|
||||||
|
|
||||||
$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default
|
|
||||||
$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
|
|
||||||
|
|
||||||
=control
|
|
||||||
-moz-appearance: none
|
|
||||||
-webkit-appearance: none
|
|
||||||
align-items: center
|
|
||||||
border: $control-border-width solid transparent
|
|
||||||
border-radius: $control-radius
|
|
||||||
box-shadow: none
|
|
||||||
display: inline-flex
|
|
||||||
font-size: $size-normal
|
|
||||||
height: $control-height
|
|
||||||
justify-content: flex-start
|
|
||||||
line-height: $control-line-height
|
|
||||||
padding-bottom: $control-padding-vertical
|
|
||||||
padding-left: $control-padding-horizontal
|
|
||||||
padding-right: $control-padding-horizontal
|
|
||||||
padding-top: $control-padding-vertical
|
|
||||||
position: relative
|
|
||||||
vertical-align: top
|
|
||||||
// States
|
|
||||||
&:focus,
|
|
||||||
&.is-focused,
|
|
||||||
&:active,
|
|
||||||
&.is-active
|
|
||||||
outline: none
|
|
||||||
&[disabled],
|
|
||||||
fieldset[disabled] &
|
|
||||||
cursor: not-allowed
|
|
||||||
|
|
||||||
// The controls sizes use mixins so they can be used at different breakpoints
|
|
||||||
=control-small
|
|
||||||
border-radius: $control-radius-small
|
|
||||||
font-size: $size-small
|
|
||||||
=control-medium
|
|
||||||
font-size: $size-medium
|
|
||||||
=control-large
|
|
||||||
font-size: $size-large
|
|
||||||
|
|
@ -1,114 +0,0 @@
|
||||||
@import "initial-variables"
|
|
||||||
@import "functions"
|
|
||||||
|
|
||||||
$primary: $turquoise !default
|
|
||||||
|
|
||||||
$info: $cyan !default
|
|
||||||
$success: $green !default
|
|
||||||
$warning: $yellow !default
|
|
||||||
$danger: $red !default
|
|
||||||
|
|
||||||
$light: $white-ter !default
|
|
||||||
$dark: $grey-darker !default
|
|
||||||
|
|
||||||
// Invert colors
|
|
||||||
|
|
||||||
$orange-invert: findColorInvert($orange) !default
|
|
||||||
$yellow-invert: findColorInvert($yellow) !default
|
|
||||||
$green-invert: findColorInvert($green) !default
|
|
||||||
$turquoise-invert: findColorInvert($turquoise) !default
|
|
||||||
$cyan-invert: findColorInvert($cyan) !default
|
|
||||||
$blue-invert: findColorInvert($blue) !default
|
|
||||||
$purple-invert: findColorInvert($purple) !default
|
|
||||||
$red-invert: findColorInvert($red) !default
|
|
||||||
|
|
||||||
$primary-invert: findColorInvert($primary) !default
|
|
||||||
$primary-light: findLightColor($primary) !default
|
|
||||||
$primary-dark: findDarkColor($primary) !default
|
|
||||||
$info-invert: findColorInvert($info) !default
|
|
||||||
$info-light: findLightColor($info) !default
|
|
||||||
$info-dark: findDarkColor($info) !default
|
|
||||||
$success-invert: findColorInvert($success) !default
|
|
||||||
$success-light: findLightColor($success) !default
|
|
||||||
$success-dark: findDarkColor($success) !default
|
|
||||||
$warning-invert: findColorInvert($warning) !default
|
|
||||||
$warning-light: findLightColor($warning) !default
|
|
||||||
$warning-dark: findDarkColor($warning) !default
|
|
||||||
$danger-invert: findColorInvert($danger) !default
|
|
||||||
$danger-light: findLightColor($danger) !default
|
|
||||||
$danger-dark: findDarkColor($danger) !default
|
|
||||||
$light-invert: findColorInvert($light) !default
|
|
||||||
$dark-invert: findColorInvert($dark) !default
|
|
||||||
|
|
||||||
// General colors
|
|
||||||
|
|
||||||
$scheme-main: $white !default
|
|
||||||
$scheme-main-bis: $white-bis !default
|
|
||||||
$scheme-main-ter: $white-ter !default
|
|
||||||
$scheme-invert: $black !default
|
|
||||||
$scheme-invert-bis: $black-bis !default
|
|
||||||
$scheme-invert-ter: $black-ter !default
|
|
||||||
|
|
||||||
$background: $white-ter !default
|
|
||||||
|
|
||||||
$border: $grey-lighter !default
|
|
||||||
$border-hover: $grey-light !default
|
|
||||||
$border-light: $grey-lightest !default
|
|
||||||
$border-light-hover: $grey-light !default
|
|
||||||
|
|
||||||
// Text colors
|
|
||||||
|
|
||||||
$text: $grey-dark !default
|
|
||||||
$text-invert: findColorInvert($text) !default
|
|
||||||
$text-light: $grey !default
|
|
||||||
$text-strong: $grey-darker !default
|
|
||||||
|
|
||||||
// Code colors
|
|
||||||
|
|
||||||
$code: darken($red, 15%) !default
|
|
||||||
$code-background: $background !default
|
|
||||||
|
|
||||||
$pre: $text !default
|
|
||||||
$pre-background: $background !default
|
|
||||||
|
|
||||||
// Link colors
|
|
||||||
|
|
||||||
$link: $blue !default
|
|
||||||
$link-invert: findColorInvert($link) !default
|
|
||||||
$link-light: findLightColor($link) !default
|
|
||||||
$link-dark: findDarkColor($link) !default
|
|
||||||
$link-visited: $purple !default
|
|
||||||
|
|
||||||
$link-hover: $grey-darker !default
|
|
||||||
$link-hover-border: $grey-light !default
|
|
||||||
|
|
||||||
$link-focus: $grey-darker !default
|
|
||||||
$link-focus-border: $blue !default
|
|
||||||
|
|
||||||
$link-active: $grey-darker !default
|
|
||||||
$link-active-border: $grey-dark !default
|
|
||||||
|
|
||||||
// Typography
|
|
||||||
|
|
||||||
$family-primary: $family-sans-serif !default
|
|
||||||
$family-secondary: $family-sans-serif !default
|
|
||||||
$family-code: $family-monospace !default
|
|
||||||
|
|
||||||
$size-small: $size-7 !default
|
|
||||||
$size-normal: $size-6 !default
|
|
||||||
$size-medium: $size-5 !default
|
|
||||||
$size-large: $size-4 !default
|
|
||||||
|
|
||||||
// Effects
|
|
||||||
|
|
||||||
$shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
|
|
||||||
|
|
||||||
// Lists and maps
|
|
||||||
$custom-colors: null !default
|
|
||||||
$custom-shades: null !default
|
|
||||||
|
|
||||||
$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors) !default
|
|
||||||
|
|
||||||
$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default
|
|
||||||
|
|
||||||
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
@import "mixins"
|
|
||||||
|
|
||||||
%control
|
|
||||||
+control
|
|
||||||
|
|
||||||
%unselectable
|
|
||||||
+unselectable
|
|
||||||
|
|
||||||
%arrow
|
|
||||||
+arrow
|
|
||||||
|
|
||||||
%block
|
|
||||||
+block
|
|
||||||
|
|
||||||
%delete
|
|
||||||
+delete
|
|
||||||
|
|
||||||
%loader
|
|
||||||
+loader
|
|
||||||
|
|
||||||
%overlay
|
|
||||||
+overlay
|
|
||||||
|
|
||||||
%reset
|
|
||||||
+reset
|
|
||||||
|
|
@ -1,136 +0,0 @@
|
||||||
@function mergeColorMaps($bulma-colors, $custom-colors)
|
|
||||||
// We return at least Bulma's hard-coded colors
|
|
||||||
$merged-colors: $bulma-colors
|
|
||||||
|
|
||||||
// We want a map as input
|
|
||||||
@if type-of($custom-colors) == 'map'
|
|
||||||
@each $name, $components in $custom-colors
|
|
||||||
// The color name should be a string
|
|
||||||
// and the components either a single color
|
|
||||||
// or a colors list with at least one element
|
|
||||||
@if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
|
|
||||||
$color-base: null
|
|
||||||
$color-invert: null
|
|
||||||
$color-light: null
|
|
||||||
$color-dark: null
|
|
||||||
$value: null
|
|
||||||
|
|
||||||
// The param can either be a single color
|
|
||||||
// or a list of 2 colors
|
|
||||||
@if type-of($components) == 'color'
|
|
||||||
$color-base: $components
|
|
||||||
$color-invert: findColorInvert($color-base)
|
|
||||||
$color-light: findLightColor($color-base)
|
|
||||||
$color-dark: findDarkColor($color-base)
|
|
||||||
@else if type-of($components) == 'list'
|
|
||||||
$color-base: nth($components, 1)
|
|
||||||
// If Invert, Light and Dark are provided
|
|
||||||
@if length($components) > 3
|
|
||||||
$color-invert: nth($components, 2)
|
|
||||||
$color-light: nth($components, 3)
|
|
||||||
$color-dark: nth($components, 4)
|
|
||||||
// If only Invert and Light are provided
|
|
||||||
@else if length($components) > 2
|
|
||||||
$color-invert: nth($components, 2)
|
|
||||||
$color-light: nth($components, 3)
|
|
||||||
$color-dark: findDarkColor($color-base)
|
|
||||||
// If only Invert is provided
|
|
||||||
@else
|
|
||||||
$color-invert: nth($components, 2)
|
|
||||||
$color-light: findLightColor($color-base)
|
|
||||||
$color-dark: findDarkColor($color-base)
|
|
||||||
|
|
||||||
$value: ($color-base, $color-invert, $color-light, $color-dark)
|
|
||||||
|
|
||||||
// We only want to merge the map if the color base is an actual color
|
|
||||||
@if type-of($color-base) == 'color'
|
|
||||||
// We merge this colors elements as map with Bulma's colors map
|
|
||||||
// (we can override them this way, no multiple definition for the same name)
|
|
||||||
// $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark)))
|
|
||||||
$merged-colors: map_merge($merged-colors, ($name: $value))
|
|
||||||
|
|
||||||
@return $merged-colors
|
|
||||||
|
|
||||||
@function powerNumber($number, $exp)
|
|
||||||
$value: 1
|
|
||||||
@if $exp > 0
|
|
||||||
@for $i from 1 through $exp
|
|
||||||
$value: $value * $number
|
|
||||||
@else if $exp < 0
|
|
||||||
@for $i from 1 through -$exp
|
|
||||||
$value: divide($value, $number)
|
|
||||||
@return $value
|
|
||||||
|
|
||||||
@function colorLuminance($color)
|
|
||||||
@if type-of($color) != 'color'
|
|
||||||
@return 0.55
|
|
||||||
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
|
|
||||||
@each $name, $value in $color-rgb
|
|
||||||
$adjusted: 0
|
|
||||||
$value: divide($value, 255)
|
|
||||||
@if $value < 0.03928
|
|
||||||
$value: divide($value, 12.92)
|
|
||||||
@else
|
|
||||||
$value: divide(($value + .055), 1.055)
|
|
||||||
$value: powerNumber($value, 2)
|
|
||||||
$color-rgb: map-merge($color-rgb, ($name: $value))
|
|
||||||
@return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
|
|
||||||
|
|
||||||
@function findColorInvert($color)
|
|
||||||
@if (colorLuminance($color) > 0.55)
|
|
||||||
@return rgba(#000, 0.7)
|
|
||||||
@else
|
|
||||||
@return #fff
|
|
||||||
|
|
||||||
@function findLightColor($color)
|
|
||||||
@if type-of($color) == 'color'
|
|
||||||
$l: 96%
|
|
||||||
@if lightness($color) > 96%
|
|
||||||
$l: lightness($color)
|
|
||||||
@return change-color($color, $lightness: $l)
|
|
||||||
@return $background
|
|
||||||
|
|
||||||
@function findDarkColor($color)
|
|
||||||
@if type-of($color) == 'color'
|
|
||||||
$base-l: 29%
|
|
||||||
$luminance: colorLuminance($color)
|
|
||||||
$luminance-delta: (0.53 - $luminance)
|
|
||||||
$target-l: round($base-l + ($luminance-delta * 53))
|
|
||||||
@return change-color($color, $lightness: max($base-l, $target-l))
|
|
||||||
@return $text-strong
|
|
||||||
|
|
||||||
@function bulmaRgba($color, $alpha)
|
|
||||||
@if type-of($color) != 'color'
|
|
||||||
@return $color
|
|
||||||
@return rgba($color, $alpha)
|
|
||||||
|
|
||||||
@function bulmaDarken($color, $amount)
|
|
||||||
@if type-of($color) != 'color'
|
|
||||||
@return $color
|
|
||||||
@return darken($color, $amount)
|
|
||||||
|
|
||||||
@function bulmaLighten($color, $amount)
|
|
||||||
@if type-of($color) != 'color'
|
|
||||||
@return $color
|
|
||||||
@return lighten($color, $amount)
|
|
||||||
|
|
||||||
// Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
|
|
||||||
// Replaces old slash division deprecated in Dart Sass
|
|
||||||
@function divide($dividend, $divisor, $precision: 10)
|
|
||||||
$sign: if($dividend > 0 and $divisor > 0, 1, -1)
|
|
||||||
$dividend: abs($dividend)
|
|
||||||
$divisor: abs($divisor)
|
|
||||||
$quotient: 0
|
|
||||||
$remainder: $dividend
|
|
||||||
@if $dividend == 0
|
|
||||||
@return 0
|
|
||||||
@if $divisor == 0
|
|
||||||
@error "Cannot divide by 0"
|
|
||||||
@if $divisor == 1
|
|
||||||
@return $dividend
|
|
||||||
@while $remainder >= $divisor
|
|
||||||
$quotient: $quotient + 1
|
|
||||||
$remainder: $remainder - $divisor
|
|
||||||
@if $remainder > 0 and $precision > 0
|
|
||||||
$remainder: divide($remainder * 10, $divisor, $precision - 1) * .1
|
|
||||||
@return ($quotient + $remainder) * $sign
|
|
||||||
|
|
@ -1,78 +0,0 @@
|
||||||
// Colors
|
|
||||||
|
|
||||||
$black: hsl(0, 0%, 4%) !default
|
|
||||||
$black-bis: hsl(0, 0%, 7%) !default
|
|
||||||
$black-ter: hsl(0, 0%, 14%) !default
|
|
||||||
|
|
||||||
$grey-darker: hsl(0, 0%, 21%) !default
|
|
||||||
$grey-dark: hsl(0, 0%, 29%) !default
|
|
||||||
$grey: hsl(0, 0%, 48%) !default
|
|
||||||
$grey-light: hsl(0, 0%, 71%) !default
|
|
||||||
$grey-lighter: hsl(0, 0%, 86%) !default
|
|
||||||
$grey-lightest: hsl(0, 0%, 93%) !default
|
|
||||||
|
|
||||||
$white-ter: hsl(0, 0%, 96%) !default
|
|
||||||
$white-bis: hsl(0, 0%, 98%) !default
|
|
||||||
$white: hsl(0, 0%, 100%) !default
|
|
||||||
|
|
||||||
$orange: hsl(14, 100%, 53%) !default
|
|
||||||
$yellow: hsl(44, 100%, 77%) !default
|
|
||||||
$green: hsl(153, 53%, 53%) !default
|
|
||||||
$turquoise: hsl(171, 100%, 41%) !default
|
|
||||||
$cyan: hsl(207, 61%, 53%) !default
|
|
||||||
$blue: hsl(229, 53%, 53%) !default
|
|
||||||
$purple: hsl(271, 100%, 71%) !default
|
|
||||||
$red: hsl(348, 86%, 61%) !default
|
|
||||||
|
|
||||||
// Typography
|
|
||||||
|
|
||||||
$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
|
|
||||||
$family-monospace: monospace !default
|
|
||||||
$render-mode: optimizeLegibility !default
|
|
||||||
|
|
||||||
$size-1: 3rem !default
|
|
||||||
$size-2: 2.5rem !default
|
|
||||||
$size-3: 2rem !default
|
|
||||||
$size-4: 1.5rem !default
|
|
||||||
$size-5: 1.25rem !default
|
|
||||||
$size-6: 1rem !default
|
|
||||||
$size-7: 0.75rem !default
|
|
||||||
|
|
||||||
$weight-light: 300 !default
|
|
||||||
$weight-normal: 400 !default
|
|
||||||
$weight-medium: 500 !default
|
|
||||||
$weight-semibold: 600 !default
|
|
||||||
$weight-bold: 700 !default
|
|
||||||
|
|
||||||
// Spacing
|
|
||||||
|
|
||||||
$block-spacing: 1.5rem !default
|
|
||||||
|
|
||||||
// Responsiveness
|
|
||||||
|
|
||||||
// The container horizontal gap, which acts as the offset for breakpoints
|
|
||||||
$gap: 32px !default
|
|
||||||
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
|
|
||||||
$tablet: 769px !default
|
|
||||||
// 960px container + 4rem
|
|
||||||
$desktop: 960px + (2 * $gap) !default
|
|
||||||
// 1152px container + 4rem
|
|
||||||
$widescreen: 1152px + (2 * $gap) !default
|
|
||||||
$widescreen-enabled: true !default
|
|
||||||
// 1344px container + 4rem
|
|
||||||
$fullhd: 1344px + (2 * $gap) !default
|
|
||||||
$fullhd-enabled: true !default
|
|
||||||
|
|
||||||
// Miscellaneous
|
|
||||||
|
|
||||||
$easing: ease-out !default
|
|
||||||
$radius-small: 2px !default
|
|
||||||
$radius: 4px !default
|
|
||||||
$radius-large: 6px !default
|
|
||||||
$radius-rounded: 9999px !default
|
|
||||||
$speed: 86ms !default
|
|
||||||
|
|
||||||
// Flags
|
|
||||||
|
|
||||||
$variable-columns: true !default
|
|
||||||
$rtl: false !default
|
|
||||||
|
|
@ -1,280 +0,0 @@
|
||||||
@import "derived-variables"
|
|
||||||
|
|
||||||
=clearfix
|
|
||||||
&::after
|
|
||||||
clear: both
|
|
||||||
content: " "
|
|
||||||
display: table
|
|
||||||
|
|
||||||
=center($width, $height: 0)
|
|
||||||
position: absolute
|
|
||||||
@if $height != 0
|
|
||||||
left: calc(50% - (#{$width} * 0.5))
|
|
||||||
top: calc(50% - (#{$height} * 0.5))
|
|
||||||
@else
|
|
||||||
left: calc(50% - (#{$width} * 0.5))
|
|
||||||
top: calc(50% - (#{$width} * 0.5))
|
|
||||||
|
|
||||||
=fa($size, $dimensions)
|
|
||||||
display: inline-block
|
|
||||||
font-size: $size
|
|
||||||
height: $dimensions
|
|
||||||
line-height: $dimensions
|
|
||||||
text-align: center
|
|
||||||
vertical-align: top
|
|
||||||
width: $dimensions
|
|
||||||
|
|
||||||
=hamburger($dimensions)
|
|
||||||
cursor: pointer
|
|
||||||
display: block
|
|
||||||
height: $dimensions
|
|
||||||
position: relative
|
|
||||||
width: $dimensions
|
|
||||||
span
|
|
||||||
background-color: currentColor
|
|
||||||
display: block
|
|
||||||
height: 1px
|
|
||||||
left: calc(50% - 8px)
|
|
||||||
position: absolute
|
|
||||||
transform-origin: center
|
|
||||||
transition-duration: $speed
|
|
||||||
transition-property: background-color, opacity, transform
|
|
||||||
transition-timing-function: $easing
|
|
||||||
width: 16px
|
|
||||||
&:nth-child(1)
|
|
||||||
top: calc(50% - 6px)
|
|
||||||
&:nth-child(2)
|
|
||||||
top: calc(50% - 1px)
|
|
||||||
&:nth-child(3)
|
|
||||||
top: calc(50% + 4px)
|
|
||||||
&:hover
|
|
||||||
background-color: bulmaRgba(black, 0.05)
|
|
||||||
// Modifers
|
|
||||||
&.is-active
|
|
||||||
span
|
|
||||||
&:nth-child(1)
|
|
||||||
transform: translateY(5px) rotate(45deg)
|
|
||||||
&:nth-child(2)
|
|
||||||
opacity: 0
|
|
||||||
&:nth-child(3)
|
|
||||||
transform: translateY(-5px) rotate(-45deg)
|
|
||||||
|
|
||||||
=overflow-touch
|
|
||||||
-webkit-overflow-scrolling: touch
|
|
||||||
|
|
||||||
=placeholder
|
|
||||||
$placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
|
|
||||||
@each $placeholder in $placeholders
|
|
||||||
&:#{$placeholder}-placeholder
|
|
||||||
@content
|
|
||||||
|
|
||||||
=reset
|
|
||||||
-moz-appearance: none
|
|
||||||
-webkit-appearance: none
|
|
||||||
appearance: none
|
|
||||||
background: none
|
|
||||||
border: none
|
|
||||||
color: currentColor
|
|
||||||
font-family: inherit
|
|
||||||
font-size: 1em
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
// Responsiveness
|
|
||||||
|
|
||||||
=from($device)
|
|
||||||
@media screen and (min-width: $device)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=until($device)
|
|
||||||
@media screen and (max-width: $device - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=mobile
|
|
||||||
@media screen and (max-width: $tablet - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=tablet
|
|
||||||
@media screen and (min-width: $tablet), print
|
|
||||||
@content
|
|
||||||
|
|
||||||
=tablet-only
|
|
||||||
@media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=touch
|
|
||||||
@media screen and (max-width: $desktop - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=desktop
|
|
||||||
@media screen and (min-width: $desktop)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=desktop-only
|
|
||||||
@if $widescreen-enabled
|
|
||||||
@media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=until-widescreen
|
|
||||||
@if $widescreen-enabled
|
|
||||||
@media screen and (max-width: $widescreen - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=widescreen
|
|
||||||
@if $widescreen-enabled
|
|
||||||
@media screen and (min-width: $widescreen)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=widescreen-only
|
|
||||||
@if $widescreen-enabled and $fullhd-enabled
|
|
||||||
@media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=until-fullhd
|
|
||||||
@if $fullhd-enabled
|
|
||||||
@media screen and (max-width: $fullhd - 1px)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=fullhd
|
|
||||||
@if $fullhd-enabled
|
|
||||||
@media screen and (min-width: $fullhd)
|
|
||||||
@content
|
|
||||||
|
|
||||||
=ltr
|
|
||||||
@if not $rtl
|
|
||||||
@content
|
|
||||||
|
|
||||||
=rtl
|
|
||||||
@if $rtl
|
|
||||||
@content
|
|
||||||
|
|
||||||
=ltr-property($property, $spacing, $right: true)
|
|
||||||
$normal: if($right, "right", "left")
|
|
||||||
$opposite: if($right, "left", "right")
|
|
||||||
@if $rtl
|
|
||||||
#{$property}-#{$opposite}: $spacing
|
|
||||||
@else
|
|
||||||
#{$property}-#{$normal}: $spacing
|
|
||||||
|
|
||||||
=ltr-position($spacing, $right: true)
|
|
||||||
$normal: if($right, "right", "left")
|
|
||||||
$opposite: if($right, "left", "right")
|
|
||||||
@if $rtl
|
|
||||||
#{$opposite}: $spacing
|
|
||||||
@else
|
|
||||||
#{$normal}: $spacing
|
|
||||||
|
|
||||||
// Placeholders
|
|
||||||
|
|
||||||
=unselectable
|
|
||||||
-webkit-touch-callout: none
|
|
||||||
-webkit-user-select: none
|
|
||||||
-moz-user-select: none
|
|
||||||
-ms-user-select: none
|
|
||||||
user-select: none
|
|
||||||
|
|
||||||
=arrow($color: transparent)
|
|
||||||
border: 3px solid $color
|
|
||||||
border-radius: 2px
|
|
||||||
border-right: 0
|
|
||||||
border-top: 0
|
|
||||||
content: " "
|
|
||||||
display: block
|
|
||||||
height: 0.625em
|
|
||||||
margin-top: -0.4375em
|
|
||||||
pointer-events: none
|
|
||||||
position: absolute
|
|
||||||
top: 50%
|
|
||||||
transform: rotate(-45deg)
|
|
||||||
transform-origin: center
|
|
||||||
width: 0.625em
|
|
||||||
|
|
||||||
=block($spacing: $block-spacing)
|
|
||||||
&:not(:last-child)
|
|
||||||
margin-bottom: $spacing
|
|
||||||
|
|
||||||
=delete
|
|
||||||
+unselectable
|
|
||||||
-moz-appearance: none
|
|
||||||
-webkit-appearance: none
|
|
||||||
background-color: bulmaRgba($scheme-invert, 0.2)
|
|
||||||
border: none
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
cursor: pointer
|
|
||||||
pointer-events: auto
|
|
||||||
display: inline-block
|
|
||||||
flex-grow: 0
|
|
||||||
flex-shrink: 0
|
|
||||||
font-size: 0
|
|
||||||
height: 20px
|
|
||||||
max-height: 20px
|
|
||||||
max-width: 20px
|
|
||||||
min-height: 20px
|
|
||||||
min-width: 20px
|
|
||||||
outline: none
|
|
||||||
position: relative
|
|
||||||
vertical-align: top
|
|
||||||
width: 20px
|
|
||||||
&::before,
|
|
||||||
&::after
|
|
||||||
background-color: $scheme-main
|
|
||||||
content: ""
|
|
||||||
display: block
|
|
||||||
left: 50%
|
|
||||||
position: absolute
|
|
||||||
top: 50%
|
|
||||||
transform: translateX(-50%) translateY(-50%) rotate(45deg)
|
|
||||||
transform-origin: center center
|
|
||||||
&::before
|
|
||||||
height: 2px
|
|
||||||
width: 50%
|
|
||||||
&::after
|
|
||||||
height: 50%
|
|
||||||
width: 2px
|
|
||||||
&:hover,
|
|
||||||
&:focus
|
|
||||||
background-color: bulmaRgba($scheme-invert, 0.3)
|
|
||||||
&:active
|
|
||||||
background-color: bulmaRgba($scheme-invert, 0.4)
|
|
||||||
// Sizes
|
|
||||||
&.is-small
|
|
||||||
height: 16px
|
|
||||||
max-height: 16px
|
|
||||||
max-width: 16px
|
|
||||||
min-height: 16px
|
|
||||||
min-width: 16px
|
|
||||||
width: 16px
|
|
||||||
&.is-medium
|
|
||||||
height: 24px
|
|
||||||
max-height: 24px
|
|
||||||
max-width: 24px
|
|
||||||
min-height: 24px
|
|
||||||
min-width: 24px
|
|
||||||
width: 24px
|
|
||||||
&.is-large
|
|
||||||
height: 32px
|
|
||||||
max-height: 32px
|
|
||||||
max-width: 32px
|
|
||||||
min-height: 32px
|
|
||||||
min-width: 32px
|
|
||||||
width: 32px
|
|
||||||
|
|
||||||
=loader
|
|
||||||
animation: spinAround 500ms infinite linear
|
|
||||||
border: 2px solid $grey-lighter
|
|
||||||
border-radius: $radius-rounded
|
|
||||||
border-right-color: transparent
|
|
||||||
border-top-color: transparent
|
|
||||||
content: ""
|
|
||||||
display: block
|
|
||||||
height: 1em
|
|
||||||
position: relative
|
|
||||||
width: 1em
|
|
||||||
|
|
||||||
=overlay($offset: 0)
|
|
||||||
bottom: $offset
|
|
||||||
left: $offset
|
|
||||||
position: absolute
|
|
||||||
right: $offset
|
|
||||||
top: $offset
|
|
||||||
|
|
||||||
107
index.html
Normal file
107
index.html
Normal file
|
|
@ -0,0 +1,107 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>lua-libpulse-glib</title>
|
||||||
|
<link rel="stylesheet" href="ldoc.css" type="text/css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
<aside id="sidebar" class="has-background-white-ter">
|
||||||
|
<h1 class="title">lua-libpulse-glib</h1>
|
||||||
|
<nav class="menu">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li><a class="is-active" href="../index.html">Index</a></li>
|
||||||
|
</ul>
|
||||||
|
<p class="menu-label">Modules</p>
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li><a href="modules/lua_libpulse_glib.context.html">lua_libpulse_glib.context</a></li>
|
||||||
|
<li><a href="modules/lua_libpulse_glib.proplist.html">lua_libpulse_glib.proplist</a></li>
|
||||||
|
<li><a href="modules/lua_libpulse_glib.html">lua_libpulse_glib</a></li>
|
||||||
|
<li><a href="modules/lua_libpulse_glib.volume.html">lua_libpulse_glib.volume</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</aside>
|
||||||
|
<div id="content" class="content__wrapper">
|
||||||
|
<section class="section section__project-description">
|
||||||
|
<div class="container">
|
||||||
|
<h1 class="title is-1">lua-libpulse-glib</h1>
|
||||||
|
<h2 class="subtitle is-3">Lua bindings for PulseAudio’s libpulse, using the GLib Main Loop.</h2>
|
||||||
|
<div class="content">
|
||||||
|
<p><p>While libpulse provides different event loop implementations, these bindings focus on the GLib comaptibility only.
|
||||||
|
Therefore, all asynchronous functions need to be executed inside a running GLib Main Loop.
|
||||||
|
For now, this loop has to run on GLib’s default main context. Custom loop contexts are currently not supported.</p>
|
||||||
|
|
||||||
|
<p>The majority of the API is callback-based asynchronous. Callbacks always receive any potential errors as their
|
||||||
|
first parameter, usually just the error message as string, or <code>nil</code> when there was no error. Additional parameters
|
||||||
|
may either be just a boolean, for operations that don’t return data, or the actual queried data.</p>
|
||||||
|
|
||||||
|
<p>All numeric indices (such as sink or source indices) are adjusted to be 1-based in typical Lua fashion.
|
||||||
|
This means that when comparing the output of calls like <a href="modules/lua_libpulse_glib.context.html#Context:get_sinks">Context:get_sinks</a> to the output of tools like <code>pactl</code>,
|
||||||
|
indices will be off by one.</p>
|
||||||
|
|
||||||
|
<pre><code>local lgi = require("lgi")
|
||||||
|
local pulseaudio = require("lua_libpulse_glib")
|
||||||
|
local ppretty = require("pl.pretty")
|
||||||
|
|
||||||
|
local pa = pulseaudio.new()
|
||||||
|
local ctx = pa:context("My Test App")
|
||||||
|
|
||||||
|
local loop = lgi.GLib.MainLoop.new()
|
||||||
|
|
||||||
|
ctx:connect(nil, function(state)
|
||||||
|
if state == 4 then
|
||||||
|
print("Connection is ready")
|
||||||
|
|
||||||
|
ctx:get_sinks(function(sinks)
|
||||||
|
ppretty.dump(sinks)
|
||||||
|
loop:quit()
|
||||||
|
end)
|
||||||
|
end
|
||||||
|
end)
|
||||||
|
|
||||||
|
loop:run()
|
||||||
|
</code></pre>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section section__project-summary">
|
||||||
|
<div class="container">
|
||||||
|
<h2 class="title is-4">modules</h2>
|
||||||
|
<table class="table is-fullwidth is-striped">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="name"><a href="modules/lua_libpulse_glib.context.html">lua_libpulse_glib.context</a></td>
|
||||||
|
<td class="summary">Bindings for libpulse’s connection context.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="name"><a href="modules/lua_libpulse_glib.proplist.html">lua_libpulse_glib.proplist</a></td>
|
||||||
|
<td class="summary">Bindings for PulseAudio’s property lists.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="name"><a href="modules/lua_libpulse_glib.html">lua_libpulse_glib</a></td>
|
||||||
|
<td class="summary">Bindings for PulseAudio’s libpulse, using the GLib Main Loop.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="name"><a href="modules/lua_libpulse_glib.volume.html">lua_libpulse_glib.volume</a></td>
|
||||||
|
<td class="summary">Bindings for libpulse’s <code>pa_cvolume</code>.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="content has-text-centered">
|
||||||
|
Generated by <a href="https://github/com/stevendonovan/LDoc">LDoc 1.4.6</a>, designed with <a href="https://github.com/jgthms/bulma">Bulma</a>. Last updated at 2022-08-11 11:34:54.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
303
ldoc.css
Normal file
303
ldoc.css
Normal file
|
|
@ -0,0 +1,303 @@
|
||||||
|
/* BEGIN RESET
|
||||||
|
|
||||||
|
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
|
||||||
|
Code licensed under the BSD License:
|
||||||
|
http://developer.yahoo.com/yui/license.html
|
||||||
|
version: 2.8.2r1
|
||||||
|
*/
|
||||||
|
html {
|
||||||
|
color: #000;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
fieldset,img {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
|
||||||
|
font-style: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
del,ins {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
caption,th {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
h1,h2,h3,h4,h5,h6 {
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
q:before,q:after {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
abbr,acronym {
|
||||||
|
border: 0;
|
||||||
|
font-variant: normal;
|
||||||
|
}
|
||||||
|
sup {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
sub {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
legend {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
input,button,textarea,select,optgroup,option {
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
font-style: inherit;
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
input,button,textarea,select {*font-size:100%;
|
||||||
|
}
|
||||||
|
/* END RESET */
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-right: 1em;
|
||||||
|
font-family: arial, helvetica, geneva, sans-serif;
|
||||||
|
background-color: #ffffff; margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
code, tt { font-family: monospace; font-size: 1.1em; }
|
||||||
|
span.parameter { font-family:monospace; }
|
||||||
|
span.parameter:after { content:":"; }
|
||||||
|
span.types:before { content:"("; }
|
||||||
|
span.types:after { content:")"; }
|
||||||
|
.type { font-weight: bold; font-style:italic }
|
||||||
|
|
||||||
|
body, p, td, th { font-size: .95em; line-height: 1.2em;}
|
||||||
|
|
||||||
|
p, ul { margin: 10px 0 0 0px;}
|
||||||
|
|
||||||
|
strong { font-weight: bold;}
|
||||||
|
|
||||||
|
em { font-style: italic;}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin: 20px 0 20px 0;
|
||||||
|
}
|
||||||
|
h2, h3, h4 { margin: 15px 0 10px 0; }
|
||||||
|
h2 { font-size: 1.25em; }
|
||||||
|
h3 { font-size: 1.15em; }
|
||||||
|
h4 { font-size: 1.06em; }
|
||||||
|
|
||||||
|
a:link { font-weight: bold; color: #004080; text-decoration: none; }
|
||||||
|
a:visited { font-weight: bold; color: #006699; text-decoration: none; }
|
||||||
|
a:link:hover { text-decoration: underline; }
|
||||||
|
|
||||||
|
hr {
|
||||||
|
color:#cccccc;
|
||||||
|
background: #00007f;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote { margin-left: 3em; }
|
||||||
|
|
||||||
|
ul { list-style-type: disc; }
|
||||||
|
|
||||||
|
p.name {
|
||||||
|
font-family: "Andale Mono", monospace;
|
||||||
|
padding-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background-color: rgb(245, 245, 245);
|
||||||
|
border: 1px solid #C0C0C0; /* silver */
|
||||||
|
padding: 10px;
|
||||||
|
margin: 10px 0 10px 0;
|
||||||
|
overflow: auto;
|
||||||
|
font-family: "Andale Mono", monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre.example {
|
||||||
|
font-size: .85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.index { border: 1px #00007f; }
|
||||||
|
table.index td { text-align: left; vertical-align: top; }
|
||||||
|
|
||||||
|
#container {
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-right: 1em;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#product {
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 1px solid #cccccc;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#product big {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-left: 2px solid #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navigation {
|
||||||
|
float: left;
|
||||||
|
width: 14em;
|
||||||
|
vertical-align: top;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navigation h2 {
|
||||||
|
background-color:#e7e7e7;
|
||||||
|
font-size:1.1em;
|
||||||
|
color:#000000;
|
||||||
|
text-align: left;
|
||||||
|
padding:0.2em;
|
||||||
|
border-top:1px solid #dddddd;
|
||||||
|
border-bottom:1px solid #dddddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navigation ul
|
||||||
|
{
|
||||||
|
font-size:1em;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 1px 1px 10px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navigation li {
|
||||||
|
text-indent: -1em;
|
||||||
|
display: block;
|
||||||
|
margin: 3px 0px 0px 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navigation li li a {
|
||||||
|
margin: 0px 3px 0px -1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
margin-left: 14em;
|
||||||
|
padding: 1em;
|
||||||
|
width: 700px;
|
||||||
|
border-left: 2px solid #cccccc;
|
||||||
|
border-right: 2px solid #cccccc;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#about {
|
||||||
|
clear: both;
|
||||||
|
padding: 5px;
|
||||||
|
border-top: 2px solid #cccccc;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
font: 12pt "Times New Roman", "TimeNR", Times, serif;
|
||||||
|
}
|
||||||
|
a { font-weight: bold; color: #004080; text-decoration: underline; }
|
||||||
|
|
||||||
|
#main {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-right: 2%;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
padding: 1em;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navigation {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
pre.example {
|
||||||
|
font-family: "Andale Mono", monospace;
|
||||||
|
font-size: 10pt;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table.module_list {
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #cccccc;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
table.module_list td {
|
||||||
|
border-width: 1px;
|
||||||
|
padding: 3px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #cccccc;
|
||||||
|
}
|
||||||
|
table.module_list td.name { background-color: #f0f0f0; min-width: 200px; }
|
||||||
|
table.module_list td.summary { width: 100%; }
|
||||||
|
|
||||||
|
|
||||||
|
table.function_list {
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #cccccc;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
table.function_list td {
|
||||||
|
border-width: 1px;
|
||||||
|
padding: 3px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #cccccc;
|
||||||
|
}
|
||||||
|
table.function_list td.name { background-color: #f0f0f0; min-width: 200px; }
|
||||||
|
table.function_list td.summary { width: 100%; }
|
||||||
|
|
||||||
|
ul.nowrap {
|
||||||
|
overflow:auto;
|
||||||
|
white-space:nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
dl.table dt, dl.function dt {border-top: 1px solid #ccc; padding-top: 1em;}
|
||||||
|
dl.table dd, dl.function dd {padding-bottom: 1em; margin: 10px 0 0 20px;}
|
||||||
|
dl.table h3, dl.function h3 {font-size: .95em;}
|
||||||
|
|
||||||
|
/* stop sublists from having initial vertical space */
|
||||||
|
ul ul { margin-top: 0px; }
|
||||||
|
ol ul { margin-top: 0px; }
|
||||||
|
ol ol { margin-top: 0px; }
|
||||||
|
ul ol { margin-top: 0px; }
|
||||||
|
|
||||||
|
/* make the target distinct; helps when we're navigating to a function */
|
||||||
|
a:target + * {
|
||||||
|
background-color: #FF9;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* styles for prettification of source */
|
||||||
|
pre .comment { color: #558817; }
|
||||||
|
pre .constant { color: #a8660d; }
|
||||||
|
pre .escape { color: #844631; }
|
||||||
|
pre .keyword { color: #aa5050; font-weight: bold; }
|
||||||
|
pre .library { color: #0e7c6b; }
|
||||||
|
pre .marker { color: #512b1e; background: #fedc56; font-weight: bold; }
|
||||||
|
pre .string { color: #8080ff; }
|
||||||
|
pre .number { color: #f8660d; }
|
||||||
|
pre .operator { color: #2239a8; font-weight: bold; }
|
||||||
|
pre .preprocessor, pre .prepro { color: #a33243; }
|
||||||
|
pre .global { color: #800080; }
|
||||||
|
pre .user-keyword { color: #800080; }
|
||||||
|
pre .prompt { color: #558817; }
|
||||||
|
pre .url { color: #272fc2; text-decoration: underline; }
|
||||||
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue