OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

CSS fixes for Firefox

Browse Source
This commit is contained in:
squidfunk 2016-12-29 11:48:59 +01:00
parent 9f3dde3957
commit a1105b81f1
8 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/tasks/assets/javascripts/build/application.js
View File

@ -39,9 +39,13 @@ export default (gulp, config, args) => {
.pipe( .pipe(
stream({ stream({
entry: [ entry: [
/* Polyfills */
"core-js/fn/promise", "core-js/fn/promise",
"custom-event-polyfill", "custom-event-polyfill",
"whatwg-fetch", "whatwg-fetch",
/* Main entry point */
"application.js" "application.js"
], ],
output: { output: {

1
material/assets/stylesheets/application-0352baa348.palette.css Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/application-4791f8c70f.css Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/application-4bd030561c.palette.css
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/application-fa9357cbe4.css
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -36,9 +36,9 @@
{% include "partials/fonts.html" %} {% include "partials/fonts.html" %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-fa9357cbe4.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-4791f8c70f.css">
{% if config.extra.palette %} {% if config.extra.palette %}
<link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-4bd030561c.palette.css"> <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-0352baa348.palette.css">
{% endif %} {% endif %}
{% for path in extra_css %} {% for path in extra_css %}
<link rel="stylesheet" href="{{ path }}"> <link rel="stylesheet" href="{{ path }}">

5
src/assets/stylesheets/application.palette.scss
View File

@ -44,8 +44,9 @@
// Color tile // Color tile
button[data-md-color-primary], button[data-md-color-primary],
button[data-md-color-accent] { button[data-md-color-accent] {
width: 10.0rem; width: 13.0rem;
padding: 0.4rem 0.8rem; margin-bottom: 0.4rem;
padding: 2.4rem 0.8rem 0.4rem;
transition: transition:
background-color 0.25s, background-color 0.25s,
opacity 0.25s; opacity 0.25s;

10
src/assets/stylesheets/layout/_base.scss
View File

@ -110,6 +110,16 @@ hr {
// If the browser supports calc(), no JavaScript is necessary // If the browser supports calc(), no JavaScript is necessary
.csscalc & { .csscalc & {
min-height: calc(100% - #{5.6rem - 3.0rem}); min-height: calc(100% - #{5.6rem - 3.0rem});
// Hack: Firefox doesn't correctly calculate min-height, as it takes the
// top margin into account which leads to the container overflowing its
// parent. For this reason we use this hack here to target only Firefox
// and see if we can find a better solution later.
@-moz-document url-prefix() {
& {
min-height: calc(100% - 5.6rem);
}
}
} }
} }
} }