Compare commits
32
Commits
random-player
...
studio
@@ -0,0 +1,2 @@
|
||||
# Git ignored.
|
||||
/node_modules/
|
||||
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
* Grunt tasks for Toolbar Themes.
|
||||
* http://gruntjs.com/
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = function(grunt) {
|
||||
|
||||
grunt.initConfig({
|
||||
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
|
||||
sass: {
|
||||
styles: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: 'themes',
|
||||
src: ['**/*.scss'],
|
||||
dest: 'themes',
|
||||
ext: '.css'
|
||||
}],
|
||||
options: {
|
||||
precision: 5,
|
||||
outputStyle: 'expanded',
|
||||
sourceMap: true
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
grunticon: {
|
||||
toolbar: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: 'themes/base/grunticons/original',
|
||||
src: ['*.svg'],
|
||||
dest: 'themes/base/grunticons/processed'
|
||||
}],
|
||||
options: {
|
||||
enhanceSVG: true,
|
||||
cssprefix: '.'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
postcss: {
|
||||
styles: {
|
||||
src: 'themes/**/*.css',
|
||||
options: {
|
||||
map: {
|
||||
inline: false
|
||||
},
|
||||
processors: [
|
||||
require('autoprefixer')({browsers: 'last 4 versions'})
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
styles: {
|
||||
files: 'themes/**/*.scss',
|
||||
tasks: ['sass:styles', 'postcss:styles']
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
grunt.loadNpmTasks('grunt-postcss');
|
||||
grunt.loadNpmTasks('grunt-sass');
|
||||
grunt.loadNpmTasks('grunt-grunticon');
|
||||
grunt.loadNpmTasks('grunt-contrib-watch');
|
||||
grunt.registerTask('default', ['watch:styles']);
|
||||
};
|
||||
@@ -0,0 +1,339 @@
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 2, June 1991
|
||||
|
||||
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
License is intended to guarantee your freedom to share and change free
|
||||
software--to make sure the software is free for all its users. This
|
||||
General Public License applies to most of the Free Software
|
||||
Foundation's software and to any other program whose authors commit to
|
||||
using it. (Some other Free Software Foundation software is covered by
|
||||
the GNU Lesser General Public License instead.) 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
|
||||
this service 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 make restrictions that forbid
|
||||
anyone to deny you these rights or to ask you to surrender the rights.
|
||||
These restrictions translate to certain responsibilities for you if you
|
||||
distribute copies of the software, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must give the recipients all the rights that
|
||||
you have. 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.
|
||||
|
||||
We protect your rights with two steps: (1) copyright the software, and
|
||||
(2) offer you this license which gives you legal permission to copy,
|
||||
distribute and/or modify the software.
|
||||
|
||||
Also, for each author's protection and ours, we want to make certain
|
||||
that everyone understands that there is no warranty for this free
|
||||
software. If the software is modified by someone else and passed on, we
|
||||
want its recipients to know that what they have is not the original, so
|
||||
that any problems introduced by others will not reflect on the original
|
||||
authors' reputations.
|
||||
|
||||
Finally, any free program is threatened constantly by software
|
||||
patents. We wish to avoid the danger that redistributors of a free
|
||||
program will individually obtain patent licenses, in effect making the
|
||||
program proprietary. To prevent this, we have made it clear that any
|
||||
patent must be licensed for everyone's free use or not licensed at all.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License applies to any program or other work which contains
|
||||
a notice placed by the copyright holder saying it may be distributed
|
||||
under the terms of this General Public License. The "Program", below,
|
||||
refers to any such program or work, and a "work based on the Program"
|
||||
means either the Program or any derivative work under copyright law:
|
||||
that is to say, a work containing the Program or a portion of it,
|
||||
either verbatim or with modifications and/or translated into another
|
||||
language. (Hereinafter, translation is included without limitation in
|
||||
the term "modification".) Each licensee is addressed as "you".
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running the Program is not restricted, and the output from the Program
|
||||
is covered only if its contents constitute a work based on the
|
||||
Program (independent of having been made by running the Program).
|
||||
Whether that is true depends on what the Program does.
|
||||
|
||||
1. You may copy and distribute 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 and disclaimer of warranty; keep intact all the
|
||||
notices that refer to this License and to the absence of any warranty;
|
||||
and give any other recipients of the Program a copy of this License
|
||||
along with the Program.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy, and
|
||||
you may at your option offer warranty protection in exchange for a fee.
|
||||
|
||||
2. You may modify your copy or copies of the Program or any portion
|
||||
of it, thus forming a work based on the Program, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) You must cause the modified files to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
b) You must cause any work that you distribute or publish, that in
|
||||
whole or in part contains or is derived from the Program or any
|
||||
part thereof, to be licensed as a whole at no charge to all third
|
||||
parties under the terms of this License.
|
||||
|
||||
c) If the modified program normally reads commands interactively
|
||||
when run, you must cause it, when started running for such
|
||||
interactive use in the most ordinary way, to print or display an
|
||||
announcement including an appropriate copyright notice and a
|
||||
notice that there is no warranty (or else, saying that you provide
|
||||
a warranty) and that users may redistribute the program under
|
||||
these conditions, and telling the user how to view a copy of this
|
||||
License. (Exception: if the Program itself is interactive but
|
||||
does not normally print such an announcement, your work based on
|
||||
the Program is not required to print an announcement.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Program,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Program, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Program.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Program
|
||||
with the Program (or with a work based on the Program) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may copy and distribute the Program (or a work based on it,
|
||||
under Section 2) in object code or executable form under the terms of
|
||||
Sections 1 and 2 above provided that you also do one of the following:
|
||||
|
||||
a) Accompany it with the complete corresponding machine-readable
|
||||
source code, which must be distributed under the terms of Sections
|
||||
1 and 2 above on a medium customarily used for software interchange; or,
|
||||
|
||||
b) Accompany it with a written offer, valid for at least three
|
||||
years, to give any third party, for a charge no more than your
|
||||
cost of physically performing source distribution, a complete
|
||||
machine-readable copy of the corresponding source code, to be
|
||||
distributed under the terms of Sections 1 and 2 above on a medium
|
||||
customarily used for software interchange; or,
|
||||
|
||||
c) Accompany it with the information you received as to the offer
|
||||
to distribute corresponding source code. (This alternative is
|
||||
allowed only for noncommercial distribution and only if you
|
||||
received the program in object code or executable form with such
|
||||
an offer, in accord with Subsection b above.)
|
||||
|
||||
The source code for a work means the preferred form of the work for
|
||||
making modifications to it. For an executable work, complete source
|
||||
code means all the source code for all modules it contains, plus any
|
||||
associated interface definition files, plus the scripts used to
|
||||
control compilation and installation of the executable. However, as a
|
||||
special exception, the source code distributed need not include
|
||||
anything that is normally distributed (in either source or binary
|
||||
form) with the major components (compiler, kernel, and so on) of the
|
||||
operating system on which the executable runs, unless that component
|
||||
itself accompanies the executable.
|
||||
|
||||
If distribution of executable or object code is made by offering
|
||||
access to copy from a designated place, then offering equivalent
|
||||
access to copy the source code from the same place counts as
|
||||
distribution of the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
4. You may not copy, modify, sublicense, or distribute the Program
|
||||
except as expressly provided under this License. Any attempt
|
||||
otherwise to copy, modify, sublicense or distribute the Program is
|
||||
void, and will automatically terminate your rights under this License.
|
||||
However, parties who have received copies, or rights, from you under
|
||||
this License will not have their licenses terminated so long as such
|
||||
parties remain in full compliance.
|
||||
|
||||
5. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Program or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Program (or any work based on the
|
||||
Program), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Program or works based on it.
|
||||
|
||||
6. Each time you redistribute the Program (or any work based on the
|
||||
Program), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute or modify the Program subject to
|
||||
these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties to
|
||||
this License.
|
||||
|
||||
7. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
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
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Program at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Program by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Program.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under
|
||||
any particular circumstance, the balance of the section is intended to
|
||||
apply and the section as a whole is intended to apply in other
|
||||
circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system, which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
8. If the distribution and/or use of the Program is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Program under this License
|
||||
may add an explicit geographical distribution limitation excluding
|
||||
those countries, so that distribution is permitted only in or among
|
||||
countries not thus excluded. In such case, this License incorporates
|
||||
the limitation as if written in the body of this License.
|
||||
|
||||
9. The Free Software Foundation may publish revised and/or new versions
|
||||
of the 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 a version number of this License which applies to it and "any
|
||||
later version", you have the option of following the terms and conditions
|
||||
either of that version or of any later version published by the Free
|
||||
Software Foundation. If the Program does not specify a version number of
|
||||
this License, you may choose any version ever published by the Free Software
|
||||
Foundation.
|
||||
|
||||
10. If you wish to incorporate parts of the Program into other free
|
||||
programs whose distribution conditions are different, write to the author
|
||||
to ask for permission. For software which is copyrighted by the Free
|
||||
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||
make exceptions for this. Our decision will be guided by the two goals
|
||||
of preserving the free status of all derivatives of our free software and
|
||||
of promoting the sharing and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, 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.
|
||||
|
||||
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||
REDISTRIBUTE 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.
|
||||
|
||||
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
|
||||
convey 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 2 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, write to the Free Software Foundation, Inc.,
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
If the program is interactive, make it output a short notice like this
|
||||
when it starts in an interactive mode:
|
||||
|
||||
Gnomovision version 69, Copyright (C) year name of author
|
||||
Gnomovision 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, the commands you use may
|
||||
be called something other than `show w' and `show c'; they could even be
|
||||
mouse-clicks or menu items--whatever suits your program.
|
||||
|
||||
You should also get your employer (if you work as a programmer) or your
|
||||
school, if any, to sign a "copyright disclaimer" for the program, if
|
||||
necessary. Here is a sample; alter the names:
|
||||
|
||||
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
||||
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
||||
|
||||
<signature of Ty Coon>, 1 April 1989
|
||||
Ty Coon, President of Vice
|
||||
|
||||
This 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.
|
||||
@@ -0,0 +1,2 @@
|
||||
# Toolbar Themes
|
||||
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
# Install settings.
|
||||
default_theme: toolbar_admin_menu
|
||||
icons: 0
|
||||
tabs: 0
|
||||
@@ -0,0 +1,34 @@
|
||||
/* Styles provided by the Toolbar Theme module . */
|
||||
|
||||
/*#toolbar-administration {display: none !important}*/
|
||||
|
||||
.toolbar-themes-form {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.toolbar-themes-form td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
.toolbar-themes-form .toolbar-theme-screen-shot {
|
||||
max-width: 540px;
|
||||
}
|
||||
|
||||
.toolbar-themes-form .toolbar-themes-meta,
|
||||
.toolbar-themes-form .toolbar-themes-meta dt,
|
||||
.toolbar-themes-form .toolbar-themes-meta dd {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.toolbar-themes-form .toolbar-themes-meta dt {
|
||||
clear: left;
|
||||
margin-right: 3px;
|
||||
width: 5em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.toolbar-themes-form .toolbar-themes-meta dt,
|
||||
.toolbar-themes-form .toolbar-themes-meta dd {
|
||||
float: left;
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
(function ($, drupalSettings) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Drupal.behaviors.ToolbarThemes = {
|
||||
attach: function () {
|
||||
|
||||
// Remove titles, they obscure drop menu items.
|
||||
$('#toolbar-bar a').removeAttr('title');
|
||||
|
||||
// Wrap menu link text.
|
||||
$('#toolbar-bar .toolbar-menu a').wrapInner('<span class="toolbar__link-label">');
|
||||
|
||||
if (drupalSettings.toolbar.icons == 1) {
|
||||
// Remove toolbar tab-icon classes.
|
||||
$("#toolbar-bar .toolbar-tab a").removeClass(function (index, css) {
|
||||
return (css.match (/(^|\s)toolbar-ico\S+/g) || []).join(' ');
|
||||
});
|
||||
|
||||
// Move icons into anchors so we can style active/hover states etc.
|
||||
if (drupalSettings.toolbar.tabs == 1) {
|
||||
$('#toolbar-bar .toolbar-tab__items-wrapper i.toolbar-icon').each(function () {
|
||||
var t = $(this).prev();
|
||||
$(this).prependTo(t);
|
||||
});
|
||||
}
|
||||
|
||||
if ($('#toolbar-bar').hasClass('has-icons')) {
|
||||
$('#toolbar-bar .toolbar-tray-horizontal i.toolbar-icon').each(function() {
|
||||
var h = $(this).prev();
|
||||
$(this).prependTo(h);
|
||||
});
|
||||
|
||||
$('#toolbar-bar .toolbar-tray-vertical i.toolbar-icon').each(function() {
|
||||
if ($(this).parents('.toolbar-tab').find('.trigger').hasClass('is-active')) {
|
||||
var v = $(this).siblings('.toolbar-box').find('a.toolbar-menu__link');
|
||||
} else {
|
||||
var v = $(this).prev();
|
||||
}
|
||||
$(this).prependTo(v);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery, drupalSettings);
|
||||
@@ -0,0 +1,33 @@
|
||||
{
|
||||
"name": "toolbar_themes",
|
||||
"version": "8.0.0",
|
||||
"description": "Theme and style overrides for the Toolbar",
|
||||
"author": "Jeff Burnz",
|
||||
"email": "jmburnz@gmail.com",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"autoprefixer": "7.1.6",
|
||||
"grunt": "1.0.1",
|
||||
"grunt-contrib-watch": "1.0.0",
|
||||
"grunt-grunticon": "^2.3.2",
|
||||
"grunt-postcss": "0.9.0",
|
||||
"grunt-sass": "2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": "6.11.5",
|
||||
"npm": "5.5.1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "http://cgit.drupalcode.org/toolbar_themes/"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://www.drupal.org/project/issues/toolbar_themes"
|
||||
},
|
||||
"keywords": [
|
||||
"drupal",
|
||||
"theme",
|
||||
"toolbar"
|
||||
],
|
||||
"license": "GPL-2.0"
|
||||
}
|
||||
+188
@@ -0,0 +1,188 @@
|
||||
<?php
|
||||
|
||||
namespace Drupal\toolbar_themes\Form;
|
||||
|
||||
use Drupal\Core\Form\ConfigFormBase;
|
||||
use Drupal\Core\Form\FormStateInterface;
|
||||
|
||||
/**
|
||||
* Toobar themes settings form.
|
||||
*/
|
||||
class ToolbarThemesSettingsForm extends ConfigFormBase {
|
||||
|
||||
/**
|
||||
* {@inheritDoc}
|
||||
*/
|
||||
public function getFormId() {
|
||||
return 'toolbar_themes_form';
|
||||
}
|
||||
|
||||
/**
|
||||
* {@inheritdoc}
|
||||
*/
|
||||
protected function getEditableConfigNames() {
|
||||
return [
|
||||
'toolbar_themes.settings',
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* {@inheritdoc}
|
||||
*/
|
||||
public function buildForm(array $form, FormStateInterface $form_state) {
|
||||
$config = $this->config('toolbar_themes.settings');
|
||||
$admin_theme = $this->config('system.theme')->get('admin');
|
||||
|
||||
$form['settings'] = array(
|
||||
'#type' => 'container',
|
||||
'#tree' => TRUE,
|
||||
'#title' => t('Toolbar Themes'),
|
||||
);
|
||||
|
||||
$form['settings']['info'] = array(
|
||||
'#type' => 'markup',
|
||||
'#prefix' => '<p class="toolbar-themes form-info">',
|
||||
'#suffix' => '</p>',
|
||||
'#markup' => t('Select options to style the Toolbar.'),
|
||||
);
|
||||
|
||||
// Table
|
||||
$header = array(
|
||||
'theme' => t('Theme'),
|
||||
'screen_shot' => t('Screen Shots'),
|
||||
'meta' => t('Meta'),
|
||||
);
|
||||
|
||||
$definitions = toolbar_themes_get_theme_definitions();
|
||||
$theme_handler = \Drupal::service('theme_handler');
|
||||
$options = array();
|
||||
|
||||
foreach ($definitions as $provider => $values) {
|
||||
if ($theme_handler->themeExists($provider)) {
|
||||
$provider_path = drupal_get_path('theme', $provider);
|
||||
}
|
||||
else {
|
||||
$provider_path = drupal_get_path('module', $provider);
|
||||
}
|
||||
foreach ($values as $theme => $data) {
|
||||
if (!isset($data['hidden']) || $data['hidden'] !== TRUE) {
|
||||
// Label
|
||||
$label[$theme] = ucfirst(t($data['label']));
|
||||
// Description
|
||||
$description[$theme] = $data['description'] ? t($data['description']) : t('No description provided');
|
||||
// Dependencies
|
||||
$dependency[$theme] = isset($data['libraries']['dependencies']) ? $data['libraries']['dependencies'][0] : NULL;
|
||||
$screen_shot = [];
|
||||
if ((isset($data['path']) && !empty($data['path'])) && (isset($data['screen_shot']) && !empty($data['screen_shot']))) {
|
||||
$screen_shot[$theme] = array(
|
||||
'#theme' => 'image',
|
||||
'#uri' => $provider_path . '/' . $data['path'] . '/' . $data['screen_shot'],
|
||||
'#alt' => $description[$theme],
|
||||
'#attributes' => array('class' => array('toolbar-theme-screen-shot')),
|
||||
);
|
||||
}
|
||||
else {
|
||||
$screen_shot[$theme] = array(
|
||||
'#markup' => '<em>' . t('No screen shot provided') . '</em>',
|
||||
);
|
||||
}
|
||||
// Meta
|
||||
$meta[$theme]['version'] = $data['version'] ? $data['version'] : NULL;
|
||||
$meta[$theme]['meta'] = array(
|
||||
'#markup' => '<dl class="toolbar-themes-meta"><dt>' . t('Version') .'</dt><dd>' . $meta[$theme]['version'] .'</dd><dt>' . t('Provider') .'</dt><dd>' . $provider . '</dd></dl>',
|
||||
);
|
||||
// Table options
|
||||
$options[$theme] = array(
|
||||
'theme' => $label[$theme],
|
||||
'screen_shot' => \Drupal::service('renderer')->render($screen_shot[$theme]),
|
||||
'meta' => \Drupal::service('renderer')->render($meta[$theme]['meta']),
|
||||
);
|
||||
// Radios default value is a key, not an array.
|
||||
if ($config->get('default_theme') === $theme) {
|
||||
$default = $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!empty($options)) {
|
||||
$form['settings']['default_theme'] = array(
|
||||
'#type' => 'tableselect',
|
||||
'#title' => t('Select toolbar theme'),
|
||||
'#header' => $header,
|
||||
'#options' => $options,
|
||||
'#multiple' => FALSE,
|
||||
'#js_select' => FALSE,
|
||||
'#default_value' => $default,
|
||||
'#empty' => t('No toolbar themes found'),
|
||||
);
|
||||
}
|
||||
|
||||
// $form['settings']['font_size'] = array(
|
||||
// '#type' => 'number',
|
||||
// '#title' => t('Set font size'),
|
||||
// '#max-length' => 2,
|
||||
// '#step' => 1,
|
||||
// '#default_value' => $config->get('font_size'),
|
||||
// '#attributes' => array(
|
||||
// 'min' => 10,
|
||||
// 'max' => 99,
|
||||
// 'step' => 1,
|
||||
// 'class' => array('font-size'),
|
||||
// ),
|
||||
// '#field_suffix' => 'px',
|
||||
// );
|
||||
|
||||
// Adminimal warnings etc.
|
||||
if ($admin_theme == 'adminimal_theme') {
|
||||
$form['settings']['font_disabled'] = array(
|
||||
'#type' => 'markup',
|
||||
'#prefix' => '<div class="messages messages--warning">',
|
||||
'#suffix' => '</div>',
|
||||
'#markup' => t('For Adminmal the font size will only apply to the front end theme.'),
|
||||
);
|
||||
}
|
||||
|
||||
$form['settings']['tabs'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Show toolbar tabs'),
|
||||
'#default_value' => $config->get('tabs'),
|
||||
'#description' => t('Unchecked this will remove tabs except for the Manage tab which is replaced by an icon.'),
|
||||
);
|
||||
|
||||
$form['settings']['icons'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('Show icons'),
|
||||
'#default_value' => $config->get('icons'),
|
||||
'#description' => t('Unchecked this will remove icons from tab and menu items, while orientation toggle icons and sub-menu arrows remain.'),
|
||||
);
|
||||
|
||||
$form['settings']['actions']['#type'] = 'actions';
|
||||
$form['settings']['actions']['submit'] = array(
|
||||
'#type' => 'submit',
|
||||
'#value' => $this->t('Submit'),
|
||||
'#button_type' => 'primary',
|
||||
);
|
||||
|
||||
return $form;
|
||||
}
|
||||
|
||||
/**
|
||||
* {@inheritDoc}
|
||||
*/
|
||||
public function validateForm(array &$form, FormStateInterface $form_state) {}
|
||||
|
||||
/**
|
||||
* {@inheritdoc}
|
||||
*/
|
||||
public function submitForm(array &$form, FormStateInterface $form_state) {
|
||||
$values = $form_state->getValues();
|
||||
$config = \Drupal::service('config.factory')->getEditable('toolbar_themes.settings');
|
||||
foreach ($values['settings'] as $key => $setting) {
|
||||
$config->set($key, $setting);
|
||||
}
|
||||
$config->save();
|
||||
parent::submitForm($form, $form_state);
|
||||
drupal_flush_all_caches();
|
||||
}
|
||||
}
|
||||
+93
@@ -0,0 +1,93 @@
|
||||
{#
|
||||
/**
|
||||
* Toolbar themes theme implementation to display a toolbar menu.
|
||||
*
|
||||
* Available variables:
|
||||
* - menu_name: The machine name of the menu.
|
||||
* - items: A nested list of menu items. Each menu item contains:
|
||||
* - attributes: HTML attributes for the menu item.
|
||||
* - below: The menu item child items.
|
||||
* - title: The menu link title.
|
||||
* - url: The menu link url, instance of \Drupal\Core\Url
|
||||
* - localized_options: Menu link localized options.
|
||||
* - is_expanded: TRUE if the link has visible children within the current
|
||||
* menu tree.
|
||||
* - is_collapsed: TRUE if the link has children within the current menu tree
|
||||
* that are not currently visible.
|
||||
* - in_active_trail: TRUE if the link is in the active trail.
|
||||
* - show_icon: bool to show or hide icon markup.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%- import _self as menus -%}
|
||||
{#
|
||||
We call a macro which calls itself to render the full tree.
|
||||
@see http://twig.sensiolabs.org/doc/tags/macro.html
|
||||
#}
|
||||
{{- menus.menu_links(items, attributes, 0, menu_name) -}}
|
||||
|
||||
{%- macro menu_links(items, attributes, menu_level, menu_name) -%}
|
||||
{%- import _self as menus -%}
|
||||
|
||||
{% if items %}
|
||||
<ul
|
||||
{%- if menu_level == 0 -%}
|
||||
{{ attributes.addClass(['toolbar-menu', 'odd', 'menu-level-1', menu_name ? 'menu-name--' ~ menu_name|clean_class ]) }}
|
||||
{%- else %}
|
||||
class="toolbar-menu is-child {{ cycle(['odd', 'even'], menu_level) }} {{ 'menu-level-' ~ (menu_level + 1) }}"
|
||||
{%- endif -%}
|
||||
>
|
||||
|
||||
{# Begin loop. #}
|
||||
{% for item in items %}
|
||||
|
||||
{% if item.below is not empty %}
|
||||
{% set is_parent = true %}
|
||||
{% else %}
|
||||
{% set is_parent = false %}
|
||||
{% endif %}
|
||||
|
||||
{%
|
||||
set item_classes = [
|
||||
'menu-item',
|
||||
is_parent ? 'is-parent',
|
||||
item.is_expanded ? 'menu-item--expanded',
|
||||
item.is_collapsed ? 'menu-item--collapsed',
|
||||
item.in_active_trail ? 'menu-tem--active-trail',
|
||||
]
|
||||
%}
|
||||
|
||||
{# We set an id on list items to provide context for aria attributes. #}
|
||||
<li{{ item.attributes.addClass(item_classes).setAttribute('id', 'mlid-' ~ item.title|render|clean_class)|without('role') }}>
|
||||
{{
|
||||
link(
|
||||
item.title,
|
||||
item.url
|
||||
)
|
||||
}}
|
||||
|
||||
{%- if item.show_icon -%}
|
||||
{%- if item.icon_attributes -%}
|
||||
<i{{ item.icon_attributes.addClass('menu-item__icon') }}></i>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
|
||||
{% if item.below %}
|
||||
{{
|
||||
menus.menu_links(
|
||||
item.below,
|
||||
attributes,
|
||||
menu_level + 1,
|
||||
menu_name
|
||||
)
|
||||
}}
|
||||
{% endif %}
|
||||
</li>
|
||||
|
||||
{%- endfor -%}
|
||||
{# End loop. #}
|
||||
|
||||
</ul>
|
||||
{% endif %}
|
||||
{%- endmacro -%}
|
||||
+56
@@ -0,0 +1,56 @@
|
||||
{#
|
||||
/**
|
||||
* Toolbar themes implementation for the administrative toolbar.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: HTML attributes for the wrapper.
|
||||
* - toolbar_attributes: HTML attributes to apply to the toolbar.
|
||||
* - toolbar_heading: The heading or label for the toolbar.
|
||||
* - tabs: List of tabs for the toolbar.
|
||||
* - attributes: HTML attributes for the tab container.
|
||||
* - link: Link or button for the menu tab.
|
||||
* - icon_attributes: tab icon classes and attributes to style SVG grunticons.
|
||||
* - trays: Toolbar tray list, each associated with a tab. Each tray in trays
|
||||
* contains:
|
||||
* - attributes: HTML attributes to apply to the tray.
|
||||
* - label: The tray's label.
|
||||
* - links: The tray menu links.
|
||||
* - remainder: Any non-tray, non-tab elements left to be rendered.
|
||||
* - show_icons: bool to show or hide icon markup.
|
||||
*
|
||||
* @see toobar_themes_preprocess_toolbar()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<div{{ attributes.addClass('toolbar') }}>
|
||||
{%
|
||||
set classes = [
|
||||
'toolbar-bar',
|
||||
show_icons ? 'has-icons' : 'no-icons',
|
||||
show_tabs ? 'has-tabs' : 'no-tabs',
|
||||
]
|
||||
%}
|
||||
<nav{{ toolbar_attributes.addClass(classes).setAttribute('style', font_size) }}>
|
||||
<h2 class="visually-hidden">{{ toolbar_heading }}</h2>
|
||||
{% for key, tab in tabs %}
|
||||
{% set tray = trays[key] %}
|
||||
<div{{ tab.attributes.addClass('toolbar-tab') }}>
|
||||
<span class="toolbar-tab__items-wrapper">
|
||||
{{- tab.link -}}
|
||||
</span>
|
||||
{% spaceless %}
|
||||
<div{{ tray.attributes }}>
|
||||
{% if tray.label %}
|
||||
<h3 class="toolbar-tray-name visually-hidden">{{ tray.label }}</h3>
|
||||
{% endif %}
|
||||
<nav class="toolbar-lining clearfix" role="navigation"{% if tray.label %} aria-label="{{ tray.label }}{% endif %}">
|
||||
{{ tray.links }}
|
||||
</nav>
|
||||
</div>
|
||||
{% endspaceless %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
{{ remainder }}
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
// Admin theme SCSS variables.
|
||||
|
||||
$font-family : "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
|
||||
$font-size : .75rem;
|
||||
|
||||
$tap-highlight : rgba(255, 255, 255, 0);
|
||||
|
||||
$toolbar-bar-color : #e8e8e8;
|
||||
$toolbar-bar-background : #454545;
|
||||
|
||||
$drop-shadows : false;
|
||||
$drop-shadow-color : rgba(0, 0, 0, 0.333);
|
||||
$border-color : #323232;
|
||||
|
||||
$tab-item-height : $font-size * 2;
|
||||
$toolbar-item-padding : 0.3em 0.95em .2em;
|
||||
|
||||
$tab-color : #d8d8d8;
|
||||
$tab-active-color : #fff;
|
||||
|
||||
$tray-color : #e8e8e8;
|
||||
$tray-active : #fff;
|
||||
$tray-background : #101010;
|
||||
|
||||
$tray-vertical-background : $tray-background;
|
||||
$tray-border-color : #696969;
|
||||
|
||||
$drop-menu-border-color : $border-color;
|
||||
$drop-menu-background : rgba(16, 16, 16, 0.95);
|
||||
$sub-menu-indicator : $tray-border-color;
|
||||
|
||||
$toggle-orientation-color : $tray-border-color;
|
||||
$toggle-orientation-active : $tray-color;
|
||||
$toggle-orientation-border-color : $toggle-orientation-color;
|
||||
@@ -0,0 +1,47 @@
|
||||
/**
|
||||
* admin_menu_icons
|
||||
*/
|
||||
#toolbar-administration .toolbar-icon {
|
||||
padding: 0 .25em 0 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
fill: #d8d8d8;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {
|
||||
width: 0.875em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 24em) {
|
||||
#toolbar-administration .toolbar-bar .home-toolbar-tab,
|
||||
#toolbar-administration .toolbar-bar .tour-toolbar-tab,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a {
|
||||
fill: #e8e8e8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a.is-active[href="/"] {
|
||||
fill: #e8e8e8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {
|
||||
fill: #fff;
|
||||
}
|
||||
/*# sourceMappingURL=admin_menu_icons.css.map */
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["admin_menu_icons.scss","_variables.scss","admin_menu_icons.css"],"names":[],"mappings":"AAAA;;GAEG;AAgBH;EAGI,qBAAoB;CACrB;;AAJH;EAYU,cCbiC;EDcjC,WAAU;CACX;;AAdT;EAiBU,eAAc;CACf;;AAlBT;;;;EA0Bc,WC1B0B;CD2B3B;;AAOX;EAlCF;;;IAwCM,cAAa;GACd;CE9BJ;;AFXD;EAgDM,cC9CqC;CDkEtC;;AApEL;EAsDQ,WCnDgC;CDoDjC;;AAvDP;EA0DQ,cCxDmC;CDyDpC;;AA3DP;EAiEU,WC9D8B;CD+D/B","file":"admin_menu_icons.css","sourcesContent":[null,null,"/**\n * admin_menu_icons\n */\n#toolbar-administration .toolbar-icon {\n padding: 0 .25em 0 0;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {\n fill: #d8d8d8;\n top: 0.1em;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {\n width: 0.875em;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {\n fill: #fff;\n}\n\n@media only screen and (max-width: 24em) {\n #toolbar-administration .toolbar-bar .home-toolbar-tab,\n #toolbar-administration .toolbar-bar .tour-toolbar-tab,\n #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {\n display: none;\n }\n}\n\n#toolbar-administration .toolbar-menu a {\n fill: #e8e8e8;\n}\n\n#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {\n fill: #fff;\n}\n\n#toolbar-administration .toolbar-menu a.is-active[href=\"/\"] {\n fill: #e8e8e8;\n}\n\n#toolbar-administration .toolbar-menu a:hover[href=\"/\"], #toolbar-administration .toolbar-menu a:focus[href=\"/\"], #toolbar-administration .toolbar-menu a:active[href=\"/\"] {\n fill: #fff;\n}\n\n/*# sourceMappingURL=admin_menu_icons.css.map */"]}
|
||||
+91
@@ -0,0 +1,91 @@
|
||||
/**
|
||||
* admin_menu_icons
|
||||
*/
|
||||
|
||||
// Import global variables.
|
||||
@import "variables";
|
||||
|
||||
|
||||
// Most icons are embedded SVG. Icons are embedded using Grunticon. We are using
|
||||
// the original SVG icons from Drupal core, however the width and height
|
||||
// attribute have been replaced with a viewBox attribute so we can scale them
|
||||
// properly with CSS. Embedded SVG has the advantage of being styled with CSS,
|
||||
// and by using Grunticon JS loading we negate most of the bloat and overhead
|
||||
// associated with embedding SVG files. For the buttons (orientation toggles &
|
||||
// menu click handles), and for sub-menu indicators we use a custom font icon
|
||||
// that is tiny and only includes four icons. We rotate and color these in CSS
|
||||
// as required.
|
||||
|
||||
#toolbar-administration {
|
||||
|
||||
.toolbar-icon {
|
||||
padding: 0 .25em 0 0;
|
||||
}
|
||||
|
||||
|
||||
// Top level icons.
|
||||
.toolbar-bar {
|
||||
.toolbar-tab {
|
||||
.toolbar-tab__items-wrapper {
|
||||
.toolbar-icon {
|
||||
fill: $tab-color ;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
.toolbar-icon-menu {
|
||||
width: 0.875em;
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
&:hover,
|
||||
&:active,
|
||||
&.is-active {
|
||||
.toolbar-icon {
|
||||
fill: $tab-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 24em) {
|
||||
// Toolbar-themes module cannot hide the text, so instead we remove the
|
||||
// icons and other redundant tabs in narrow screens.
|
||||
.toolbar-bar .home-toolbar-tab,
|
||||
.toolbar-bar .tour-toolbar-tab,
|
||||
.toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Main menu icons.
|
||||
.toolbar-menu {
|
||||
a {
|
||||
fill: $tray-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.is-active {
|
||||
fill: $tray-active;
|
||||
}
|
||||
|
||||
&.is-active[href="/"] {
|
||||
fill: $tray-color;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
&[href="/"] {
|
||||
fill: $tray-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+345
@@ -0,0 +1,345 @@
|
||||
/**
|
||||
* admin_menu_theme
|
||||
* Theme styles for menus and other toolbar elements. SVG icons are styled in
|
||||
* the [theme]_icons.scss file, while click handles, e.g. origination buttons
|
||||
* are styled here.
|
||||
*/
|
||||
body .toolbar-no-tabs {
|
||||
padding-top: 1.5rem !important;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
height: 3rem;
|
||||
background-color: #454545;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.toolbar-vertical #toolbar-administration,
|
||||
.toolbar-no-tabs #toolbar-administration,
|
||||
#toolbar-administration .toolbar-tab,
|
||||
#toolbar-administration .toolbar-tray {
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray {
|
||||
top: 1.5rem;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,
|
||||
#toolbar-administration .toolbar-item a:hover,
|
||||
#toolbar-administration .toolbar-item a:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-item {
|
||||
padding: 0.3em 0.95em 0.2em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar__link-label {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar {
|
||||
background-color: #454545;
|
||||
color: #e8e8e8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a {
|
||||
color: #d8d8d8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:focus, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active {
|
||||
color: #fff;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#101010));
|
||||
background-image: -webkit-linear-gradient(#454545, #101010);
|
||||
background-image: -o-linear-gradient(#454545, #101010);
|
||||
background-image: linear-gradient(#454545, #101010);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {
|
||||
float: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {
|
||||
padding: 0.3em 0.95em 0.2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item {
|
||||
color: #d8d8d8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:hover, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item:focus, #toolbar-administration .toolbar-bar .contextual-toolbar-tab button.toolbar-item.is-active {
|
||||
color: #fff;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-lining button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-box a:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-box a:hover:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray {
|
||||
background-color: #101010;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray a {
|
||||
color: #e8e8e8;
|
||||
cursor: pointer;
|
||||
padding: 0.3em 0.95em 0.2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray a.is-active[href="/"] {
|
||||
color: #e8e8e8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal a:focus {
|
||||
outline: none;
|
||||
background-color: #101010;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {
|
||||
background-color: rgba(16, 16, 16, 0.95);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {
|
||||
border-top: 1px solid #101010;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {
|
||||
border-top-color: #101010;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a,
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {
|
||||
border-right: 1px solid;
|
||||
border-color: #101010;
|
||||
-webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%;
|
||||
-webkit-border-image: -webkit-linear-gradient(bottom, #696969, #101010) 1 100%;
|
||||
-o-border-image: -o-linear-gradient(bottom, #696969, #101010) 1 100%;
|
||||
border-image: -webkit-gradient(linear, left bottom, left top, from(#696969), to(#101010)) 1 100%;
|
||||
border-image: linear-gradient(to top, #696969, #101010) 1 100%;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > a, [dir="rtl"]
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-box a {
|
||||
border-right: 0;
|
||||
border-left: 1px solid;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {
|
||||
background-color: #101010;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:after,
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:after {
|
||||
color: #696969;
|
||||
right: 0.65em;
|
||||
top: 0.5em;
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:hover:after, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > a:focus:after,
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:hover:after,
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded .toolbar-box > a:focus:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {
|
||||
float: none;
|
||||
position: absolute;
|
||||
right: 2.2em;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical {
|
||||
background-color: #101010;
|
||||
border-right: 1px solid #323232;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-vertical {
|
||||
border-left: 1px solid #323232;
|
||||
border-right: 0 none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu {
|
||||
display: block;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item--expanded.open > .toolbar-menu .toolbar-menu {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {
|
||||
margin-right: 3em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {
|
||||
margin-left: 3em;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {
|
||||
border-top: 1px solid #696969;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item:last-child {
|
||||
border-bottom: 1px solid #696969;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:hover,
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item .toolbar-box:focus {
|
||||
background-color: #1d1d1d;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu.root {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-menu {
|
||||
border-bottom: 1px solid;
|
||||
border-top: 1px solid;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-1 > ul {
|
||||
background-color: #383838;
|
||||
border-bottom-color: #5c5c5c;
|
||||
border-top-color: #5c5c5c;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-2 > ul {
|
||||
background-color: #2c2c2c;
|
||||
border-bottom-color: #505050;
|
||||
border-top-color: #505050;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-3 > ul {
|
||||
background-color: #1f1f1f;
|
||||
border-bottom-color: #434343;
|
||||
border-top-color: #434343;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-4 > ul {
|
||||
background-color: #121212;
|
||||
border-bottom-color: #363636;
|
||||
border-top-color: #363636;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-5 > ul {
|
||||
background-color: #050505;
|
||||
border-bottom-color: #292929;
|
||||
border-top-color: #292929;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-6 > ul {
|
||||
background-color: black;
|
||||
border-bottom-color: #1d1d1d;
|
||||
border-top-color: #1d1d1d;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-7 > ul {
|
||||
background-color: black;
|
||||
border-bottom-color: #101010;
|
||||
border-top-color: #101010;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu > .level-8 > ul {
|
||||
background-color: black;
|
||||
border-bottom-color: #030303;
|
||||
border-top-color: #030303;
|
||||
}
|
||||
|
||||
#toolbar-administration .menu-item:last-child > .toolbar-menu {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-icon.toolbar-handle:before {
|
||||
color: #696969;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-icon.toolbar-handle.open:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {
|
||||
color: #696969;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {
|
||||
color: #e8e8e8;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
border-left: 1px solid #696969;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
border-left: 0 none;
|
||||
border-right: 1px solid #696969;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after {
|
||||
right: 0.95em;
|
||||
}
|
||||
|
||||
.adminimal #toolbar-bar {
|
||||
font: normal 83.1%/1.538 "Open Sans", sans-serif !important;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {
|
||||
padding-top: 4.75em !important;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {
|
||||
min-height: 4em;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {
|
||||
min-height: 2em;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs, .adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {
|
||||
padding-top: 2.3em !important;
|
||||
}
|
||||
/*# sourceMappingURL=admin_menu_theme.css.map */
|
||||
+1
File diff suppressed because one or more lines are too long
+437
@@ -0,0 +1,437 @@
|
||||
/**
|
||||
* admin_menu_theme
|
||||
* Theme styles for menus and other toolbar elements. SVG icons are styled in
|
||||
* the [theme]_icons.scss file, while click handles, e.g. origination buttons
|
||||
* are styled here.
|
||||
*/
|
||||
|
||||
// Import global variables.
|
||||
@import "variables";
|
||||
|
||||
body {
|
||||
.toolbar-no-tabs {
|
||||
padding-top: $tab-item-height !important;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
font-family: $font-family;
|
||||
font-weight: 400;
|
||||
font-size: $font-size;
|
||||
height: $tab-item-height * 2;
|
||||
background-color: $toolbar-bar-background;
|
||||
-webkit-tap-highlight-color: $tap-highlight;
|
||||
|
||||
.toolbar-vertical &,
|
||||
.toolbar-no-tabs &,
|
||||
.toolbar-tab,
|
||||
.toolbar-tray {
|
||||
height: $tab-item-height;
|
||||
}
|
||||
|
||||
.toolbar-tray {
|
||||
top: $tab-item-height;
|
||||
}
|
||||
|
||||
.toolbar-tab,
|
||||
.toolbar-item {
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-item {
|
||||
padding: $toolbar-item-padding;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar__link-label {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
|
||||
// Toolbar bar.
|
||||
.toolbar-bar {
|
||||
background-color: $toolbar-bar-background;
|
||||
color: $toolbar-bar-color;
|
||||
|
||||
@if $drop-shadows == true {
|
||||
box-shadow: -1px 0 3px 1px $drop-shadow-color;
|
||||
|
||||
[dir="rtl"] & {
|
||||
box-shadow: 1px 0 3px 1px $drop-shadow-color;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-item {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.is-active {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tab .toolbar-tab__items-wrapper a {
|
||||
color: $tab-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.is-active {
|
||||
color: $tab-active-color;
|
||||
background-image: linear-gradient($toolbar-bar-background, $tray-background);
|
||||
}
|
||||
}
|
||||
|
||||
// Tour is a button.
|
||||
.tour-toolbar-tab {
|
||||
&.toolbar-tab {
|
||||
float: none; // Override tour module CSS.
|
||||
}
|
||||
|
||||
button.toolbar-item {
|
||||
padding: $toolbar-item-padding;
|
||||
}
|
||||
}
|
||||
|
||||
// Edit button
|
||||
.contextual-toolbar-tab button.toolbar-item {
|
||||
color: $tab-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.is-active {
|
||||
color: $tab-active-color;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Button reset.
|
||||
.toolbar-lining button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
// Menu reset.
|
||||
.toolbar-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
// Wrapper around list item items, injected when tray is vertical (and
|
||||
// persists even if toggled back to vertical).
|
||||
.toolbar-box a {
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:hover:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Toolbar tray.
|
||||
.toolbar-tray {
|
||||
background-color: $tray-background;
|
||||
|
||||
a {
|
||||
color: $tray-color;
|
||||
cursor: pointer;
|
||||
padding: $toolbar-item-padding;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus,
|
||||
&.is-active {
|
||||
color: $tray-active;
|
||||
}
|
||||
|
||||
&.is-active[href="/"] {
|
||||
color: $tray-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Horizontal tray.
|
||||
.toolbar-tray-horizontal {
|
||||
@if $drop-shadows == true {
|
||||
box-shadow: -2px 1px 3px 1px $drop-shadow-color;
|
||||
|
||||
[dir="rtl"] & {
|
||||
box-shadow: 2px 1px 3px 1px $drop-shadow-color;
|
||||
}
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: none;
|
||||
background-color: $tray-background;
|
||||
}
|
||||
|
||||
// Admin Toolbar Module drop menus.
|
||||
.toolbar-menu-administration {
|
||||
.toolbar-menu .toolbar-menu {
|
||||
background-color: $drop-menu-background ;
|
||||
|
||||
@if $drop-shadows == true {
|
||||
box-shadow: 0 2px 1px 1px $drop-shadow-color;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
border-top: 1px solid $tray-background;
|
||||
|
||||
&:first-child {
|
||||
border-top-color: $tray-background;
|
||||
}
|
||||
}
|
||||
|
||||
// Sub-sub menus
|
||||
.toolbar-menu {
|
||||
@if $drop-shadows == true {
|
||||
box-shadow: 2px 2px 2px 0 $drop-shadow-color;
|
||||
}
|
||||
}
|
||||
|
||||
> .menu-item--expanded > .toolbar-menu {
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
> .toolbar-menu > .menu-item > a,
|
||||
> .toolbar-menu > .menu-item > .toolbar-box a {
|
||||
border-right: 1px solid;
|
||||
border-color: $tray-background;
|
||||
border-image: linear-gradient(to top, $tray-border-color, $tray-background) 1 100%;
|
||||
|
||||
[dir="rtl"] & {
|
||||
border-right: 0;
|
||||
border-left: 1px solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
.menu-item {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $tray-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sub-menu indicator in drop menus.
|
||||
.toolbar-menu-administration > .toolbar-menu .toolbar-menu {
|
||||
> .menu-item--expanded > a,
|
||||
> .menu-item--expanded .toolbar-box > a {
|
||||
&:after {
|
||||
color: $sub-menu-indicator;
|
||||
right: 0.65em;
|
||||
top: 0.5em;
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
&:after {
|
||||
color: $tray-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.edit-shortcuts {
|
||||
float: none; // Override shortcut module CSS.
|
||||
position: absolute;
|
||||
right: 2.2em;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Vertical tray.
|
||||
.toolbar-tray-vertical {
|
||||
background-color: $tray-vertical-background;
|
||||
border-right: 1px solid $border-color;
|
||||
height: 100%;
|
||||
|
||||
@if $drop-shadows == true {
|
||||
box-shadow: -1px 0 5px 2px $drop-shadow-color;
|
||||
}
|
||||
|
||||
|
||||
[dir="rtl"] & {
|
||||
border-left: 1px solid $border-color;
|
||||
border-right: 0 none;
|
||||
|
||||
@if $drop-shadows == true {
|
||||
box-shadow: 1px 0 5px 2px $drop-shadow-color;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-menu .toolbar-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-item--expanded.open > .toolbar-menu {
|
||||
display: block;
|
||||
border-bottom-width: 0;
|
||||
|
||||
.toolbar-menu {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-handle + a {
|
||||
margin-right: 3em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
margin-left: 3em;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
+ .menu-item {
|
||||
border-top: 1px solid $tray-border-color;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid $tray-border-color;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
.toolbar-box:hover,
|
||||
.toolbar-box:focus {
|
||||
background-color: lighten($tray-background, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-menu {
|
||||
&.root {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.toolbar-menu {
|
||||
border-bottom: 1px solid;
|
||||
border-top: 1px solid;
|
||||
}
|
||||
}
|
||||
|
||||
// Loop to generate nested selectors and styles.
|
||||
$self: '.toolbar-menu';
|
||||
@for $i from 1 through 8 {
|
||||
$self: if($i == 1, "ul", nest($self, "ul")) !global;
|
||||
#{$self} > .level-#{$i} > ul {
|
||||
background-color: darken($toolbar-bar-background , 5 * $i);
|
||||
border-bottom-color: darken($tray-border-color, 5 * $i);
|
||||
border-top-color: darken($tray-border-color, 5 * $i);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item:last-child > .toolbar-menu {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
// Click handles.
|
||||
.toolbar-icon.toolbar-handle {
|
||||
&:before {
|
||||
color: $tray-border-color;
|
||||
}
|
||||
|
||||
&.open {
|
||||
&:before {
|
||||
color: $tray-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-toggle-orientation button.toolbar-icon {
|
||||
&:after,
|
||||
&:before {
|
||||
color: $toggle-orientation-color;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:hover:after,
|
||||
&:focus:before {
|
||||
color: $toggle-orientation-active;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Orientation toggles and handles
|
||||
.toolbar-toggle-orientation {
|
||||
button {}
|
||||
> .toolbar-lining {}
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
border-left: 1px solid $toggle-orientation-border-color;
|
||||
|
||||
[dir="rtl"] & {
|
||||
border-left: 0 none;
|
||||
border-right: 1px solid $toggle-orientation-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-toggle-orientation [value="horizontal"]:after {
|
||||
right: 0.95em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Support for the Adminimal admin theme.
|
||||
.adminimal {
|
||||
|
||||
#toolbar-bar {
|
||||
font: normal 83.1%/1.538 "Open Sans", sans-serif !important;
|
||||
}
|
||||
|
||||
&.toolbar-tray-open {
|
||||
&.toolbar-fixed {
|
||||
&.toolbar-horizontal {
|
||||
&.toolbar-themes {
|
||||
padding-top: 4.75em !important;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
&.toolbar-has-tabs #toolbar-administration {
|
||||
min-height: 4em;
|
||||
}
|
||||
|
||||
&.toolbar-no-tabs #toolbar-administration {
|
||||
min-height: 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.toolbar-fixed.toolbar-vertical.toolbar-has-tabs,
|
||||
&.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs,
|
||||
&.toolbar-fixed.toolbar-vertical.toolbar-no-tabs,
|
||||
&.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {
|
||||
padding-top: 2.3em !important;
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
@@ -0,0 +1,140 @@
|
||||
/**
|
||||
* base_handles
|
||||
*
|
||||
* Font icons for orientation toggles, menu click handles & sub-menu indicators.
|
||||
* We're using Libricons because they're the same icons included in Drupal 8
|
||||
* core and used by the Toolbar, however core insists on background-image SVG
|
||||
* which makes these impossible to style with CSS. We do not use embedded SVG
|
||||
* for these icons (like all the other Grunticon embedded SVG icons) because
|
||||
* we need to use text-indent to hide the labels.
|
||||
*
|
||||
* There are no colors in this file - those should be provided by sub-themes in
|
||||
* the themes "icons" library.
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "libricons";
|
||||
src: url("fonts/libricons.woff2") format("woff2"), url("fonts/libricons.woff") format("woff"), url("fonts/libricons.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#toolbar-administration button,
|
||||
#toolbar-administration input[type="button"] {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar.no-tabs .toolbar-tab__items-wrapper a {
|
||||
position: relative;
|
||||
text-indent: -9999px;
|
||||
width: 2.5em;
|
||||
height: 2em;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar.no-tabs .toolbar-tab__items-wrapper a:before {
|
||||
font-family: 'libricons', sans-serif;
|
||||
text-indent: 0;
|
||||
content: "\E03F";
|
||||
position: absolute;
|
||||
left: 0.85em;
|
||||
top: 0.4em;
|
||||
font-size: 0.9em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon {
|
||||
position: relative;
|
||||
text-indent: -9999px;
|
||||
width: 2.2em;
|
||||
height: 2em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {
|
||||
font-family: 'libricons', sans-serif;
|
||||
text-indent: 0;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation [value="vertical"]:before {
|
||||
content: '\E021';
|
||||
vertical-align: middle;
|
||||
left: 0.65em;
|
||||
top: 0.6em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation [value="vertical"]:before {
|
||||
left: auto;
|
||||
right: 0.65em;
|
||||
content: '\E023';
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation [value="horizontal"]:after {
|
||||
top: 0.25em;
|
||||
right: 0.9em;
|
||||
content: '\E024';
|
||||
margin-top: 0.15em;
|
||||
}
|
||||
|
||||
#toolbar-administration button.toolbar-handle {
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
text-indent: -9999px;
|
||||
width: 2.2em;
|
||||
height: 2.334em;
|
||||
display: block;
|
||||
padding: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration button.toolbar-handle {
|
||||
left: 0;
|
||||
padding: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#toolbar-administration button.toolbar-handle:after, #toolbar-administration button.toolbar-handle:before {
|
||||
font-family: 'libricons', sans-serif;
|
||||
text-indent: 0;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#toolbar-administration button.toolbar-handle:before {
|
||||
content: '\E009';
|
||||
top: 0.55em;
|
||||
right: 1em;
|
||||
}
|
||||
|
||||
#toolbar-administration button.toolbar-handle.open:before {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded a:after,
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-box > a:after {
|
||||
font-family: 'libricons', sans-serif;
|
||||
font-size: 0.9em;
|
||||
content: '\E012';
|
||||
position: absolute;
|
||||
right: 0.3em;
|
||||
top: 0.5em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded a:after, [dir="rtl"]
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-box > a:after {
|
||||
left: 0.3em;
|
||||
right: auto;
|
||||
content: '\E010';
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .toolbar-menu a:after {
|
||||
display: none;
|
||||
}
|
||||
/*# sourceMappingURL=base_handles.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,179 @@
|
||||
/**
|
||||
* base_handles
|
||||
*
|
||||
* Font icons for orientation toggles, menu click handles & sub-menu indicators.
|
||||
* We're using Libricons because they're the same icons included in Drupal 8
|
||||
* core and used by the Toolbar, however core insists on background-image SVG
|
||||
* which makes these impossible to style with CSS. We do not use embedded SVG
|
||||
* for these icons (like all the other Grunticon embedded SVG icons) because
|
||||
* we need to use text-indent to hide the labels.
|
||||
*
|
||||
* There are no colors in this file - those should be provided by sub-themes in
|
||||
* the themes "icons" library.
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "libricons";
|
||||
src: url('fonts/libricons.woff2') format('woff2'),
|
||||
url('fonts/libricons.woff') format('woff'),
|
||||
url('fonts/libricons.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
button,
|
||||
input[type="button"] {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
// Tabs can be hidden in the settings, however we have to show the Manage tab
|
||||
// in orientation vertical otherwise the user will not be able to collapse
|
||||
// the menu.
|
||||
.toolbar-bar.no-tabs {
|
||||
.toolbar-tab__items-wrapper {
|
||||
a {
|
||||
position: relative;
|
||||
text-indent: -9999px;
|
||||
width: 2.5em;
|
||||
height: 2em;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
|
||||
&:before {
|
||||
font-family: 'libricons', sans-serif;
|
||||
text-indent: 0;
|
||||
content: "\E03F";
|
||||
position: absolute;
|
||||
left: 0.85em;
|
||||
top: 0.4em;
|
||||
font-size: 0.9em;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-vertical.toolbar-no-tabs {
|
||||
.toolbar-tab__items-wrapper,
|
||||
.toolbar-tab__items-wrapper a {
|
||||
//display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// Orientation toggle & Handle.
|
||||
.toolbar-toggle-orientation button.toolbar-icon {
|
||||
position: relative;
|
||||
text-indent: -9999px;
|
||||
width: 2.2em;
|
||||
height: 2em;
|
||||
overflow: hidden;
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
font-family: 'libricons', sans-serif;
|
||||
text-indent: 0;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
// Orientation toggles.
|
||||
.toolbar-toggle-orientation [value="vertical"] {
|
||||
&:before {
|
||||
content: '\E021';
|
||||
vertical-align: middle;
|
||||
left: 0.65em;
|
||||
top: 0.6em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
left: auto;
|
||||
right: 0.65em;
|
||||
content: '\E023';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-toggle-orientation [value="horizontal"] {
|
||||
&:after {
|
||||
top: 0.25em;
|
||||
right: 0.9em;
|
||||
content: '\E024';
|
||||
margin-top: 0.15em; // Touch target separation.
|
||||
}
|
||||
}
|
||||
|
||||
// Click handles.
|
||||
button.toolbar-handle {
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
text-indent: -9999px;
|
||||
width: 2.2em;
|
||||
height: 2.334em;
|
||||
display: block;
|
||||
padding: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
|
||||
[dir="rtl"] & {
|
||||
left: 0;
|
||||
padding: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
font-family: 'libricons', sans-serif;
|
||||
text-indent: 0;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '\E009';
|
||||
top: 0.55em;
|
||||
right: 1em;
|
||||
}
|
||||
|
||||
&.open {
|
||||
&:before {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sub-menu indicators in drop menus.
|
||||
.toolbar-tray-horizontal {
|
||||
.toolbar-menu-administration > .toolbar-menu .toolbar-menu {
|
||||
|
||||
> .menu-item--expanded a,
|
||||
> .menu-item--expanded > .toolbar-box > a {
|
||||
|
||||
&:after {
|
||||
font-family: 'libricons', sans-serif;
|
||||
font-size: 0.9em;
|
||||
content: '\E012';
|
||||
position: absolute;
|
||||
right: 0.3em;
|
||||
top: 0.5em;
|
||||
display: block;
|
||||
|
||||
[dir="rtl"] & {
|
||||
left: 0.3em;
|
||||
right: auto;
|
||||
content: '\E010';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-menu a {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,75 @@
|
||||
/**
|
||||
* base_icons
|
||||
*
|
||||
* Base styles for toolbar icons.
|
||||
*
|
||||
* Most icons are embedded SVG. Icons are embedded using Grunticon. We are using
|
||||
* the original SVG icons from Drupal core, however the width and height
|
||||
* attribute have been replaced with a viewBox attribute so we can scale them
|
||||
* properly with CSS. Embedded SVG has the advantage of being styled with CSS,
|
||||
* and by using Grunticon JS loading we negate most of the bloat and overhead
|
||||
* associated with embedding SVG files.
|
||||
*
|
||||
* For the buttons (orientation toggles & menu click handles) please see
|
||||
* base_handles.scss and your themes main theme.scss file. These are styled
|
||||
* separably because this file will not load if the Show Icons setting is false.
|
||||
*
|
||||
* There are no colors in this file - those should be provided by sub-themes.
|
||||
*/
|
||||
#toolbar-administration .toolbar-icon:before, #toolbar-administration .toolbar-icon:after {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#toolbar-administration i.toolbar-icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
padding: 0;
|
||||
margin-right: 0.5em;
|
||||
position: relative;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu ul .toolbar-icon {
|
||||
padding-left: 1.3333em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-menu ul .toolbar-icon {
|
||||
padding-left: 0;
|
||||
padding-right: 1.3333em;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 16.5em) {
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: 4em;
|
||||
}
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item > .toolbar__link-label {
|
||||
text-indent: -9999px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 36em) {
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
background-position: left center;
|
||||
padding-left: 2.75em;
|
||||
padding-right: 1.3333em;
|
||||
text-indent: 0;
|
||||
width: auto;
|
||||
}
|
||||
[dir="rtl"] #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
background-position: right center;
|
||||
padding-left: 1.3333em;
|
||||
padding-right: 2.75em;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab a .toolbar-box a:focus,
|
||||
#toolbar-administration .toolbar-lining button .toolbar-box a:focus,
|
||||
#toolbar-administration .toolbar-tray-horizontal a .toolbar-box a:focus {
|
||||
outline: none;
|
||||
}
|
||||
/*# sourceMappingURL=base_icons.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["base_icons.scss","base_icons.css"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;EAKM,uBAAsB;CACvB;;AANL;EAUI,sBAAqB;EACrB,WAAU;EACV,YAAW;EACX,WAAU;EACV,oBAAmB;EACnB,mBAAkB;EAClB,WAAU;CACX;;AAjBH;EAoBI,uBAAsB;CAMvB;;ACTH;EDMM,gBAAe;EACf,wBAAuB;CACxB;;AAIH;EA7BF;IA+BQ,eAAc;IACd,gBAAe;IACf,gBAAe;IACf,iBAAgB;IAChB,WAAU;GAKb;EAxCL;IAsCQ,qBAAoB;GACrB;CCNN;;ADWC;EA5CF;IA8CM,iCAAgC;IAChC,qBAAoB;IACpB,wBAAuB;IACvB,eAAc;IACd,YAAW;GAOZ;ECdH;IDUM,kCAAiC;IACjC,uBAAsB;IACtB,sBAAqB;GACtB;CCRN;;ADhDD;;;EAkEQ,cAAa;CACd","file":"base_icons.css","sourcesContent":[null,"/**\n * base_icons\n *\n * Base styles for toolbar icons.\n *\n * Most icons are embedded SVG. Icons are embedded using Grunticon. We are using\n * the original SVG icons from Drupal core, however the width and height\n * attribute have been replaced with a viewBox attribute so we can scale them\n * properly with CSS. Embedded SVG has the advantage of being styled with CSS,\n * and by using Grunticon JS loading we negate most of the bloat and overhead\n * associated with embedding SVG files.\n *\n * For the buttons (orientation toggles & menu click handles) please see\n * base_handles.scss and your themes main theme.scss file. These are styled\n * separably because this file will not load if the Show Icons setting is false.\n *\n * There are no colors in this file - those should be provided by sub-themes.\n */\n#toolbar-administration .toolbar-icon:before, #toolbar-administration .toolbar-icon:after {\n background-image: none;\n}\n\n#toolbar-administration i.toolbar-icon {\n display: inline-block;\n width: 1em;\n height: 1em;\n padding: 0;\n margin-right: 0.5em;\n position: relative;\n top: 0.1em;\n}\n\n#toolbar-administration .toolbar-menu ul .toolbar-icon {\n padding-left: 1.3333em;\n}\n\n[dir=\"rtl\"] #toolbar-administration .toolbar-menu ul .toolbar-icon {\n padding-left: 0;\n padding-right: 1.3333em;\n}\n\n@media only screen and (max-width: 16.5em) {\n #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n width: 4em;\n }\n #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-item > .toolbar__link-label {\n text-indent: -9999px;\n }\n}\n\n@media only screen and (min-width: 36em) {\n #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon {\n background-position: left center;\n padding-left: 2.75em;\n padding-right: 1.3333em;\n text-indent: 0;\n width: auto;\n }\n [dir=\"rtl\"] #toolbar-administration .toolbar-bar .toolbar-tab > .toolbar-icon {\n background-position: right center;\n padding-left: 1.3333em;\n padding-right: 2.75em;\n }\n}\n\n#toolbar-administration .toolbar-tab a .toolbar-box a:focus,\n#toolbar-administration .toolbar-lining button .toolbar-box a:focus,\n#toolbar-administration .toolbar-tray-horizontal a .toolbar-box a:focus {\n outline: none;\n}\n\n/*# sourceMappingURL=base_icons.css.map */"]}
|
||||
@@ -0,0 +1,93 @@
|
||||
/**
|
||||
* base_icons
|
||||
*
|
||||
* Base styles for toolbar icons.
|
||||
*
|
||||
* Most icons are embedded SVG. Icons are embedded using Grunticon. We are using
|
||||
* the original SVG icons from Drupal core, however the width and height
|
||||
* attribute have been replaced with a viewBox attribute so we can scale them
|
||||
* properly with CSS. Embedded SVG has the advantage of being styled with CSS,
|
||||
* and by using Grunticon JS loading we negate most of the bloat and overhead
|
||||
* associated with embedding SVG files.
|
||||
*
|
||||
* For the buttons (orientation toggles & menu click handles) please see
|
||||
* base_handles.scss and your themes main theme.scss file. These are styled
|
||||
* separably because this file will not load if the Show Icons setting is false.
|
||||
*
|
||||
* There are no colors in this file - those should be provided by sub-themes.
|
||||
*/
|
||||
|
||||
#toolbar-administration {
|
||||
|
||||
.toolbar-icon {
|
||||
&:before,
|
||||
&:after {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
i.toolbar-icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
padding: 0;
|
||||
margin-right: 0.5em;
|
||||
position: relative;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
.toolbar-menu ul .toolbar-icon {
|
||||
padding-left: 1.3333em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
padding-left: 0;
|
||||
padding-right: 1.3333em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 16.5em) {
|
||||
.toolbar-bar .toolbar-tab > .toolbar-item {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: 4em;
|
||||
|
||||
> .toolbar__link-label {
|
||||
text-indent: -9999px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 36em) {
|
||||
.toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
background-position: left center;
|
||||
padding-left: 2.75em;
|
||||
padding-right: 1.3333em;
|
||||
text-indent: 0;
|
||||
width: auto;
|
||||
|
||||
[dir="rtl"] & {
|
||||
background-position: right center;
|
||||
padding-left: 1.3333em;
|
||||
padding-right: 2.75em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Accessibility/focus.
|
||||
.toolbar-tab a,
|
||||
.toolbar-lining button,
|
||||
.toolbar-tray-horizontal a {
|
||||
.toolbar-box a {
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,299 @@
|
||||
/**
|
||||
* base_module
|
||||
*
|
||||
* This is almost a direct copy of Toolbar modules toolbar.module.css. There are
|
||||
* minor adjustments and additions such as the line-height, font size and some
|
||||
* use of Flex over floats etc, & support for new markup elements.
|
||||
*
|
||||
* Major styles such as the layout and orientation change assumptions are not
|
||||
* modified, these are tied to the JS in core and difficult to move away from.
|
||||
*/
|
||||
.toolbar-loading #toolbar-administration {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.toolbar-loading #toolbar-administration .toolbar-bar {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
font-size: medium;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#toolbar-administration * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar .home-toolbar-tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.path-admin .toolbar-bar .home-toolbar-tab {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#toolbar-administration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar li {
|
||||
list-style: none none;
|
||||
}
|
||||
|
||||
.toolbar .item-list {
|
||||
list-style: none none;
|
||||
}
|
||||
|
||||
.toolbar .item-list li {
|
||||
list-style: none none;
|
||||
}
|
||||
|
||||
.toolbar .menu-item,
|
||||
.toolbar .menu-item--expanded {
|
||||
list-style: none none;
|
||||
}
|
||||
|
||||
.toolbar .menu-item {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .menu-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar .toolbar-tab.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar,
|
||||
.toolbar .toolbar-tray {
|
||||
position: relative;
|
||||
z-index: 1250;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tab__items-wrapper {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
z-index: 1500;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.toolbar .home-toolbar-tab div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-icon-admin-toolbar-tools-help {
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab {
|
||||
float: none !important;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 0 0.25em 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab {
|
||||
right: auto;
|
||||
left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0.35em;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab button {
|
||||
outline: none !important;
|
||||
color: inherit;
|
||||
height: auto;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
body.toolbar-fixed .toolbar-oriented {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-bar,
|
||||
.toolbar-oriented .toolbar-tray {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-bar {
|
||||
z-index: 502;
|
||||
}
|
||||
|
||||
body.toolbar-fixed .toolbar-oriented .toolbar-bar {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
||||
bottom: 0;
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar,
|
||||
.toolbar .toolbar-tray-horizontal ul {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#toolbar-administration .no-tabs .toolbar-tray-horizontal {
|
||||
left: 2.5em;
|
||||
top: 0;
|
||||
border-top: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 16.5em) {
|
||||
.toolbar .toolbar-bar,
|
||||
.toolbar .toolbar-tray-horizontal ul {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-bar,
|
||||
.toolbar-oriented .toolbar-tray-horizontal {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray {
|
||||
z-index: 501;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-vertical {
|
||||
left: -100%;
|
||||
position: absolute;
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical {
|
||||
left: auto;
|
||||
right: -100%;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray-vertical > .toolbar-lining {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
bottom: 0;
|
||||
content: '';
|
||||
display: block;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 14rem;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
position: relative;
|
||||
z-index: 502;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-horizontal {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray-vertical.is-active,
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-vertical {
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray.is-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-vertical.is-active {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical.is-active {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: 15rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: auto;
|
||||
margin-right: 15rem;
|
||||
}
|
||||
|
||||
@media print {
|
||||
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: 0;
|
||||
}
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray .toolbar-toggle-orientation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray .toolbar-toggle-orientation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
/*# sourceMappingURL=base_module.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,430 @@
|
||||
/**
|
||||
* base_module
|
||||
*
|
||||
* This is almost a direct copy of Toolbar modules toolbar.module.css. There are
|
||||
* minor adjustments and additions such as the line-height, font size and some
|
||||
* use of Flex over floats etc, & support for new markup elements.
|
||||
*
|
||||
* Major styles such as the layout and orientation change assumptions are not
|
||||
* modified, these are tied to the JS in core and difficult to move away from.
|
||||
*/
|
||||
|
||||
|
||||
// Delay visibility until all rerendering has completed.
|
||||
.toolbar-loading {
|
||||
#toolbar-administration {
|
||||
overflow: hidden;
|
||||
|
||||
.toolbar-bar {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
font-size: medium;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
box-sizing: border-box;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
// Toolbar home button toggle.
|
||||
.toolbar .toolbar-bar .home-toolbar-tab {
|
||||
display: none;
|
||||
}
|
||||
.path-admin .toolbar-bar .home-toolbar-tab {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#toolbar-administration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Very specific overrides for Drupal system CSS.
|
||||
.toolbar {
|
||||
li {
|
||||
list-style: none none;
|
||||
}
|
||||
|
||||
.item-list {
|
||||
list-style: none none;
|
||||
|
||||
li {
|
||||
list-style: none none;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item,
|
||||
.menu-item--expanded {
|
||||
list-style: none none;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.toolbar-bar .toolbar-tab,
|
||||
.menu-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar-bar .toolbar-tab.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toolbar-bar,
|
||||
.toolbar-tray {
|
||||
position: relative;
|
||||
z-index: 1250;
|
||||
}
|
||||
|
||||
// Fallback CSS in case something fails.
|
||||
.no-tabs .toolbar-tab__items-wrapper {
|
||||
//display: none;
|
||||
}
|
||||
|
||||
// Use a new wrapper around toolbar-tab items, use flex to position items. We
|
||||
// need the big z-index for when orientation is vertical.
|
||||
.toolbar-tab__items-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
//min-height: 1.8em;
|
||||
z-index: 1500;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.home-toolbar-tab {
|
||||
div {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-icon-admin-toolbar-tools-help {
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
.toolbar-bar .contextual-toolbar-tab {
|
||||
float: none !important; // override contextual links css.
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 0 0.25em 0;
|
||||
|
||||
[dir="rtl"] & {
|
||||
right: auto;
|
||||
left: 0;
|
||||
padding-left: 0;
|
||||
padding-right: 0.35em;
|
||||
}
|
||||
|
||||
button {
|
||||
outline: none !important;
|
||||
color: inherit;
|
||||
height: auto;
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Administration menu.
|
||||
|
||||
// Position the admin toolbar absolutely when the configured standard breakpoint
|
||||
// is active. The toolbar container, that contains the bar and the trays, is
|
||||
// position absolutely so that it scrolls with the page. Otherwise, on smaller
|
||||
// screens, the components of the admin toolbar are positioned statically.
|
||||
|
||||
body.toolbar-fixed .toolbar-oriented {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.toolbar-oriented {
|
||||
.toolbar-bar,
|
||||
.toolbar-tray {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
//top: 0;
|
||||
}
|
||||
|
||||
.toolbar-bar {
|
||||
z-index: 502;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Layer the bar just above the trays and above contextual link triggers.
|
||||
|
||||
// Position the admin toolbar fixed when the configured standard breakpoint is
|
||||
// active.
|
||||
|
||||
body {
|
||||
&.toolbar-fixed .toolbar-oriented .toolbar-bar {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
&.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
||||
bottom: 0;
|
||||
width: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// When the configured narrow breakpoint is active, the toolbar is sized to wrap
|
||||
// around the trays in order to provide a context for scrolling tray content
|
||||
// that is taller than the viewport.
|
||||
|
||||
// Present the admin toolbar tabs horizontally as a default on user agents that
|
||||
// do not understand media queries or on user agents where JavaScript is
|
||||
// disabled.
|
||||
|
||||
.toolbar {
|
||||
.toolbar-bar,
|
||||
.toolbar-tray-horizontal ul {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.toolbar-tab > a,
|
||||
.toolbar-tray-horizontal ul a {}
|
||||
}
|
||||
|
||||
|
||||
// Present the admin toolbar tabs vertically by default on user agents that
|
||||
// that understand media queries. This will be the small screen default.
|
||||
|
||||
@media only screen {
|
||||
.toolbar {
|
||||
.toolbar-bar
|
||||
.toolbar-tray-horizontal {
|
||||
[dir="rtl"] & {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Tabs can be hidden in the settings, however we have to show the Manage tab
|
||||
// in orientation vertical otherwise the user will not be able to collapse the
|
||||
// menu. Here we move the tray to lie adjacent to the manage button, rather than
|
||||
// below, making one inline menu.
|
||||
|
||||
#toolbar-administration .no-tabs .toolbar-tray-horizontal {
|
||||
left: 2.5em;
|
||||
top: 0;
|
||||
border-top: 0;
|
||||
box-shadow: none;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
// This min-width media query is meant to provide basic horizontal layout to
|
||||
// the main menu tabs when JavaScript is disabled on user agents that understand
|
||||
// media queries.
|
||||
|
||||
@media (min-width: 16.5em) {
|
||||
.toolbar {
|
||||
.toolbar-bar,
|
||||
.toolbar-tray-horizontal ul {
|
||||
display: flex;
|
||||
|
||||
[dir="rtl"] & {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Present the admin toolbar tabs horizontally when the configured narrow
|
||||
// breakpoint is active.
|
||||
|
||||
.toolbar-oriented {
|
||||
.toolbar-bar,
|
||||
.toolbar-tray-horizontal {
|
||||
display: flex;
|
||||
|
||||
[dir="rtl"] & {}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Toolbar tray.
|
||||
|
||||
.toolbar {
|
||||
.toolbar-tray {
|
||||
z-index: 501;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-vertical {
|
||||
left: -100%;
|
||||
position: absolute;
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical {
|
||||
left: auto;
|
||||
right: -100%;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray-vertical > .toolbar-lining {
|
||||
min-height: 100%;
|
||||
|
||||
&:before {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
bottom: 0;
|
||||
content: '';
|
||||
display: block;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 14rem;
|
||||
z-index: -1;
|
||||
|
||||
[dir="rtl"] & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Layer the links just above the toolbar-tray.
|
||||
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
position: relative;
|
||||
z-index: 502;
|
||||
}
|
||||
|
||||
|
||||
// Hide secondary menus when the tray is horizontal.
|
||||
|
||||
.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
// When the configured standard breakpoint is active and the tray is in a
|
||||
// horizontal position, the tray is fixed to the top of the viewport and does
|
||||
// not scroll with the page contents.
|
||||
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-horizontal {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
|
||||
// When the configured standard breakpoint is active and the tray is in a
|
||||
// vertical position, the tray does not scroll with the page. The contents of
|
||||
// the tray scroll within the confines of the viewport.
|
||||
|
||||
.toolbar .toolbar-tray-vertical.is-active,
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-vertical {
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray.is-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
// Bring the tray into the viewport. By default it is just off-screen.
|
||||
|
||||
.toolbar-oriented .toolbar-tray-vertical.is-active {
|
||||
left: 0;
|
||||
|
||||
[dir="rtl"] & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// When the configured standard breakpoint is active, the tray appears to push
|
||||
// the page content away from the edge of the viewport.
|
||||
|
||||
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: 15rem;
|
||||
|
||||
[dir="rtl"] & {
|
||||
margin-left: auto;
|
||||
margin-right: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: 0;
|
||||
|
||||
[dir="rtl"] & {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ToolBar tray orientation toggle.
|
||||
|
||||
// Hide the orientation toggle when the configured narrow breakpoint is not
|
||||
// active.
|
||||
|
||||
.toolbar .toolbar-tray .toolbar-toggle-orientation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
// Show the orientation toggle when the configured narrow breakpoint is
|
||||
// active.
|
||||
|
||||
.toolbar-oriented {
|
||||
.toolbar-tray .toolbar-toggle-orientation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: auto;
|
||||
|
||||
[dir="rtl"] & {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .toolbar-loading is required by Toolbar JavaScript to pre-render markup
|
||||
// style to avoid extra reflow & flicker.
|
||||
//@media (min-width: 61em) {
|
||||
// .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
|
||||
// position: relative;
|
||||
// display: block;
|
||||
// z-index: -999;
|
||||
// visibility: hidden;
|
||||
// width: 1px;
|
||||
// }
|
||||
// .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
|
||||
// width: 999em;
|
||||
// }
|
||||
// .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab .toolbar-tab .toolbar-tray {
|
||||
// display: block;
|
||||
// }
|
||||
//}
|
||||
@@ -0,0 +1,224 @@
|
||||
/**
|
||||
* base_theme
|
||||
*
|
||||
* Base theme styles for menus and other toolbar elements (not icons). There are
|
||||
* no colors in this file - those should be provided by sub-themes.
|
||||
*/
|
||||
.shortcut-action__message {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
width: 100%;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#toolbar-administration a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#toolbar-administration button {
|
||||
border: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
opacity: 1;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
#toolbar-administration button:hover, #toolbar-administration button:focus {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-item {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab:empty,
|
||||
#toolbar-administration .toolbar-item:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {
|
||||
float: right;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-box {
|
||||
position: relative;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu ul {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu a {
|
||||
display: block;
|
||||
padding-right: 4em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-menu a {
|
||||
padding-left: 4em;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul a {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul a {
|
||||
padding-left: 0;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu .toolbar-icon.toolbar-handle:before {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical li.open > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul a {
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul a {
|
||||
padding-left: 0;
|
||||
padding-right: 2.2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul ul a {
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .has-icons .toolbar-tray-vertical .toolbar-menu ul ul a {
|
||||
padding-left: 0;
|
||||
padding-right: 3em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-handle:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 319px) {
|
||||
#toolbar-administration .toolbar-tray-vertical.is-active {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .menu-item {
|
||||
border: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal a {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu {
|
||||
position: relative;
|
||||
max-height: 1000px;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu {
|
||||
-webkit-transition: 125ms ease-in-out 100ms;
|
||||
-o-transition: 125ms ease-in-out 100ms;
|
||||
transition: 125ms ease-in-out 100ms;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .toolbar-menu {
|
||||
-webkit-transition-delay: 25ms;
|
||||
-o-transition-delay: 25ms;
|
||||
transition-delay: 25ms;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item {
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item a:hover, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item--expanded:hover > .toolbar-menu, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .menu-item--expanded:focus > .toolbar-menu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 1000px;
|
||||
width: 14em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu:hover, #toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item {
|
||||
text-align: left;
|
||||
width: 14em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu {
|
||||
left: 0;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu .toolbar-menu {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
/*# sourceMappingURL=base_theme.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,274 @@
|
||||
/**
|
||||
* base_theme
|
||||
*
|
||||
* Base theme styles for menus and other toolbar elements (not icons). There are
|
||||
* no colors in this file - those should be provided by sub-themes.
|
||||
*/
|
||||
|
||||
|
||||
// Remove very annoying message that causes re-flow and re-paint every dam time
|
||||
// you move the cursor anywhere near it.
|
||||
.shortcut-action__message {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
width: 100%;
|
||||
-webkit-touch-callout: none;
|
||||
|
||||
.toolbar-bar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Themes and resets like normalize can wreak havoc on buttons, so we need to
|
||||
// set a lot of strong overrides ourselves.
|
||||
button {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
opacity: 1;
|
||||
line-height: normal;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-item {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover,
|
||||
&:focus {}
|
||||
}
|
||||
|
||||
.toolbar-tab,
|
||||
.toolbar-item {
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tray {
|
||||
//width: 100%;
|
||||
}
|
||||
|
||||
|
||||
// Orientation toggle.
|
||||
.toolbar-toggle-orientation {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
background-color: inherit;
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> .toolbar-lining {
|
||||
float: right;
|
||||
|
||||
[dir="rtl"] & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Menus
|
||||
.toolbar-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.toolbar-box {
|
||||
position: relative;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal .toolbar-menu {
|
||||
.toolbar-handle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tray-vertical {
|
||||
.toolbar-menu {
|
||||
a {
|
||||
display: block;
|
||||
padding-right: 4em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
padding-left: 4em;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
padding-left: 2em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
padding-left: 0;
|
||||
padding-right: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-icon.toolbar-handle:before {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.open > ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.has-icons .toolbar-tray-vertical {
|
||||
.toolbar-menu {
|
||||
ul a {
|
||||
padding-left: 2.2em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
padding-left: 0;
|
||||
padding-right: 2.2em;
|
||||
}
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
padding-left: 3em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
padding-left: 0;
|
||||
padding-right: 3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
|
||||
[dir="rtl"] & {}
|
||||
}
|
||||
|
||||
.level-2 > ul {}
|
||||
.level-3 > ul {}
|
||||
.level-4 > ul {}
|
||||
.level-5 > ul {}
|
||||
.level-6 > ul {}
|
||||
.level-7 > ul {}
|
||||
.level-8 > ul {}
|
||||
|
||||
.toolbar-handle:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 319px) {
|
||||
.toolbar-tray-vertical.is-active {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// Drop menus
|
||||
.toolbar-tray-horizontal {
|
||||
border-bottom: 0;
|
||||
|
||||
.menu-item {
|
||||
border: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar-menu-administration > .toolbar-menu {
|
||||
position: relative;
|
||||
max-height: 1000px;
|
||||
|
||||
.toolbar-menu {
|
||||
transition: 125ms ease-in-out 100ms;
|
||||
|
||||
.toolbar-menu {
|
||||
transition-delay: 25ms;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
width: auto;
|
||||
display: block;
|
||||
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item--expanded {
|
||||
&:hover,
|
||||
&:focus {
|
||||
> .toolbar-menu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-menu-administration > .toolbar-menu .toolbar-menu {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-height: 1000px;
|
||||
width: 14em;
|
||||
display: block;
|
||||
|
||||
a {}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
text-align: left;
|
||||
width: 14em;
|
||||
}
|
||||
}
|
||||
|
||||
// Menu level 2 and below.
|
||||
.toolbar-menu-administration > .toolbar-menu > .menu-item--expanded > .toolbar-menu {
|
||||
left: 0;
|
||||
top: auto;
|
||||
|
||||
.toolbar-menu {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+70
@@ -0,0 +1,70 @@
|
||||
# Libricons
|
||||
|
||||
Libricons are licenced under the MIT License (MIT).
|
||||
https://github.com/ry5n/libricons
|
||||
|
||||
## Char guide
|
||||
.icon-9937-key:before { content: "\E001"; }
|
||||
.icon-9938-chevron-disc-left:before { content: "\E002"; }
|
||||
.icon-9939-chevron-disc-down:before { content: "\E003"; }
|
||||
.icon-9940-chevron-disc-right:before { content: "\E004"; }
|
||||
.icon-9941-chevron-disc-up:before { content: "\E005"; }
|
||||
.icon-9942-chevron-double-left:before { content: "\E006"; }
|
||||
.icon-9943-chevron-double-right:before { content: "\E007"; }
|
||||
.icon-9944-chevron-left:before { content: "\E008"; }
|
||||
.icon-9945-chevron-down:before { content: "\E009"; }
|
||||
.icon-9946-chevron-right:before { content: "\E00A"; }
|
||||
.icon-9947-chevron-up:before { content: "\E00B"; }
|
||||
.icon-9948-caret-left:before { content: "\E00C"; }
|
||||
.icon-9949-caret-down:before { content: "\E00D"; }
|
||||
.icon-9950-caret-right:before { content: "\E00E"; }
|
||||
.icon-9951-caret-up:before { content: "\E00F"; }
|
||||
.icon-9952-twistie-left:before { content: "\E010"; }
|
||||
.icon-9953-twistie-down:before { content: "\E011"; }
|
||||
.icon-9954-twistie-right:before { content: "\E012"; }
|
||||
.icon-9955-twistie-up:before { content: "\E013"; }
|
||||
.icon-9956-pin:before { content: "\E014"; }
|
||||
.icon-9957-comments-starred:before { content: "\E015"; }
|
||||
.icon-9958-comments:before { content: "\E016"; }
|
||||
.icon-9959-comment-pinned:before { content: "\E017"; }
|
||||
.icon-9960-comment-locked:before { content: "\E018"; }
|
||||
.icon-9961-comment-starred:before { content: "\E019"; }
|
||||
.icon-9962-comment:before { content: "\E01A"; }
|
||||
.icon-9963-picture:before { content: "\E01B"; }
|
||||
.icon-9964-file:before { content: "\E01C"; }
|
||||
.icon-9965-eye:before { content: "\E01D"; }
|
||||
.icon-9965-lock-open:before { content: "\E01E"; }
|
||||
.icon-9966-lock:before { content: "\E01F"; }
|
||||
.icon-9967-loupe:before { content: "\E020"; }
|
||||
.icon-9968-push-left:before { content: "\E021"; }
|
||||
.icon-9969-push-down:before { content: "\E022"; }
|
||||
.icon-9970-push-right:before { content: "\E023"; }
|
||||
.icon-9971-push-up:before { content: "\E024"; }
|
||||
.icon-9972-questionmark-disc:before { content: "\E025"; }
|
||||
.icon-9973-piechart:before { content: "\E026"; }
|
||||
.icon-9974-barchart:before { content: "\E027"; }
|
||||
.icon-9975-wrench:before { content: "\E028"; }
|
||||
.icon-9976-puzzlepiece:before { content: "\E029"; }
|
||||
.icon-9977-paintbrush:before { content: "\E02A"; }
|
||||
.icon-9978-orgchart:before { content: "\E02B"; }
|
||||
.icon-9979-capital-sans:before { content: "\E02C"; }
|
||||
.icon-9980-capital-serif:before { content: "\E02D"; }
|
||||
.icon-9981-link:before { content: "\E02E"; }
|
||||
.icon-9982-cog:before { content: "\E02F"; }
|
||||
.icon-9983-move-v:before { content: "\E030"; }
|
||||
.icon-9984-move-h:before { content: "\E031"; }
|
||||
.icon-9985-move:before { content: "\E032"; }
|
||||
.icon-9986-minus:before { content: "\E033"; }
|
||||
.icon-9987-plus:before { content: "\E034"; }
|
||||
.icon-9988-ex:before { content: "\E035"; }
|
||||
.icon-9989-ex-disc:before { content: "\E036"; }
|
||||
.icon-9990-warning:before { content: "\E037"; }
|
||||
.icon-9991-check:before { content: "\E038"; }
|
||||
.icon-9992-pencil:before { content: "\E039"; }
|
||||
.icon-9993-people:before { content: "\E03A"; }
|
||||
.icon-9994-person:before { content: "\E03B"; }
|
||||
.icon-9995-star-empty:before { content: "\E03C"; }
|
||||
.icon-9996-star:before { content: "\E03D"; }
|
||||
.icon-9997-hamburger-list:before { content: "\E03E"; }
|
||||
.icon-9998-hamburger:before { content: "\E03F"; }
|
||||
.icon-9999-house:before { content: "\E040"; }
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
@@ -0,0 +1,18 @@
|
||||
(function (drupalSettings) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Drupal.behaviors.ToolbarThemesGruniticonLoad = {
|
||||
attach: function () {
|
||||
var path = drupalSettings.toolbar.path;
|
||||
grunticon([
|
||||
path + "/themes/base/grunticons/processed/icons.data.svg.css",
|
||||
path + "/themes/base/grunticons/processed/icons.data.png.css",
|
||||
path + "/themes/base/grunticons/processed/icons.fallback.css"
|
||||
],
|
||||
grunticon.svgLoadedCallback
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
})(drupalSettings);
|
||||
+1
@@ -0,0 +1 @@
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 13.651 2.349 C 12.14 0.838 10.133 0 8 0 C 3.593 0 0 3.593 0 8 C 0 12.407 3.593 16 8 16 C 12.407 16 16 12.407 16 8 C 16 5.867 15.162 3.86 13.651 2.349 Z M 8 13.193 C 5.587 13.193 3.619 11.225 3.619 8.813 C 3.619 6.768 4.99 5.397 6.197 4.19 C 6.997 3.39 7.772 2.616 8 1.753 C 8.229 2.616 8.99 3.39 9.803 4.19 C 11.01 5.397 12.381 6.768 12.381 8.813 C 12.381 11.225 10.413 13.193 8 13.193 Z"/></svg>
|
||||
|
After Width: | Height: | Size: 468 B |
+2
@@ -0,0 +1,2 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z"/><rect x="5.129" y="3.8" transform="matrix(-.707 -.707 .707 -.707 6.189 20.064)" width="4.243" height="9.899"/><path d="M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z"/></g></svg>
|
||||
|
||||
|
After Width: | Height: | Size: 395 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M6.722 11.291l.451-.17-.165-.32c-.536-1.039-.685-1.934-.761-2.672-.082-.808-.144-2.831 1.053-4.189.244-.278.493-.493.743-.675.012-.826-.135-1.766-.646-2.345-.618-.7-1.4-.787-1.4-.787l-.497-.055-.498.055s-.783.087-1.398.787c-.617.702-.717 1.948-.625 2.855.06.583.17 1.263.574 2.05.274.533.341.617.355 1.01.022.595.027 1.153-.671 1.538-.697.383-1.564.508-2.403 1.088-.596.41-.709 1.033-.78 1.459l-.051.41c-.029.273.173.498.448.498h5.012c.457-.24.89-.402 1.259-.537zM5.064 15.096c.07-.427.184-1.05.78-1.46.838-.581 1.708-.706 2.404-1.089.699-.385.693-.943.672-1.537-.014-.393-.08-.477-.354-1.01-.406-.787-.515-1.467-.576-2.049-.093-.909.008-2.155.625-2.856.615-.7 1.398-.787 1.398-.787l.492-.055h.002l.496.055s.781.087 1.396.787c.615.701.72 1.947.623 2.855-.062.583-.172 1.262-.571 2.049-.271.533-.341.617-.354 1.01-.021.595-.062 1.22.637 1.604.697.385 1.604.527 2.438 1.104.923.641.822 1.783.822 1.783-.022.275-.269.5-.542.5h-9.991c-.275 0-.477-.223-.448-.496l.051-.408z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.002 1c-3.868 0-7.002 3.133-7.002 7 0 3.865 3.134 7 7.002 7 3.865 0 7-3.135 7-7 0-3.867-3.135-7-7-7zm2.348 10.482l-.977.977c-.195.193-.514.193-.707 0l-4.108-4.105c-.194-.195-.194-.514 0-.708l4.108-4.105c.193-.194.512-.194.707 0l.979.977c.191.194.191.513 0 .707l-2.422 2.421c-.195.194-.195.515 0 .708l2.419 2.421c.196.19.196.512.001.707z"/></svg>
|
||||
|
After Width: | Height: | Size: 417 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393-.168.148-.35.299-.545.447l-.203.189-.141.129-.096.17-.021.235v.63h-2.001v-.704c.026-.396.078-.73.204-.999.125-.269.271-.498.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18c.098-.152.168-.323.168-.518 0-.552-.447-1-1-1s-1.002.448-1.002 1h-2c0-1.657 1.343-3 3.002-3 1.656 0 3 1.343 3 3zm-1.75 6.619c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z"/></svg>
|
||||
|
After Width: | Height: | Size: 691 B |
+1
@@ -0,0 +1 @@
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 8 0 C 9.083 0 10.119 0.211 11.107 0.634 C 12.095 1.057 12.946 1.625 13.661 2.339 C 14.375 3.054 14.943 3.905 15.366 4.893 C 15.789 5.881 16 6.917 16 8 C 16 9.083 15.789 10.119 15.366 11.107 C 14.943 12.095 14.375 12.946 13.661 13.661 C 12.946 14.375 12.095 14.943 11.107 15.366 C 10.119 15.789 9.083 16 8 16 C 6.917 16 5.881 15.789 4.893 15.366 C 3.905 14.943 3.054 14.375 2.339 13.661 C 1.625 12.946 1.057 12.095 0.634 11.107 C 0.211 10.119 0 9.083 0 8 C 0 6.917 0.211 5.881 0.634 4.893 C 1.057 3.905 1.625 3.054 2.339 2.339 C 3.054 1.625 3.905 1.057 4.893 0.634 C 5.881 0.211 6.917 0 8 0 Z M 8 1.143 C 6.869 1.143 5.795 1.411 4.777 1.946 L 6.509 3.679 C 6.997 3.512 7.494 3.429 8 3.429 C 8.506 3.429 9.003 3.512 9.491 3.679 L 11.223 1.946 C 10.205 1.411 9.131 1.143 8 1.143 Z M 1.946 11.223 L 3.679 9.491 C 3.512 9.003 3.429 8.506 3.429 8 C 3.429 7.494 3.512 6.997 3.679 6.509 L 1.946 4.777 C 1.411 5.795 1.143 6.869 1.143 8 C 1.143 9.131 1.411 10.205 1.946 11.223 Z M 8 14.857 C 9.131 14.857 10.205 14.589 11.223 14.054 L 9.491 12.321 C 9.003 12.488 8.506 12.571 8 12.571 C 7.494 12.571 6.997 12.488 6.509 12.321 L 4.777 14.054 C 5.795 14.589 6.869 14.857 8 14.857 Z M 8 11.429 C 8.946 11.429 9.754 11.094 10.424 10.424 C 11.094 9.754 11.429 8.946 11.429 8 C 11.429 7.054 11.094 6.246 10.424 5.576 C 9.754 4.906 8.946 4.571 8 4.571 C 7.054 4.571 6.246 4.906 5.576 5.576 C 4.906 6.246 4.571 7.054 4.571 8 C 4.571 8.946 4.906 9.754 5.576 10.424 C 6.246 11.094 7.054 11.429 8 11.429 Z M 12.321 9.491 L 14.054 11.223 C 14.589 10.205 14.857 9.131 14.857 8 C 14.857 6.869 14.589 5.795 14.054 4.777 L 12.321 6.509 C 12.488 6.997 12.571 7.494 12.571 8 C 12.571 8.506 12.488 9.003 12.321 9.491 Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><polygon points="8.002,0 0,8 1,9 2,9 2,15 6.5,15 6.5,10 9.502,10 9.502,15 14.002,15 14.002,9 15.002,9 16.002,8"/></svg>
|
||||
|
After Width: | Height: | Size: 183 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.002 1c-3.868 0-7.002 3.135-7.002 7 0 3.867 3.134 7 7.002 7 3.865 0 7-3.133 7-7 0-3.865-3.135-7-7-7zm3.441 7.357l-4.106 4.104c-.194.191-.514.191-.708 0l-.978-.979c-.194-.193-.194-.518 0-.707l2.423-2.421c.195-.195.195-.514 0-.708l-2.422-2.421c-.194-.194-.194-.513 0-.707l.977-.977c.194-.194.514-.194.708 0l4.106 4.108c.191.194.191.515 0 .708z"/></svg>
|
||||
|
After Width: | Height: | Size: 422 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M14.752 6h-13.502c-.69 0-1.25.56-1.25 1.25v.5c0 .689.56 1.25 1.25 1.25h13.502c.689 0 1.25-.561 1.25-1.25v-.5c0-.69-.561-1.25-1.25-1.25zM14.752 0h-13.502c-.69 0-1.25.56-1.25 1.25v.5c0 .69.56 1.25 1.25 1.25h13.502c.689 0 1.25-.56 1.25-1.25v-.5c0-.69-.561-1.25-1.25-1.25zM14.752 12h-13.502c-.69 0-1.25.561-1.25 1.25v.5c0 .689.56 1.25 1.25 1.25h13.502c.689 0 1.25-.561 1.25-1.25v-.5c0-.689-.561-1.25-1.25-1.25z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 492 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.236 15c-.146 0-.283-.041-.406-.124l-3.828-2.583-3.83 2.583c-.123.083-.265.124-.406.124-.145 0-.289-.043-.413-.129-.246-.171-.362-.475-.292-.766l1.122-4.73-3.439-3.107c-.225-.2-.303-.519-.196-.8.106-.282.376-.468.678-.468h4.259l1.843-4.542c.109-.277.377-.458.674-.458.297 0 .564.181.674.458l1.84 4.542h4.262c.306 0 .57.186.683.468.104.281.024.601-.196.8l-3.439 3.107 1.121 4.73c.065.291-.047.595-.293.766-.129.086-.273.129-.418.129z"/></svg>
|
||||
|
After Width: | Height: | Size: 514 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M14.416 11.586l-.01-.008v-.001l-5.656-5.656c.15-.449.252-.921.252-1.421 0-2.485-2.016-4.5-4.502-4.5-.505 0-.981.102-1.434.255l2.431 2.431-.588 2.196-2.196.588-2.445-2.445c-.162.464-.268.956-.268 1.475 0 2.486 2.014 4.5 4.5 4.5.5 0 .972-.102 1.421-.251l5.667 5.665c.781.781 2.047.781 2.828 0s.781-2.047 0-2.828z"/></svg>
|
||||
|
After Width: | Height: | Size: 389 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M12.502 7h-5c-.276 0-.502-.225-.502-.5v-5c0-.275-.225-.5-.5-.5h-3c-.275 0-.5.225-.5.5v12.029c0 .275.225.5.5.5h9.002c.275 0 .5-.225.5-.5v-6.029c0-.275-.225-.5-.5-.5zM8.502 6h4c.275 0 .34-.159.146-.354l-4.293-4.292c-.195-.195-.353-.129-.353.146v4c0 .275.225.5.5.5z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 348 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><path d="M4 13.529c0 .275-.225.5-.5.5h-3c-.275 0-.5-.225-.5-.5v-4.25c0-.274.225-.5.5-.5h3c.275 0 .5.226.5.5v4.25zM10.002 13.529c0 .275-.225.5-.5.5h-3.002c-.275 0-.5-.225-.5-.5v-13c0-.275.225-.5.5-.5h3.002c.275 0 .5.225.5.5v13zM16.002 13.529c0 .275-.225.5-.5.5h-3c-.275 0-.5-.225-.5-.5v-9.5c0-.275.225-.5.5-.5h3c.275 0 .5.225.5.5v9.5z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 410 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.002,11.277c0-0.721,0-1.471,0-2.014c0-1.456-0.824-2.25-2.25-2.25c-1.428,0-3.5,0-3.5,0c-0.139,0-0.25-0.112-0.25-0.25v-2.04c0.596-0.346,1-0.984,1-1.723c0-1.104-0.895-2-2-2C6.896,1,6,1.896,6,3c0,0.738,0.405,1.376,1,1.722v2.042c0,0.138-0.112,0.25-0.25,0.25c0,0-2.138,0-3.5,0S1,7.932,1,9.266c0,0.521,0,1.277,0,2.012c-0.595,0.353-1,0.984-1,1.729c0,1.104,0.896,2,2,2s2-0.896,2-2c0-0.732-0.405-1.377-1-1.729V9.266c0-0.139,0.112-0.25,0.25-0.25h3.536C6.904,9.034,7,9.126,7,9.25v2.027C6.405,11.624,6,12.26,6,13c0,1.104,0.896,2,2.002,2c1.105,0,2-0.896,2-2c0-0.738-0.404-1.376-1-1.723V9.25c0-0.124,0.098-0.216,0.215-0.234h3.535c0.137,0,0.25,0.111,0.25,0.25v2.012c-0.596,0.353-1,0.984-1,1.729c0,1.104,0.896,2,2,2s2-0.896,2-2C16.002,12.262,15.598,11.623,15.002,11.277z"/></svg>
|
||||
|
After Width: | Height: | Size: 835 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.002 11v2.529c0 .275-.225.471-.5.471h-3c-.827 0-1.112-.754-.604-1.316l.81-.725c.509-.562.513-1.461-.097-2.01-.383-.344-1.027-.728-2.111-.728s-1.727.386-2.109.731c-.609.549-.606 1.45-.097 2.015l.808.717c.509.562.223 1.316-.602 1.316h-3c-.276 0-.5-.193-.5-.471v-9.029c0-.276.224-.5.5-.5h3c.825 0 1.111-.768.602-1.332l-.808-.73c-.51-.563-.513-1.465.097-2.014.382-.344 1.025-.731 2.109-.731s1.728.387 2.111.731c.608.548.606 1.45.097 2.014l-.81.73c-.509.564-.223 1.332.603 1.332h3c.274 0 .5.224.5.5v2.5c0 .825.642 1.111 1.233.602l.771-.808c.599-.51 1.547-.513 2.127.097.364.383.772 1.025.772 2.109s-.408 1.727-.771 2.109c-.58.604-1.529.604-2.127.097l-.77-.808c-.593-.509-1.234-.223-1.234.602z"/></svg>
|
||||
|
After Width: | Height: | Size: 769 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.184 7.928l-1.905 1.983-3.538-2.436 4.714-4.713 2.623 3.183-1.894 1.983zm-1.746-7.523c-.236-.416-.803-.649-1.346.083-.259.349-4.727 4.764-4.91 4.983-.182.218-.294.721.044.976.34.258 5.611 3.933 5.611 3.933l-.225.229c.7.729.816.854 1.046.863.75.016 2.035-1.457 2.578-.854.541.604 3.537 3.979 3.537 3.979.51.531 1.305.559 1.815.041.521-.521.541-1.311.025-1.848 0 0-2.742-2.635-3.904-3.619-.578-.479.869-2.051.854-2.839-.008-.238-.125-.361-.823-1.095l-.22.243c0 .003-3.846-4.659-4.082-5.075z"/></svg>
|
||||
|
After Width: | Height: | Size: 569 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.176 9.041c.045-.327.076-.658.076-.998 0-.36-.035-.71-.086-1.056l-2.275-.293c-.115-.426-.283-.827-.498-1.201l1.396-1.808c-.416-.551-.906-1.039-1.459-1.452l-1.807 1.391c-.373-.215-.774-.383-1.2-.499l-.292-2.252c-.338-.048-.677-.081-1.029-.081s-.694.033-1.032.082l-.291 2.251c-.426.116-.826.284-1.2.499l-1.805-1.391c-.552.413-1.044.901-1.459 1.452l1.395 1.808c-.215.374-.383.774-.499 1.2l-2.276.294c-.05.346-.085.696-.085 1.056 0 .34.031.671.077.998l2.285.295c.115.426.284.826.499 1.2l-1.417 1.836c.411.55.896 1.038 1.443 1.452l1.842-1.42c.374.215.774.383 1.2.498l.298 2.311c.337.047.677.08 1.025.08s.688-.033 1.021-.08l.299-2.311c.426-.115.826-.283 1.201-.498l1.842 1.42c.547-.414 1.031-.902 1.443-1.452l-1.416-1.837c.215-.373.383-.773.498-1.199l2.286-.295zm-7.174 1.514c-1.406 0-2.543-1.137-2.543-2.541 0-1.402 1.137-2.541 2.543-2.541 1.402 0 2.541 1.138 2.541 2.541 0 1.404-1.139 2.541-2.541 2.541z"/></svg>
|
||||
|
After Width: | Height: | Size: 980 B |
+1
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1 15c-.275 0-.498-.225-.496-.5 0 0 .007-.746 1.071-1.512 1.138-.818 2.347-.969 3.308-1.498s.954-1.299.925-2.115c-.019-.543-.112-.657-.489-1.392-.556-1.084-.709-2.021-.791-2.823-.127-1.252.011-3.035.86-4.001.847-.964 2.114-1.104 2.114-1.104l.5-.055.498.055s1.266.14 2.113 1.104c.85.966.988 2.75.859 4.001-.08.802-.234 1.739-.791 2.823-.377.734-.476.849-.488 1.392-.029.816-.035 1.586.926 2.115s2.17.68 3.307 1.498c1.064.766 1.072 1.512 1.072 1.512.002.275-.221.5-.496.5h-14.002z"/></svg>
|
||||
|
After Width: | Height: | Size: 557 B |
+3
@@ -0,0 +1,3 @@
|
||||
/*! grunt-grunticon Stylesheet Loader - v2.1.6 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */
|
||||
|
||||
!function(){function e(e,n,t){"use strict";var o=window.document.createElement("link"),r=n||window.document.getElementsByTagName("script")[0],a=window.document.styleSheets;return o.rel="stylesheet",o.href=e,o.media="only x",r.parentNode.insertBefore(o,r),o.onloadcssdefined=function(e){for(var n,t=0;t<a.length;t++)a[t].href&&a[t].href===o.href&&(n=!0);n?e():setTimeout(function(){o.onloadcssdefined(e)})},o.onloadcssdefined(function(){o.media=t||"all"}),o}function n(e,n){e.onload=function(){e.onload=null,n&&n.call(e)},"isApplicationInstalled"in navigator&&"onloadcssdefined"in e&&e.onloadcssdefined(n)}!function(t){var o=function(r,a){"use strict";if(r&&3===r.length){var i=t.navigator,c=t.document,s=t.Image,d=!(!c.createElementNS||!c.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!c.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||t.opera&&i.userAgent.indexOf("Chrome")===-1||i.userAgent.indexOf("Series40")!==-1),l=new s;l.onerror=function(){o.method="png",o.href=r[2],e(r[2])},l.onload=function(){var t=1===l.width&&1===l.height,i=r[t&&d?0:t?1:2];t&&d?o.method="svg":t?o.method="datapng":o.method="png",o.href=i,n(e(i),a)},l.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",c.documentElement.className+=" grunticon"}};o.loadCSS=e,o.onloadCSS=n,t.grunticon=o}(this),function(e,n){"use strict";var t=n.document,o="grunticon:",r=function(e){if(t.attachEvent?"complete"===t.readyState:"loading"!==t.readyState)e();else{var n=!1;t.addEventListener("readystatechange",function(){n||(n=!0,e())},!1)}},a=function(e){return n.document.querySelector('link[href$="'+e+'"]')},i=function(e){var n,t,r,a,i,c,s={};if(n=e.sheet,!n)return s;t=n.cssRules?n.cssRules:n.rules;for(var d=0;d<t.length;d++)r=t[d].cssText,a=o+t[d].selectorText,i=r.split(");")[0].match(/US\-ASCII\,([^"']+)/),i&&i[1]&&(c=decodeURIComponent(i[1]),s[a]=c);return s},c=function(e){var n,r,a,i;a="data-grunticon-embed";for(var c in e){i=c.slice(o.length);try{n=t.querySelectorAll(i)}catch(e){continue}r=[];for(var s=0;s<n.length;s++)null!==n[s].getAttribute(a)&&r.push(n[s]);if(r.length)for(s=0;s<r.length;s++)r[s].innerHTML=e[c],r[s].style.backgroundImage="none",r[s].removeAttribute(a)}return r},s=function(n){"svg"===e.method&&r(function(){c(i(a(e.href))),"function"==typeof n&&n()})};e.embedIcons=c,e.getCSS=a,e.getIcons=i,e.ready=r,e.svgLoadedCallback=s,e.embedSVG=s}(grunticon,this)}();
|
||||
+46
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
+36
@@ -0,0 +1,36 @@
|
||||
.toolbar-icon-admin-toolbar-tools-help { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M%2013.651%202.349%20C%2012.14%200.838%2010.133%200%208%200%20C%203.593%200%200%203.593%200%208%20C%200%2012.407%203.593%2016%208%2016%20C%2012.407%2016%2016%2012.407%2016%208%20C%2016%205.867%2015.162%203.86%2013.651%202.349%20Z%20M%208%2013.193%20C%205.587%2013.193%203.619%2011.225%203.619%208.813%20C%203.619%206.768%204.99%205.397%206.197%204.19%20C%206.997%203.39%207.772%202.616%208%201.753%20C%208.229%202.616%208.99%203.39%209.803%204.19%20C%2011.01%205.397%2012.381%206.768%2012.381%208.813%20C%2012.381%2011.225%2010.413%2013.193%208%2013.193%20Z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-edit { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%3E%3Cpath%20d%3D%22M14.545%203.042l-1.586-1.585c-.389-.389-1.025-.389-1.414%200l-1.293%201.293%203%203%201.293-1.293c.389-.389.389-1.026%200-1.415z%22%2F%3E%3Crect%20x%3D%225.129%22%20y%3D%223.8%22%20transform%3D%22matrix%28-.707%20-.707%20.707%20-.707%206.189%2020.064%29%22%20width%3D%224.243%22%20height%3D%229.899%22%2F%3E%3Cpath%20d%3D%22M.908%2014.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667%202.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-entity-user-collection { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%3E%3Cpath%20d%3D%22M6.722%2011.291l.451-.17-.165-.32c-.536-1.039-.685-1.934-.761-2.672-.082-.808-.144-2.831%201.053-4.189.244-.278.493-.493.743-.675.012-.826-.135-1.766-.646-2.345-.618-.7-1.4-.787-1.4-.787l-.497-.055-.498.055s-.783.087-1.398.787c-.617.702-.717%201.948-.625%202.855.06.583.17%201.263.574%202.05.274.533.341.617.355%201.01.022.595.027%201.153-.671%201.538-.697.383-1.564.508-2.403%201.088-.596.41-.709%201.033-.78%201.459l-.051.41c-.029.273.173.498.448.498h5.012c.457-.24.89-.402%201.259-.537zM5.064%2015.096c.07-.427.184-1.05.78-1.46.838-.581%201.708-.706%202.404-1.089.699-.385.693-.943.672-1.537-.014-.393-.08-.477-.354-1.01-.406-.787-.515-1.467-.576-2.049-.093-.909.008-2.155.625-2.856.615-.7%201.398-.787%201.398-.787l.492-.055h.002l.496.055s.781.087%201.396.787c.615.701.72%201.947.623%202.855-.062.583-.172%201.262-.571%202.049-.271.533-.341.617-.354%201.01-.021.595-.062%201.22.637%201.604.697.385%201.604.527%202.438%201.104.923.641.822%201.783.822%201.783-.022.275-.269.5-.542.5h-9.991c-.275%200-.477-.223-.448-.496l.051-.408z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-escape-admin { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8.002%201c-3.868%200-7.002%203.133-7.002%207%200%203.865%203.134%207%207.002%207%203.865%200%207-3.135%207-7%200-3.867-3.135-7-7-7zm2.348%2010.482l-.977.977c-.195.193-.514.193-.707%200l-4.108-4.105c-.194-.195-.194-.514%200-.708l4.108-4.105c.193-.194.512-.194.707%200l.979.977c.191.194.191.513%200%20.707l-2.422%202.421c-.195.194-.195.515%200%20.708l2.419%202.421c.196.19.196.512.001.707z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-help-main { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8.002%201c-3.868%200-7.002%203.134-7.002%207s3.134%207%207.002%207c3.865%200%207-3.134%207-7s-3.135-7-7-7zm3%205c0%20.551-.16%201.085-.477%201.586l-.158.22c-.07.093-.189.241-.361.393-.168.148-.35.299-.545.447l-.203.189-.141.129-.096.17-.021.235v.63h-2.001v-.704c.026-.396.078-.73.204-.999.125-.269.271-.498.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18c.098-.152.168-.323.168-.518%200-.552-.447-1-1-1s-1.002.448-1.002%201h-2c0-1.657%201.343-3%203.002-3%201.656%200%203%201.343%203%203zm-1.75%206.619c0%20.344-.281.625-.625.625h-1.25c-.345%200-.626-.281-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344%200%20.625.281.625.625v1.238z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-help { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M%208%200%20C%209.083%200%2010.119%200.211%2011.107%200.634%20C%2012.095%201.057%2012.946%201.625%2013.661%202.339%20C%2014.375%203.054%2014.943%203.905%2015.366%204.893%20C%2015.789%205.881%2016%206.917%2016%208%20C%2016%209.083%2015.789%2010.119%2015.366%2011.107%20C%2014.943%2012.095%2014.375%2012.946%2013.661%2013.661%20C%2012.946%2014.375%2012.095%2014.943%2011.107%2015.366%20C%2010.119%2015.789%209.083%2016%208%2016%20C%206.917%2016%205.881%2015.789%204.893%2015.366%20C%203.905%2014.943%203.054%2014.375%202.339%2013.661%20C%201.625%2012.946%201.057%2012.095%200.634%2011.107%20C%200.211%2010.119%200%209.083%200%208%20C%200%206.917%200.211%205.881%200.634%204.893%20C%201.057%203.905%201.625%203.054%202.339%202.339%20C%203.054%201.625%203.905%201.057%204.893%200.634%20C%205.881%200.211%206.917%200%208%200%20Z%20M%208%201.143%20C%206.869%201.143%205.795%201.411%204.777%201.946%20L%206.509%203.679%20C%206.997%203.512%207.494%203.429%208%203.429%20C%208.506%203.429%209.003%203.512%209.491%203.679%20L%2011.223%201.946%20C%2010.205%201.411%209.131%201.143%208%201.143%20Z%20M%201.946%2011.223%20L%203.679%209.491%20C%203.512%209.003%203.429%208.506%203.429%208%20C%203.429%207.494%203.512%206.997%203.679%206.509%20L%201.946%204.777%20C%201.411%205.795%201.143%206.869%201.143%208%20C%201.143%209.131%201.411%2010.205%201.946%2011.223%20Z%20M%208%2014.857%20C%209.131%2014.857%2010.205%2014.589%2011.223%2014.054%20L%209.491%2012.321%20C%209.003%2012.488%208.506%2012.571%208%2012.571%20C%207.494%2012.571%206.997%2012.488%206.509%2012.321%20L%204.777%2014.054%20C%205.795%2014.589%206.869%2014.857%208%2014.857%20Z%20M%208%2011.429%20C%208.946%2011.429%209.754%2011.094%2010.424%2010.424%20C%2011.094%209.754%2011.429%208.946%2011.429%208%20C%2011.429%207.054%2011.094%206.246%2010.424%205.576%20C%209.754%204.906%208.946%204.571%208%204.571%20C%207.054%204.571%206.246%204.906%205.576%205.576%20C%204.906%206.246%204.571%207.054%204.571%208%20C%204.571%208.946%204.906%209.754%205.576%2010.424%20C%206.246%2011.094%207.054%2011.429%208%2011.429%20Z%20M%2012.321%209.491%20L%2014.054%2011.223%20C%2014.589%2010.205%2014.857%209.131%2014.857%208%20C%2014.857%206.869%2014.589%205.795%2014.054%204.777%20L%2012.321%206.509%20C%2012.488%206.997%2012.571%207.494%2012.571%208%20C%2012.571%208.506%2012.488%209.003%2012.321%209.491%20Z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-home { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpolygon%20points%3D%228.002%2C0%200%2C8%201%2C9%202%2C9%202%2C15%206.5%2C15%206.5%2C10%209.502%2C10%209.502%2C15%2014.002%2C15%2014.002%2C9%2015.002%2C9%2016.002%2C8%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-link-toolbar-menu { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8.002%201c-3.868%200-7.002%203.135-7.002%207%200%203.867%203.134%207%207.002%207%203.865%200%207-3.133%207-7%200-3.865-3.135-7-7-7zm3.441%207.357l-4.106%204.104c-.194.191-.514.191-.708%200l-.978-.979c-.194-.193-.194-.518%200-.707l2.423-2.421c.195-.195.195-.514%200-.708l-2.422-2.421c-.194-.194-.194-.513%200-.707l.977-.977c.194-.194.514-.194.708%200l4.106%204.108c.191.194.191.515%200%20.708z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-menu { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%3E%3Cpath%20d%3D%22M14.752%206h-13.502c-.69%200-1.25.56-1.25%201.25v.5c0%20.689.56%201.25%201.25%201.25h13.502c.689%200%201.25-.561%201.25-1.25v-.5c0-.69-.561-1.25-1.25-1.25zM14.752%200h-13.502c-.69%200-1.25.56-1.25%201.25v.5c0%20.69.56%201.25%201.25%201.25h13.502c.689%200%201.25-.56%201.25-1.25v-.5c0-.69-.561-1.25-1.25-1.25zM14.752%2012h-13.502c-.69%200-1.25.561-1.25%201.25v.5c0%20.689.56%201.25%201.25%201.25h13.502c.689%200%201.25-.561%201.25-1.25v-.5c0-.689-.561-1.25-1.25-1.25z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-shortcut { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.236%2015c-.146%200-.283-.041-.406-.124l-3.828-2.583-3.83%202.583c-.123.083-.265.124-.406.124-.145%200-.289-.043-.413-.129-.246-.171-.362-.475-.292-.766l1.122-4.73-3.439-3.107c-.225-.2-.303-.519-.196-.8.106-.282.376-.468.678-.468h4.259l1.843-4.542c.109-.277.377-.458.674-.458.297%200%20.564.181.674.458l1.84%204.542h4.262c.306%200%20.57.186.683.468.104.281.024.601-.196.8l-3.439%203.107%201.121%204.73c.065.291-.047.595-.293.766-.129.086-.273.129-.418.129z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-config { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14.416%2011.586l-.01-.008v-.001l-5.656-5.656c.15-.449.252-.921.252-1.421%200-2.485-2.016-4.5-4.502-4.5-.505%200-.981.102-1.434.255l2.431%202.431-.588%202.196-2.196.588-2.445-2.445c-.162.464-.268.956-.268%201.475%200%202.486%202.014%204.5%204.5%204.5.5%200%20.972-.102%201.421-.251l5.667%205.665c.781.781%202.047.781%202.828%200s.781-2.047%200-2.828z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-content { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%3E%3Cpath%20d%3D%22M12.502%207h-5c-.276%200-.502-.225-.502-.5v-5c0-.275-.225-.5-.5-.5h-3c-.275%200-.5.225-.5.5v12.029c0%20.275.225.5.5.5h9.002c.275%200%20.5-.225.5-.5v-6.029c0-.275-.225-.5-.5-.5zM8.502%206h4c.275%200%20.34-.159.146-.354l-4.293-4.292c-.195-.195-.353-.129-.353.146v4c0%20.275.225.5.5.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-reports { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%3E%3Cpath%20d%3D%22M4%2013.529c0%20.275-.225.5-.5.5h-3c-.275%200-.5-.225-.5-.5v-4.25c0-.274.225-.5.5-.5h3c.275%200%20.5.226.5.5v4.25zM10.002%2013.529c0%20.275-.225.5-.5.5h-3.002c-.275%200-.5-.225-.5-.5v-13c0-.275.225-.5.5-.5h3.002c.275%200%20.5.225.5.5v13zM16.002%2013.529c0%20.275-.225.5-.5.5h-3c-.275%200-.5-.225-.5-.5v-9.5c0-.275.225-.5.5-.5h3c.275%200%20.5.225.5.5v9.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-structure { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M15.002%2C11.277c0-0.721%2C0-1.471%2C0-2.014c0-1.456-0.824-2.25-2.25-2.25c-1.428%2C0-3.5%2C0-3.5%2C0c-0.139%2C0-0.25-0.112-0.25-0.25v-2.04c0.596-0.346%2C1-0.984%2C1-1.723c0-1.104-0.895-2-2-2C6.896%2C1%2C6%2C1.896%2C6%2C3c0%2C0.738%2C0.405%2C1.376%2C1%2C1.722v2.042c0%2C0.138-0.112%2C0.25-0.25%2C0.25c0%2C0-2.138%2C0-3.5%2C0S1%2C7.932%2C1%2C9.266c0%2C0.521%2C0%2C1.277%2C0%2C2.012c-0.595%2C0.353-1%2C0.984-1%2C1.729c0%2C1.104%2C0.896%2C2%2C2%2C2s2-0.896%2C2-2c0-0.732-0.405-1.377-1-1.729V9.266c0-0.139%2C0.112-0.25%2C0.25-0.25h3.536C6.904%2C9.034%2C7%2C9.126%2C7%2C9.25v2.027C6.405%2C11.624%2C6%2C12.26%2C6%2C13c0%2C1.104%2C0.896%2C2%2C2.002%2C2c1.105%2C0%2C2-0.896%2C2-2c0-0.738-0.404-1.376-1-1.723V9.25c0-0.124%2C0.098-0.216%2C0.215-0.234h3.535c0.137%2C0%2C0.25%2C0.111%2C0.25%2C0.25v2.012c-0.596%2C0.353-1%2C0.984-1%2C1.729c0%2C1.104%2C0.896%2C2%2C2%2C2s2-0.896%2C2-2C16.002%2C12.262%2C15.598%2C11.623%2C15.002%2C11.277z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-modules-list { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11.002%2011v2.529c0%20.275-.225.471-.5.471h-3c-.827%200-1.112-.754-.604-1.316l.81-.725c.509-.562.513-1.461-.097-2.01-.383-.344-1.027-.728-2.111-.728s-1.727.386-2.109.731c-.609.549-.606%201.45-.097%202.015l.808.717c.509.562.223%201.316-.602%201.316h-3c-.276%200-.5-.193-.5-.471v-9.029c0-.276.224-.5.5-.5h3c.825%200%201.111-.768.602-1.332l-.808-.73c-.51-.563-.513-1.465.097-2.014.382-.344%201.025-.731%202.109-.731s1.728.387%202.111.731c.608.548.606%201.45.097%202.014l-.81.73c-.509.564-.223%201.332.603%201.332h3c.274%200%20.5.224.5.5v2.5c0%20.825.642%201.111%201.233.602l.771-.808c.599-.51%201.547-.513%202.127.097.364.383.772%201.025.772%202.109s-.408%201.727-.771%202.109c-.58.604-1.529.604-2.127.097l-.77-.808c-.593-.509-1.234-.223-1.234.602z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-themes-page { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8.184%207.928l-1.905%201.983-3.538-2.436%204.714-4.713%202.623%203.183-1.894%201.983zm-1.746-7.523c-.236-.416-.803-.649-1.346.083-.259.349-4.727%204.764-4.91%204.983-.182.218-.294.721.044.976.34.258%205.611%203.933%205.611%203.933l-.225.229c.7.729.816.854%201.046.863.75.016%202.035-1.457%202.578-.854.541.604%203.537%203.979%203.537%203.979.51.531%201.305.559%201.815.041.521-.521.541-1.311.025-1.848%200%200-2.742-2.635-3.904-3.619-.578-.479.869-2.051.854-2.839-.008-.238-.125-.361-.823-1.095l-.22.243c0%20.003-3.846-4.659-4.082-5.075z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-toolbar-menu { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M15.176%209.041c.045-.327.076-.658.076-.998%200-.36-.035-.71-.086-1.056l-2.275-.293c-.115-.426-.283-.827-.498-1.201l1.396-1.808c-.416-.551-.906-1.039-1.459-1.452l-1.807%201.391c-.373-.215-.774-.383-1.2-.499l-.292-2.252c-.338-.048-.677-.081-1.029-.081s-.694.033-1.032.082l-.291%202.251c-.426.116-.826.284-1.2.499l-1.805-1.391c-.552.413-1.044.901-1.459%201.452l1.395%201.808c-.215.374-.383.774-.499%201.2l-2.276.294c-.05.346-.085.696-.085%201.056%200%20.34.031.671.077.998l2.285.295c.115.426.284.826.499%201.2l-1.417%201.836c.411.55.896%201.038%201.443%201.452l1.842-1.42c.374.215.774.383%201.2.498l.298%202.311c.337.047.677.08%201.025.08s.688-.033%201.021-.08l.299-2.311c.426-.115.826-.283%201.201-.498l1.842%201.42c.547-.414%201.031-.902%201.443-1.452l-1.416-1.837c.215-.373.383-.773.498-1.199l2.286-.295zm-7.174%201.514c-1.406%200-2.543-1.137-2.543-2.541%200-1.402%201.137-2.541%202.543-2.541%201.402%200%202.541%201.138%202.541%202.541%200%201.404-1.139%202.541-2.541%202.541z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-user { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1%2015c-.275%200-.498-.225-.496-.5%200%200%20.007-.746%201.071-1.512%201.138-.818%202.347-.969%203.308-1.498s.954-1.299.925-2.115c-.019-.543-.112-.657-.489-1.392-.556-1.084-.709-2.021-.791-2.823-.127-1.252.011-3.035.86-4.001.847-.964%202.114-1.104%202.114-1.104l.5-.055.498.055s1.266.14%202.113%201.104c.85.966.988%202.75.859%204.001-.08.802-.234%201.739-.791%202.823-.377.734-.476.849-.488%201.392-.029.816-.035%201.586.926%202.115s2.17.68%203.307%201.498c1.064.766%201.072%201.512%201.072%201.512.002.275-.221.5-.496.5h-14.002z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }
|
||||
/*# sourceMappingURL=icons.data.svg.css.map */
|
||||
+1
File diff suppressed because one or more lines are too long
+46
@@ -0,0 +1,46 @@
|
||||
.toolbar-handle { background-image: url('png/toolbar-handle.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-admin-toolbar-tools-help { background-image: url('png/toolbar-icon-admin-toolbar-tools-help.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-edit { background-image: url('png/toolbar-icon-edit.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-entity-user-collection { background-image: url('png/toolbar-icon-entity-user-collection.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-escape-admin { background-image: url('png/toolbar-icon-escape-admin.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-help-main { background-image: url('png/toolbar-icon-help-main.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-help { background-image: url('png/toolbar-icon-help.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-home { background-image: url('png/toolbar-icon-home.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-link-toolbar-menu { background-image: url('png/toolbar-icon-link-toolbar-menu.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-menu { background-image: url('png/toolbar-icon-menu.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-shortcut { background-image: url('png/toolbar-icon-shortcut.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-config { background-image: url('png/toolbar-icon-system-admin-config.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-content { background-image: url('png/toolbar-icon-system-admin-content.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-reports { background-image: url('png/toolbar-icon-system-admin-reports.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-admin-structure { background-image: url('png/toolbar-icon-system-admin-structure.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-modules-list { background-image: url('png/toolbar-icon-system-modules-list.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-system-themes-page { background-image: url('png/toolbar-icon-system-themes-page.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-toggle-horizontal { background-image: url('png/toolbar-icon-toggle-horizontal.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-toggle-orientation { background-image: url('png/toolbar-icon-toggle-orientation.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-toggle-vertical { background-image: url('png/toolbar-icon-toggle-vertical.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-toolbar-menu { background-image: url('png/toolbar-icon-toolbar-menu.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-tour { background-image: url('png/toolbar-icon-tour.png'); background-repeat: no-repeat; }
|
||||
|
||||
.toolbar-icon-user { background-image: url('png/toolbar-icon-user.png'); background-repeat: no-repeat; }
|
||||
/*# sourceMappingURL=icons.fallback.css.map */
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["icons.fallback.css"],"names":[],"mappings":"AAAA,kBAAkB,gDAAgD,CAAC,6BAA6B,EAAE;;AAElG,yCAAyC,uEAAuE,CAAC,6BAA6B,EAAE;;AAEhJ,qBAAqB,mDAAmD,CAAC,6BAA6B,EAAE;;AAExG,uCAAuC,qEAAqE,CAAC,6BAA6B,EAAE;;AAE5I,6BAA6B,2DAA2D,CAAC,6BAA6B,EAAE;;AAExH,0BAA0B,wDAAwD,CAAC,6BAA6B,EAAE;;AAElH,qBAAqB,mDAAmD,CAAC,6BAA6B,EAAE;;AAExG,qBAAqB,mDAAmD,CAAC,6BAA6B,EAAE;;AAExG,kCAAkC,gEAAgE,CAAC,6BAA6B,EAAE;;AAElI,qBAAqB,mDAAmD,CAAC,6BAA6B,EAAE;;AAExG,yBAAyB,uDAAuD,CAAC,6BAA6B,EAAE;;AAEhH,oCAAoC,kEAAkE,CAAC,6BAA6B,EAAE;;AAEtI,qCAAqC,mEAAmE,CAAC,6BAA6B,EAAE;;AAExI,qCAAqC,mEAAmE,CAAC,6BAA6B,EAAE;;AAExI,uCAAuC,qEAAqE,CAAC,6BAA6B,EAAE;;AAE5I,oCAAoC,kEAAkE,CAAC,6BAA6B,EAAE;;AAEtI,mCAAmC,iEAAiE,CAAC,6BAA6B,EAAE;;AAEpI,kCAAkC,gEAAgE,CAAC,6BAA6B,EAAE;;AAElI,mCAAmC,iEAAiE,CAAC,6BAA6B,EAAE;;AAEpI,gCAAgC,8DAA8D,CAAC,6BAA6B,EAAE;;AAE9H,6BAA6B,2DAA2D,CAAC,6BAA6B,EAAE;;AAExH,qBAAqB,mDAAmD,CAAC,6BAA6B,EAAE;;AAExG,qBAAqB,mDAAmD,CAAC,6BAA6B,EAAE","file":"icons.fallback.css","sourcesContent":[".toolbar-handle { background-image: url('png/toolbar-handle.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-admin-toolbar-tools-help { background-image: url('png/toolbar-icon-admin-toolbar-tools-help.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-edit { background-image: url('png/toolbar-icon-edit.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-entity-user-collection { background-image: url('png/toolbar-icon-entity-user-collection.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-escape-admin { background-image: url('png/toolbar-icon-escape-admin.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-help-main { background-image: url('png/toolbar-icon-help-main.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-help { background-image: url('png/toolbar-icon-help.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-home { background-image: url('png/toolbar-icon-home.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-link-toolbar-menu { background-image: url('png/toolbar-icon-link-toolbar-menu.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-menu { background-image: url('png/toolbar-icon-menu.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-shortcut { background-image: url('png/toolbar-icon-shortcut.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-system-admin-config { background-image: url('png/toolbar-icon-system-admin-config.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-system-admin-content { background-image: url('png/toolbar-icon-system-admin-content.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-system-admin-reports { background-image: url('png/toolbar-icon-system-admin-reports.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-system-admin-structure { background-image: url('png/toolbar-icon-system-admin-structure.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-system-modules-list { background-image: url('png/toolbar-icon-system-modules-list.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-system-themes-page { background-image: url('png/toolbar-icon-system-themes-page.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-toggle-horizontal { background-image: url('png/toolbar-icon-toggle-horizontal.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-toggle-orientation { background-image: url('png/toolbar-icon-toggle-orientation.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-toggle-vertical { background-image: url('png/toolbar-icon-toggle-vertical.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-toolbar-menu { background-image: url('png/toolbar-icon-toolbar-menu.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-tour { background-image: url('png/toolbar-icon-tour.png'); background-repeat: no-repeat; }\n\n.toolbar-icon-user { background-image: url('png/toolbar-icon-user.png'); background-repeat: no-repeat; }\n\n"]}
|
||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 175 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
+75
@@ -0,0 +1,75 @@
|
||||
<!doctype HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Icons Preview!</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
body {
|
||||
background-image: linear-gradient(#eee 25%, transparent 25%, transparent), linear-gradient(#eee 25%, transparent 25%, transparent), linear-gradient(transparent 75%, #eee 75%), linear-gradient(transparent 75%, #eee 75%);
|
||||
width: auto;
|
||||
background-size: 10px 10px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
/*! grunt-grunticon Stylesheet Loader - v2.1.6 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */
|
||||
|
||||
!function(){function e(e,n,t){"use strict";var o=window.document.createElement("link"),r=n||window.document.getElementsByTagName("script")[0],a=window.document.styleSheets;return o.rel="stylesheet",o.href=e,o.media="only x",r.parentNode.insertBefore(o,r),o.onloadcssdefined=function(e){for(var n,t=0;t<a.length;t++)a[t].href&&a[t].href===o.href&&(n=!0);n?e():setTimeout(function(){o.onloadcssdefined(e)})},o.onloadcssdefined(function(){o.media=t||"all"}),o}function n(e,n){e.onload=function(){e.onload=null,n&&n.call(e)},"isApplicationInstalled"in navigator&&"onloadcssdefined"in e&&e.onloadcssdefined(n)}!function(t){var o=function(r,a){"use strict";if(r&&3===r.length){var i=t.navigator,c=t.document,s=t.Image,d=!(!c.createElementNS||!c.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!c.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||t.opera&&i.userAgent.indexOf("Chrome")===-1||i.userAgent.indexOf("Series40")!==-1),l=new s;l.onerror=function(){o.method="png",o.href=r[2],e(r[2])},l.onload=function(){var t=1===l.width&&1===l.height,i=r[t&&d?0:t?1:2];t&&d?o.method="svg":t?o.method="datapng":o.method="png",o.href=i,n(e(i),a)},l.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",c.documentElement.className+=" grunticon"}};o.loadCSS=e,o.onloadCSS=n,t.grunticon=o}(this),function(e,n){"use strict";var t=n.document,o="grunticon:",r=function(e){if(t.attachEvent?"complete"===t.readyState:"loading"!==t.readyState)e();else{var n=!1;t.addEventListener("readystatechange",function(){n||(n=!0,e())},!1)}},a=function(e){return n.document.querySelector('link[href$="'+e+'"]')},i=function(e){var n,t,r,a,i,c,s={};if(n=e.sheet,!n)return s;t=n.cssRules?n.cssRules:n.rules;for(var d=0;d<t.length;d++)r=t[d].cssText,a=o+t[d].selectorText,i=r.split(");")[0].match(/US\-ASCII\,([^"']+)/),i&&i[1]&&(c=decodeURIComponent(i[1]),s[a]=c);return s},c=function(e){var n,r,a,i;a="data-grunticon-embed";for(var c in e){i=c.slice(o.length);try{n=t.querySelectorAll(i)}catch(e){continue}r=[];for(var s=0;s<n.length;s++)null!==n[s].getAttribute(a)&&r.push(n[s]);if(r.length)for(s=0;s<r.length;s++)r[s].innerHTML=e[c],r[s].style.backgroundImage="none",r[s].removeAttribute(a)}return r},s=function(n){"svg"===e.method&&r(function(){c(i(a(e.href))),"function"==typeof n&&n()})};e.embedIcons=c,e.getCSS=a,e.getIcons=i,e.ready=r,e.svgLoadedCallback=s,e.embedSVG=s}(grunticon,this)}();
|
||||
|
||||
grunticon(["icons.data.svg.css", "icons.data.png.css", "icons.fallback.css"], grunticon.svgLoadedCallback);
|
||||
</script>
|
||||
<noscript><link href="icons.fallback.css" rel="stylesheet"></noscript>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>CUSTOM PREVIEW - you can change this in the previewTemplate option</h1>
|
||||
<pre><code>.toolbar-icon-admin-toolbar-tools-help:</code></pre><div class="toolbar-icon-admin-toolbar-tools-help" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-edit:</code></pre><div class="toolbar-icon-edit" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-entity-user-collection:</code></pre><div class="toolbar-icon-entity-user-collection" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-escape-admin:</code></pre><div class="toolbar-icon-escape-admin" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-help-main:</code></pre><div class="toolbar-icon-help-main" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-help:</code></pre><div class="toolbar-icon-help" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-home:</code></pre><div class="toolbar-icon-home" style="width: 16px; height: 16px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-link-toolbar-menu:</code></pre><div class="toolbar-icon-link-toolbar-menu" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-menu:</code></pre><div class="toolbar-icon-menu" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-shortcut:</code></pre><div class="toolbar-icon-shortcut" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-system-admin-config:</code></pre><div class="toolbar-icon-system-admin-config" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-system-admin-content:</code></pre><div class="toolbar-icon-system-admin-content" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-system-admin-reports:</code></pre><div class="toolbar-icon-system-admin-reports" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-system-admin-structure:</code></pre><div class="toolbar-icon-system-admin-structure" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-system-modules-list:</code></pre><div class="toolbar-icon-system-modules-list" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-system-themes-page:</code></pre><div class="toolbar-icon-system-themes-page" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-toolbar-menu:</code></pre><div class="toolbar-icon-toolbar-menu" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
<pre><code>.toolbar-icon-user:</code></pre><div class="toolbar-icon-user" style="width: 400px; height: 300px;" ></div><hr/>
|
||||
|
||||
<h2 id="embedded-svg-option">Embedded SVG option</h2>
|
||||
<p>(The <code>data-grunticon-embed</code> attribute tells grunticon to inject SVG inline):</p>
|
||||
|
||||
<pre><code>icon-burger:</code></pre><div class="icon-burger" data-grunticon-embed style="width: px; height: px;" ></div><hr/>
|
||||
|
||||
<style>
|
||||
.icon-burger {
|
||||
width: 32px;
|
||||
height: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
.icon-burger.alt .cheese {
|
||||
fill: red;
|
||||
}
|
||||
.icon-burger.alt .buns {
|
||||
fill: orange;
|
||||
}
|
||||
.icon-burger.alt .burger {
|
||||
fill: yellow;
|
||||
}
|
||||
.icon-burger.alt .lettuce {
|
||||
fill: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<pre><code>icon-burger (styled variation):</code></pre><div class="icon-burger alt" data-grunticon-embed></div><hr/>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+93
@@ -0,0 +1,93 @@
|
||||
{#
|
||||
/**
|
||||
* Toolbar themes theme implementation to display a toolbar menu.
|
||||
*
|
||||
* Available variables:
|
||||
* - menu_name: The machine name of the menu.
|
||||
* - items: A nested list of menu items. Each menu item contains:
|
||||
* - attributes: HTML attributes for the menu item.
|
||||
* - below: The menu item child items.
|
||||
* - title: The menu link title.
|
||||
* - url: The menu link url, instance of \Drupal\Core\Url
|
||||
* - localized_options: Menu link localized options.
|
||||
* - is_expanded: TRUE if the link has visible children within the current
|
||||
* menu tree.
|
||||
* - is_collapsed: TRUE if the link has children within the current menu tree
|
||||
* that are not currently visible.
|
||||
* - in_active_trail: TRUE if the link is in the active trail.
|
||||
* - show_icon: bool to show or hide icon markup.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%- import _self as menus -%}
|
||||
{#
|
||||
We call a macro which calls itself to render the full tree.
|
||||
@see http://twig.sensiolabs.org/doc/tags/macro.html
|
||||
#}
|
||||
{{- menus.menu_links(items, attributes, 0, menu_name) -}}
|
||||
|
||||
{%- macro menu_links(items, attributes, menu_level, menu_name) -%}
|
||||
{%- import _self as menus -%}
|
||||
|
||||
{% if items %}
|
||||
<ul
|
||||
{%- if menu_level == 0 -%}
|
||||
{{ attributes.addClass(['toolbar-menu', 'odd', 'menu-level-1', menu_name ? 'menu-name--' ~ menu_name|clean_class ]) }}
|
||||
{%- else %}
|
||||
class="toolbar-menu is-child {{ cycle(['odd', 'even'], menu_level) }} {{ 'menu-level-' ~ (menu_level + 1) }}"
|
||||
{%- endif -%}
|
||||
>
|
||||
|
||||
{# Begin loop. #}
|
||||
{% for item in items %}
|
||||
|
||||
{% if item.below is not empty %}
|
||||
{% set is_parent = true %}
|
||||
{% else %}
|
||||
{% set is_parent = false %}
|
||||
{% endif %}
|
||||
|
||||
{%
|
||||
set item_classes = [
|
||||
'menu-item',
|
||||
is_parent ? 'is-parent',
|
||||
item.is_expanded ? 'menu-item--expanded',
|
||||
item.is_collapsed ? 'menu-item--collapsed',
|
||||
item.in_active_trail ? 'menu-tem--active-trail',
|
||||
]
|
||||
%}
|
||||
|
||||
{# We set an id on list items to provide context for aria attributes. #}
|
||||
<li{{ item.attributes.addClass(item_classes).setAttribute('id', 'mlid-' ~ item.title|render|clean_class)|without('role') }}>
|
||||
{{
|
||||
link(
|
||||
item.title,
|
||||
item.url
|
||||
)
|
||||
}}
|
||||
|
||||
{%- if item.show_icon -%}
|
||||
{%- if item.icon_attributes -%}
|
||||
<i{{ item.icon_attributes.setAttribute('data-grunticon-embed', '') }}></i>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
|
||||
{% if item.below %}
|
||||
{{
|
||||
menus.menu_links(
|
||||
item.below,
|
||||
attributes,
|
||||
menu_level + 1,
|
||||
menu_name
|
||||
)
|
||||
}}
|
||||
{% endif %}
|
||||
</li>
|
||||
|
||||
{%- endfor -%}
|
||||
{# End loop. #}
|
||||
|
||||
</ul>
|
||||
{% endif %}
|
||||
{%- endmacro -%}
|
||||
+61
@@ -0,0 +1,61 @@
|
||||
{#
|
||||
/**
|
||||
* Toolbar themes implementation for the administrative toolbar.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: HTML attributes for the wrapper.
|
||||
* - toolbar_attributes: HTML attributes to apply to the toolbar.
|
||||
* - toolbar_heading: The heading or label for the toolbar.
|
||||
* - tabs: List of tabs for the toolbar.
|
||||
* - attributes: HTML attributes for the tab container.
|
||||
* - link: Link or button for the menu tab.
|
||||
* - icon_attributes: tab icon classes and attributes to style SVG grunticons.
|
||||
* - trays: Toolbar tray list, each associated with a tab. Each tray in trays
|
||||
* contains:
|
||||
* - attributes: HTML attributes to apply to the tray.
|
||||
* - label: The tray's label.
|
||||
* - links: The tray menu links.
|
||||
* - remainder: Any non-tray, non-tab elements left to be rendered.
|
||||
* - show_icons: bool to show or hide icon markup.
|
||||
*
|
||||
* @see toobar_themes_preprocess_toolbar()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<div{{ attributes.addClass('toolbar') }}>
|
||||
{%
|
||||
set classes = [
|
||||
'toolbar-bar',
|
||||
show_icons ? 'has-icons' : 'no-icons',
|
||||
show_tabs ? 'has-tabs' : 'no-tabs',
|
||||
]
|
||||
%}
|
||||
<nav{{ toolbar_attributes.addClass(classes) }}>
|
||||
<h2 class="visually-hidden">{{ toolbar_heading }}</h2>
|
||||
{% for key, tab in tabs %}
|
||||
{% set tray = trays[key] %}
|
||||
<div{{ tab.attributes.addClass('toolbar-tab') }}>
|
||||
<span class="toolbar-tab__items-wrapper">
|
||||
{{- tab.link -}}
|
||||
{%- if show_icons and show_tabs -%}
|
||||
{%- if tab.icon_attributes -%}
|
||||
<i{{ tab.icon_attributes.setAttribute('data-grunticon-embed', '') }}></i>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
</span>
|
||||
{% spaceless %}
|
||||
<div{{ tray.attributes }}>
|
||||
{% if tray.label %}
|
||||
<h3 class="toolbar-tray-name visually-hidden">{{ tray.label }}</h3>
|
||||
{% endif %}
|
||||
<nav class="toolbar-lining clearfix" role="navigation"{% if tray.label %} aria-label="{{ tray.label }}{% endif %}">
|
||||
{{ tray.links }}
|
||||
</nav>
|
||||
</div>
|
||||
{% endspaceless %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
{{ remainder }}
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
// Toolbar mini SCSS variables.
|
||||
|
||||
$font-size : 0.8125rem;
|
||||
$tab-item-height : $font-size * 2;
|
||||
$toolbar-item-padding : 0.3em 0.95em .2em;
|
||||
@@ -0,0 +1,43 @@
|
||||
/**
|
||||
* mini_icons
|
||||
*/
|
||||
#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
fill: #bebebe;
|
||||
top: .07em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon-menu {
|
||||
width: 0.875em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a.is-active .toolbar-icon,
|
||||
#toolbar-administration .toolbar-tab__items-wrapper button:hover .toolbar-icon,
|
||||
#toolbar-administration .toolbar-tab__items-wrapper button:active .toolbar-icon,
|
||||
#toolbar-administration .toolbar-tab__items-wrapper button.is-active .toolbar-icon {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 24em) {
|
||||
#toolbar-administration .home-toolbar-tab,
|
||||
#toolbar-administration .tour-toolbar-tab,
|
||||
#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a {
|
||||
fill: #6f6f6f;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {
|
||||
fill: #494949;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a.is-active[href="/"] {
|
||||
fill: #6f6f6f;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {
|
||||
fill: #494949;
|
||||
}
|
||||
/*# sourceMappingURL=mini_icons.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["mini_icons.scss","mini_icons.css"],"names":[],"mappings":"AAAA;;GAEG;AAYH;EAOM,cAAa;EACb,WAAU;CACX;;AATL;EAYM,eAAc;CACf;;AAbL;;;;EAqBU,cAAa;CACd;;AAKP;EA3BF;;;IAiCM,cAAa;GACd;CCvBJ;;ADXD;EAyCM,cAAa;CAoBd;;AA7DL;EA+CQ,cAAa;CACd;;AAhDP;EAmDQ,cAAa;CACd;;AApDP;EA0DU,cAAa;CACd","file":"mini_icons.css","sourcesContent":[null,"/**\n * mini_icons\n */\n#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {\n fill: #bebebe;\n top: .07em;\n}\n\n#toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon-menu {\n width: 0.875em;\n}\n\n#toolbar-administration .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-tab__items-wrapper a.is-active .toolbar-icon,\n#toolbar-administration .toolbar-tab__items-wrapper button:hover .toolbar-icon,\n#toolbar-administration .toolbar-tab__items-wrapper button:active .toolbar-icon,\n#toolbar-administration .toolbar-tab__items-wrapper button.is-active .toolbar-icon {\n fill: #ffffff;\n}\n\n@media only screen and (max-width: 24em) {\n #toolbar-administration .home-toolbar-tab,\n #toolbar-administration .tour-toolbar-tab,\n #toolbar-administration .toolbar-tab__items-wrapper .toolbar-icon {\n display: none;\n }\n}\n\n#toolbar-administration .toolbar-menu a {\n fill: #6f6f6f;\n}\n\n#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {\n fill: #494949;\n}\n\n#toolbar-administration .toolbar-menu a.is-active[href=\"/\"] {\n fill: #6f6f6f;\n}\n\n#toolbar-administration .toolbar-menu a:hover[href=\"/\"], #toolbar-administration .toolbar-menu a:focus[href=\"/\"], #toolbar-administration .toolbar-menu a:active[href=\"/\"] {\n fill: #494949;\n}\n\n/*# sourceMappingURL=mini_icons.css.map */"]}
|
||||
@@ -0,0 +1,80 @@
|
||||
/**
|
||||
* mini_icons
|
||||
*/
|
||||
|
||||
// Most icons are embedded SVG. Icons are embedded using Grunticon. We are using
|
||||
// the original SVG icons from Drupal core, however the width and height
|
||||
// attribute have been replaced with a viewBox attribute so we can scale them
|
||||
// properly with CSS. Embedded SVG has the advantage of being styled with CSS,
|
||||
// and by using Grunticon JS loading we negate most of the bloat and overhead
|
||||
// associated with embedding SVG files. For the buttons (orientation toggles &
|
||||
// menu click handles), and for sub-menu indicators we use a custom font icon
|
||||
// that is tiny and only includes four icons. We rotate and color these in CSS
|
||||
// as required.
|
||||
|
||||
#toolbar-administration {
|
||||
|
||||
i.toolbar-icon {}
|
||||
|
||||
// Top level icons.
|
||||
.toolbar-tab__items-wrapper {
|
||||
.toolbar-icon {
|
||||
fill: #bebebe;
|
||||
top: .07em;
|
||||
}
|
||||
|
||||
.toolbar-icon-menu {
|
||||
width: 0.875em;
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
&:hover,
|
||||
&:active,
|
||||
&.is-active {
|
||||
.toolbar-icon {
|
||||
fill: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 24em) {
|
||||
// Toolbar-themes module cannot hide the text, so instead we remove the
|
||||
// icons and other redundant tabs in narrow screens.
|
||||
.home-toolbar-tab,
|
||||
.tour-toolbar-tab,
|
||||
.toolbar-tab__items-wrapper .toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Main menu icons.
|
||||
.toolbar-menu {
|
||||
a {
|
||||
fill: #6f6f6f;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.is-active {
|
||||
fill: #494949;
|
||||
}
|
||||
|
||||
&.is-active[href="/"] {
|
||||
fill: #6f6f6f;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
&[href="/"] {
|
||||
fill: #494949;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,373 @@
|
||||
/**
|
||||
* mini_theme
|
||||
* Theme styles for menus and other toolbar elements. SVG icons are styled in
|
||||
* the [theme]_icons.scss file, while click handles, e.g. origination buttons
|
||||
* are styled here.
|
||||
*/
|
||||
#toolbar-administration {
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 0.8125rem;
|
||||
height: 3.25rem;
|
||||
background-color: #0f0f0f;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,
|
||||
#toolbar-administration .toolbar-item a:hover,
|
||||
#toolbar-administration .toolbar-item a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.toolbar-vertical #toolbar-administration,
|
||||
.toolbar-no-tabs #toolbar-administration,
|
||||
#toolbar-administration .toolbar-tab,
|
||||
#toolbar-administration .toolbar-tray {
|
||||
height: 1.625rem;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray {
|
||||
top: 1.625rem;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab a:hover, #toolbar-administration .toolbar-tab a:focus,
|
||||
#toolbar-administration .toolbar-item a:hover,
|
||||
#toolbar-administration .toolbar-item a:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-item {
|
||||
padding: 0.3em 0.95em 0.2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar__link-label {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar {
|
||||
-webkit-box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
background-color: #0f0f0f;
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-bar {
|
||||
-webkit-box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-item {
|
||||
color: #d8d8d8;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-item:hover, #toolbar-administration .toolbar-bar .toolbar-item:focus, #toolbar-administration .toolbar-bar .toolbar-item:active, #toolbar-administration .toolbar-bar .toolbar-item.is-active {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab a:hover, #toolbar-administration .toolbar-bar .toolbar-tab a:focus {
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.125)), color-stop(200%, transparent));
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab a.is-active {
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.25)), color-stop(200%, transparent));
|
||||
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .tour-toolbar-tab.toolbar-tab {
|
||||
float: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .tour-toolbar-tab button.toolbar-item {
|
||||
padding: 0.3em 0.95em 0.2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical {
|
||||
background-color: #f5f5f5;
|
||||
border-right: 1px solid #aaaaaa;
|
||||
-webkit-box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-vertical {
|
||||
border-left: 1px solid #aaaaaa;
|
||||
border-right: 0 none;
|
||||
-webkit-box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal {
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
-webkit-box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-tray {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal {
|
||||
-webkit-box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .edit-shortcuts {
|
||||
float: none;
|
||||
position: absolute;
|
||||
right: 2.2em;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .no-tabs .toolbar-tray-horizontal {
|
||||
border-top: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray a {
|
||||
color: #6f6f6f;
|
||||
cursor: pointer;
|
||||
padding: 0.3em 0.95em 0.2em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray a:hover, #toolbar-administration .toolbar-tray a:active, #toolbar-administration .toolbar-tray a:focus, #toolbar-administration .toolbar-tray a.is-active {
|
||||
color: #494949;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray a.is-active[href="/"] {
|
||||
color: #6f6f6f;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {
|
||||
float: right;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-toggle-orientation > .toolbar-lining {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
border-left: 1px solid #c9c9c9;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
border-left: 0 none;
|
||||
border-right: 1px solid #c9c9c9;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tab a:focus {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-lining button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal a:focus {
|
||||
outline: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-box a:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-box a:hover:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-icon.toolbar-handle {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-icon.toolbar-handle:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-icon.toolbar-handle:before {
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-icon.toolbar-handle.open:before {
|
||||
color: #787878;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:before {
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:hover:after, #toolbar-administration .toolbar-toggle-orientation button.toolbar-icon:focus:before {
|
||||
color: #787878;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item--expanded > a:after,
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu .toolbar-menu .menu-item--expanded .toolbar-box > a:after {
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu,
|
||||
#toolbar-administration [dir="rtl"] .toolbar-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu {
|
||||
-webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);
|
||||
box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item {
|
||||
border-top: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .menu-item:first-child {
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu .toolbar-menu {
|
||||
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);
|
||||
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .toolbar-menu > .menu-item--expanded > .toolbar-menu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:hover, #toolbar-administration .toolbar-tray-horizontal .menu-item .menu-item:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical li.open > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {
|
||||
margin-right: 3em;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toolbar-administration .toolbar-tray-vertical .toolbar-handle + a {
|
||||
margin-left: 3em;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item + .menu-item {
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item:last-child {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item .menu-item {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .toolbar-menu ul ul {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .menu-item:last-child > ul {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-2 > ul {
|
||||
background-color: #fafafa;
|
||||
border-bottom-color: #cccccc;
|
||||
border-top-color: #e5e5e5;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-3 > ul {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #c5c5c5;
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-4 > ul {
|
||||
background-color: #eeeeee;
|
||||
border-bottom-color: #bbbbbb;
|
||||
border-top-color: #d5d5d5;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-5 > ul {
|
||||
background-color: #e5e5e5;
|
||||
border-bottom-color: #b5b5b5;
|
||||
border-top-color: #cccccc;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-6 > ul {
|
||||
background-color: #eeeeee;
|
||||
border-bottom-color: #aaaaaa;
|
||||
border-top-color: #c5c5c5;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-7 > ul {
|
||||
background-color: #fafafa;
|
||||
border-bottom-color: #b5b5b5;
|
||||
border-top-color: #cccccc;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-tray-vertical .level-8 > ul {
|
||||
background-color: #dddddd;
|
||||
border-bottom-color: #cccccc;
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-themes {
|
||||
padding-top: 3rem !important;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal #toolbar-administration {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-has-tabs #toolbar-administration {
|
||||
min-height: 4em;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs #toolbar-administration {
|
||||
min-height: 2.5em;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-fixed.toolbar-vertical.toolbar-has-tabs, .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {
|
||||
padding-top: 1.8em !important;
|
||||
}
|
||||
|
||||
.adminimal.toolbar-fixed.toolbar-vertical.toolbar-no-tabs {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
/*# sourceMappingURL=mini_theme.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,450 @@
|
||||
/**
|
||||
* mini_theme
|
||||
* Theme styles for menus and other toolbar elements. SVG icons are styled in
|
||||
* the [theme]_icons.scss file, while click handles, e.g. origination buttons
|
||||
* are styled here.
|
||||
*/
|
||||
// Import global variables.
|
||||
@import "variables";
|
||||
|
||||
#toolbar-administration {
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: $font-size ;
|
||||
height: $tab-item-height * 2;
|
||||
background-color: #0f0f0f;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
|
||||
.toolbar-tab,
|
||||
.toolbar-item {
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-vertical &,
|
||||
.toolbar-no-tabs &,
|
||||
.toolbar-tab,
|
||||
.toolbar-tray {
|
||||
height: $tab-item-height;
|
||||
}
|
||||
|
||||
.toolbar-tray {
|
||||
top: $tab-item-height;
|
||||
}
|
||||
|
||||
.toolbar-tab,
|
||||
.toolbar-item {
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-item {
|
||||
padding: $toolbar-item-padding;
|
||||
}
|
||||
|
||||
.toolbar__link-label {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Toolbar bar.
|
||||
.toolbar-bar {
|
||||
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
background-color: #0f0f0f;
|
||||
color: #dddddd;
|
||||
|
||||
[dir="rtl"] & {
|
||||
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
.toolbar-item {
|
||||
color: #d8d8d8;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.is-active {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tab a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
}
|
||||
}
|
||||
|
||||
// Tour is a button.
|
||||
.tour-toolbar-tab {
|
||||
&.toolbar-tab {
|
||||
float: none; // Override tour module CSS.
|
||||
}
|
||||
|
||||
button.toolbar-item {
|
||||
padding: $toolbar-item-padding;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Toolbar tray.
|
||||
.toolbar-tray {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.toolbar-tray-vertical {
|
||||
background-color: #f5f5f5;
|
||||
border-right: 1px solid #aaaaaa;
|
||||
box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
|
||||
[dir="rtl"] & {
|
||||
border-left: 1px solid #aaaaaa;
|
||||
border-right: 0 none;
|
||||
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal {
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
|
||||
.toolbar-tray {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
[dir="rtl"] & {
|
||||
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
|
||||
.edit-shortcuts {
|
||||
float: none; // Override shortcut module CSS.
|
||||
position: absolute;
|
||||
right: 2.2em;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// No tabs, hide the box shadow and border.
|
||||
.no-tabs .toolbar-tray-horizontal {
|
||||
border-top: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.toolbar-tray a {
|
||||
color: #6f6f6f;
|
||||
cursor: pointer;
|
||||
padding: $toolbar-item-padding;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus,
|
||||
&.is-active {
|
||||
color: #494949;
|
||||
}
|
||||
|
||||
&.is-active[href="/"] {
|
||||
color: #6f6f6f;
|
||||
}
|
||||
}
|
||||
|
||||
// Orientation toggles and handles
|
||||
.toolbar-toggle-orientation {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
> .toolbar-lining {
|
||||
float: right;
|
||||
|
||||
[dir="rtl"] & {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
border-left: 1px solid #c9c9c9;
|
||||
|
||||
[dir="rtl"] & {
|
||||
border-left: 0 none;
|
||||
border-right: 1px solid #c9c9c9;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tab a:focus {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.toolbar-lining button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal a:focus {
|
||||
outline: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.toolbar-box a {
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:hover:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Handle.
|
||||
.toolbar-icon.toolbar-handle {
|
||||
width: 4em;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-icon.toolbar-handle {
|
||||
&:before {
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
&.open {
|
||||
&:before {
|
||||
color: #787878;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-toggle-orientation button.toolbar-icon {
|
||||
&:after,
|
||||
&:before {
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
&:hover:after,
|
||||
&:focus:before {
|
||||
color: #787878;
|
||||
}
|
||||
}
|
||||
|
||||
// Vertical.
|
||||
.toolbar-tray-vertical i.toolbar-icon {}
|
||||
|
||||
// Sub-menu indicator in drop menus.
|
||||
.toolbar-tray-horizontal {
|
||||
.toolbar-menu-administration > .toolbar-menu .toolbar-menu {
|
||||
.menu-item--expanded > a,
|
||||
.menu-item--expanded .toolbar-box > a {
|
||||
&:after {
|
||||
color: #bebebe;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Menu styles.
|
||||
.toolbar-menu {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.toolbar-menu,
|
||||
[dir="rtl"] .toolbar-menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.toolbar-tray-horizontal {
|
||||
|
||||
// Sub menus (drop downs)
|
||||
.toolbar-menu-administration {
|
||||
.toolbar-menu .toolbar-menu {
|
||||
box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.255);
|
||||
|
||||
.menu-item {
|
||||
border-top: 1px solid #ffffff;
|
||||
|
||||
&:first-child {
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
}
|
||||
|
||||
// Sub-sub menus
|
||||
.toolbar-menu {
|
||||
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.255);
|
||||
}
|
||||
|
||||
> .menu-item--expanded > .toolbar-menu {
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
+ .menu-item {
|
||||
[dir="rtl"] & {}
|
||||
|
||||
&:last-child {
|
||||
[dir="rtl"] & {}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
&:last-child {
|
||||
[dir="rtl"] & {}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-tray-vertical {
|
||||
height: 100%;
|
||||
|
||||
.toolbar-menu ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.open > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.toolbar-handle + a {
|
||||
margin-right: 3em;
|
||||
|
||||
[dir="rtl"] & {
|
||||
margin-left: 3em;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
+ .menu-item {
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
border: 0 none;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-menu ul ul {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.menu-item:last-child > ul {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.level-2 > ul {
|
||||
background-color: #fafafa;
|
||||
border-bottom-color: #cccccc;
|
||||
border-top-color: #e5e5e5;
|
||||
}
|
||||
|
||||
.level-3 > ul {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #c5c5c5;
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
|
||||
.level-4 > ul {
|
||||
background-color: #eeeeee;
|
||||
border-bottom-color: #bbbbbb;
|
||||
border-top-color: #d5d5d5;
|
||||
}
|
||||
|
||||
.level-5 > ul {
|
||||
background-color: #e5e5e5;
|
||||
border-bottom-color: #b5b5b5;
|
||||
border-top-color: #cccccc;
|
||||
}
|
||||
|
||||
.level-6 > ul {
|
||||
background-color: #eeeeee;
|
||||
border-bottom-color: #aaaaaa;
|
||||
border-top-color: #c5c5c5;
|
||||
}
|
||||
|
||||
.level-7 > ul {
|
||||
background-color: #fafafa;
|
||||
border-bottom-color: #b5b5b5;
|
||||
border-top-color: #cccccc;
|
||||
}
|
||||
|
||||
.level-8 > ul {
|
||||
background-color: #dddddd;
|
||||
border-bottom-color: #cccccc;
|
||||
border-top-color: #dddddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Support for the Adminimal admin theme.
|
||||
.adminimal {
|
||||
&.toolbar-tray-open {
|
||||
&.toolbar-fixed {
|
||||
&.toolbar-horizontal {
|
||||
&.toolbar-themes {
|
||||
padding-top: 3rem !important;
|
||||
}
|
||||
|
||||
#toolbar-administration {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
&.toolbar-has-tabs #toolbar-administration {
|
||||
min-height: 4em;
|
||||
}
|
||||
|
||||
&.toolbar-no-tabs #toolbar-administration {
|
||||
min-height: 2.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.toolbar-fixed.toolbar-vertical.toolbar-has-tabs,
|
||||
&.toolbar-tray-open.toolbar-fixed.toolbar-horizontal.toolbar-no-tabs {
|
||||
padding-top: 1.8em !important;
|
||||
}
|
||||
|
||||
&.toolbar-fixed.toolbar-vertical.toolbar-no-tabs {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,36 @@
|
||||
// Seven SCSS variables.
|
||||
|
||||
$font-family : "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", arial, sans-serif;
|
||||
$font-size : 0.8125rem;
|
||||
|
||||
$tap-highlight : rgba(0, 0, 0, 0);
|
||||
|
||||
$toolbar-bar-color : #595959;
|
||||
$toolbar-bar-background : #c9c9c2;
|
||||
$toolbar-submenu-background-color : #fcfcfc;
|
||||
|
||||
$drop-shadows : true;
|
||||
$drop-shadow-color : rgba(168, 168, 168, 0.65);
|
||||
$border-color : #e6e4df;
|
||||
|
||||
$tab-item-height : $font-size * 2;
|
||||
$toolbar-item-padding : 0.35em 0.95em .2em;
|
||||
|
||||
$tab-color : #595959;
|
||||
$tab-active-color : #1a1a1a;
|
||||
|
||||
$tray-color : #1a1a1a;
|
||||
$tray-active : #1a1a1a;
|
||||
$tray-background : #ebebe6;
|
||||
|
||||
$tray-vertical-background : $tray-background;
|
||||
$tray-border-color : #e6e4df;
|
||||
|
||||
$drop-menu-border-color : $border-color;
|
||||
$drop-menu-background : #f5f5f2;
|
||||
$sub-menu-indicator : #ccc;
|
||||
|
||||
$toggle-orientation-color : #bfbfba;
|
||||
$toggle-orientation-active : #1a1a1a;
|
||||
$toggle-orientation-border-color : #bfbfba;
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@@ -0,0 +1,46 @@
|
||||
/**
|
||||
* seven_icons
|
||||
*/
|
||||
#toolbar-administration .toolbar-icon {
|
||||
padding: 0 .25em 0 0;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
fill: #595959;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {
|
||||
width: 0.875em;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {
|
||||
fill: #1a1a1a;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 24em) {
|
||||
#toolbar-administration .toolbar-bar .home-toolbar-tab,
|
||||
#toolbar-administration .toolbar-bar .tour-toolbar-tab,
|
||||
#toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a {
|
||||
fill: #1a1a1a;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {
|
||||
fill: #1a1a1a;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a.is-active[href="/"] {
|
||||
fill: #1a1a1a;
|
||||
}
|
||||
|
||||
#toolbar-administration .toolbar-menu a:hover[href="/"], #toolbar-administration .toolbar-menu a:focus[href="/"], #toolbar-administration .toolbar-menu a:active[href="/"] {
|
||||
fill: #1a1a1a;
|
||||
}
|
||||
/*# sourceMappingURL=seven_icons.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["seven_icons.scss","_variables.scss","seven_icons.css"],"names":[],"mappings":"AAAA;;GAEG;AAgBH;EAGI,qBAAoB;CACrB;;AAJH;EAYU,cCZiC;CDalC;;AAbT;EAgBU,eAAc;CACf;;AAjBT;;;;EAyBc,cCxB6B;CDyB9B;;AAOX;EAjCF;;;IAuCM,cAAa;GACd;CE9BJ;;AFVD;EA+CM,cC5CqC;CDgEtC;;AAnEL;EAqDQ,cCjDmC;CDkDpC;;AAtDP;EAyDQ,cCtDmC;CDuDpC;;AA1DP;EAgEU,cC5DiC;CD6DlC","file":"seven_icons.css","sourcesContent":[null,null,"/**\n * seven_icons\n */\n#toolbar-administration .toolbar-icon {\n padding: 0 .25em 0 0;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon {\n fill: #595959;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper .toolbar-icon-menu {\n width: 0.875em;\n}\n\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:hover .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a:active .toolbar-icon, #toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper a.is-active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:hover .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button:active .toolbar-icon,\n#toolbar-administration .toolbar-bar .toolbar-tab .toolbar-tab__items-wrapper button.is-active .toolbar-icon {\n fill: #1a1a1a;\n}\n\n@media only screen and (max-width: 24em) {\n #toolbar-administration .toolbar-bar .home-toolbar-tab,\n #toolbar-administration .toolbar-bar .tour-toolbar-tab,\n #toolbar-administration .toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {\n display: none;\n }\n}\n\n#toolbar-administration .toolbar-menu a {\n fill: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-menu a:hover, #toolbar-administration .toolbar-menu a:focus, #toolbar-administration .toolbar-menu a:active, #toolbar-administration .toolbar-menu a.is-active {\n fill: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-menu a.is-active[href=\"/\"] {\n fill: #1a1a1a;\n}\n\n#toolbar-administration .toolbar-menu a:hover[href=\"/\"], #toolbar-administration .toolbar-menu a:focus[href=\"/\"], #toolbar-administration .toolbar-menu a:active[href=\"/\"] {\n fill: #1a1a1a;\n}\n\n/*# sourceMappingURL=seven_icons.css.map */"]}
|
||||
@@ -0,0 +1,90 @@
|
||||
/**
|
||||
* seven_icons
|
||||
*/
|
||||
|
||||
// Import global variables.
|
||||
@import "variables";
|
||||
|
||||
|
||||
// Most icons are embedded SVG. Icons are embedded using Grunticon. We are using
|
||||
// the original SVG icons from Drupal core, however the width and height
|
||||
// attribute have been replaced with a viewBox attribute so we can scale them
|
||||
// properly with CSS. Embedded SVG has the advantage of being styled with CSS,
|
||||
// and by using Grunticon JS loading we negate most of the bloat and overhead
|
||||
// associated with embedding SVG files. For the buttons (orientation toggles &
|
||||
// menu click handles), and for sub-menu indicators we use a custom font icon
|
||||
// that is tiny and only includes four icons. We rotate and color these in CSS
|
||||
// as required.
|
||||
|
||||
#toolbar-administration {
|
||||
|
||||
.toolbar-icon {
|
||||
padding: 0 .25em 0 0;
|
||||
}
|
||||
|
||||
|
||||
// Top level icons.
|
||||
.toolbar-bar {
|
||||
.toolbar-tab {
|
||||
.toolbar-tab__items-wrapper {
|
||||
.toolbar-icon {
|
||||
fill: $tab-color ;
|
||||
}
|
||||
|
||||
.toolbar-icon-menu {
|
||||
width: 0.875em;
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
&:hover,
|
||||
&:active,
|
||||
&.is-active {
|
||||
.toolbar-icon {
|
||||
fill: $tab-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 24em) {
|
||||
// Toolbar-themes module cannot hide the text, so instead we remove the
|
||||
// icons and other redundant tabs in narrow screens.
|
||||
.toolbar-bar .home-toolbar-tab,
|
||||
.toolbar-bar .tour-toolbar-tab,
|
||||
.toolbar-bar .toolbar-tab__items-wrapper .toolbar-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Main menu icons.
|
||||
.toolbar-menu {
|
||||
a {
|
||||
fill: $tray-color;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.is-active {
|
||||
fill: $tray-active;
|
||||
}
|
||||
|
||||
&.is-active[href="/"] {
|
||||
fill: $tray-color;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
&[href="/"] {
|
||||
fill: $tray-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user