+ file_download
DOWNLOAD
+ file_download
DOWNLOAD
- 
+ favorite_border
GITTIP
- 
+ info_outline
ISSUES
@@ -606,12 +611,14 @@
- - - - - - + grade + grade + + grade + grade + grade + grade + grade
@@ -780,1014 +787,22 @@Material Design for Bootstrap includes 740 original Material Design icons!
+
Bootstrap Material Design supports the full range of original Material Design icons!
These icons come directly from the
- Google Material Design Icons repository.
- We provide them as an iconic font easy to use.
+ See the full set of material design icons at the material icons library.
Variations are available for every icon, included for the original Bootstrap icons.
-
Example:
-
-
-
-
+
+
+ It’s easy to incorporate icons into your web page. Here’s a small example:
+
+ <i class="material-icons">face</i>
+ face
The label is inside the input-group so that it is positioned properly as a placeholder.
Donec id elit non mi porta gravida at eget metus.
@@ -2555,10 +1570,10 @@Maecenas sed diam eget risus varius blandit.
@@ -2567,10 +1582,10 @@Maecenas sed diam eget risus varius blandit.
diff --git a/demo/imgs/download.png b/demo/imgs/download.png deleted file mode 100644 index 02938581..00000000 Binary files a/demo/imgs/download.png and /dev/null differ diff --git a/demo/imgs/gittip.png b/demo/imgs/gittip.png deleted file mode 100644 index 11f69286..00000000 Binary files a/demo/imgs/gittip.png and /dev/null differ diff --git a/demo/imgs/issue.png b/demo/imgs/issue.png deleted file mode 100644 index 1facf7e2..00000000 Binary files a/demo/imgs/issue.png and /dev/null differ diff --git a/dist-remove-me-post-050/css/material.css b/dist-remove-me-post-050/css/material.css index 7aaf5921..d2ce921c 100644 --- a/dist-remove-me-post-050/css/material.css +++ b/dist-remove-me-post-050/css/material.css @@ -3750,8 +3750,8 @@ body .jumbotron-material-blue-grey, } .btn.btn-fab, .input-group-btn .btn.btn-fab, -.btn.btn-fab .ripple-wrapper, -.input-group-btn .btn.btn-fab .ripple-wrapper { +.btn.btn-fab .ripple-container, +.input-group-btn .btn.btn-fab .ripple-container { border-radius: 100%; } .btn.btn-fab.btn-fab-mini, @@ -9075,4 +9075,4 @@ hr.on-light { pointer-events: none; color: #757575; } -/*# sourceMappingURL=material.css.map */ \ No newline at end of file +/*# sourceMappingURL=material.css.map */ diff --git a/dist-remove-me-post-050/css/ripples.css b/dist-remove-me-post-050/css/ripples.css index 1e6f852f..9fa99340 100644 --- a/dist-remove-me-post-050/css/ripples.css +++ b/dist-remove-me-post-050/css/ripples.css @@ -1,7 +1,7 @@ .withripple { position: relative; } -.ripple-wrapper { +.ripple-container { position: absolute; top: 0; left: 0; @@ -44,4 +44,4 @@ transition: opacity 0.1s linear 0s !important; opacity: 0; } -/*# sourceMappingURL=ripples.css.map */ \ No newline at end of file +/*# sourceMappingURL=ripples.css.map */ diff --git a/dist-remove-me-post-050/css/ripples.css.map b/dist-remove-me-post-050/css/ripples.css.map index e313b3b8..5ce32b32 100644 --- a/dist-remove-me-post-050/css/ripples.css.map +++ b/dist-remove-me-post-050/css/ripples.css.map @@ -1 +1 @@ -{"version":3,"sources":["/less/ripples.less","ripples.css"],"names":[],"mappings":"AAAA;EACI,mBAAA;CCCH;ADCD;EACI,mBAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,uBAAA;EACA,qBAAA;CCCH;ADCD;EACI,mBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,uBAAA;EACA,sCAAA;EACA,4BAAA;MAAA,wBAAA;OAAA,uBAAA;UAAA,oBAAA;EACA,8BAAA;MAAA,0BAAA;OAAA,yBAAA;UAAA,sBAAA;EACA,WAAA;EACA,qBAAA;CCCH;ADCD;EACI,uGAAA;OAAA,6FAAA;UAAA,uFAAA;EACA,aAAA;CCCH;ADCD;EACI,sDAAA;OAAA,iDAAA;UAAA,8CAAA;EACA,WAAA;CCCH","file":"ripples.css","sourcesContent":[".withripple {\n position: relative;\n}\n.ripple-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n pointer-events: none;\n}\n.ripple {\n position: absolute;\n width: 20px;\n height: 20px;\n margin-left: -10px;\n margin-top: -10px;\n border-radius: 100%;\n background-color: #000; // fallback color\n background-color: rgba(0,0,0,0.05);\n transform: scale(1);\n transform-origin: 50%;\n opacity: 0;\n pointer-events: none;\n}\n.ripple.ripple-on {\n transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;\n opacity: 0.1;\n}\n.ripple.ripple-out {\n transition: opacity 0.1s linear 0s !important;\n opacity: 0;\n}\n",".withripple {\n position: relative;\n}\n.ripple-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n pointer-events: none;\n}\n.ripple {\n position: absolute;\n width: 20px;\n height: 20px;\n margin-left: -10px;\n margin-top: -10px;\n border-radius: 100%;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.05);\n transform: scale(1);\n transform-origin: 50%;\n opacity: 0;\n pointer-events: none;\n}\n.ripple.ripple-on {\n transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;\n opacity: 0.1;\n}\n.ripple.ripple-out {\n transition: opacity 0.1s linear 0s !important;\n opacity: 0;\n}\n/*# sourceMappingURL=ripples.css.map */"]} \ No newline at end of file +{"version":3,"sources":["/less/ripples.less","ripples.css"],"names":[],"mappings":"AAAA;EACI,mBAAA;CCCH;ADCD;EACI,mBAAA;EACA,OAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,uBAAA;EACA,qBAAA;CCCH;ADCD;EACI,mBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,uBAAA;EACA,sCAAA;EACA,4BAAA;MAAA,wBAAA;OAAA,uBAAA;UAAA,oBAAA;EACA,8BAAA;MAAA,0BAAA;OAAA,yBAAA;UAAA,sBAAA;EACA,WAAA;EACA,qBAAA;CCCH;ADCD;EACI,uGAAA;OAAA,6FAAA;UAAA,uFAAA;EACA,aAAA;CCCH;ADCD;EACI,sDAAA;OAAA,iDAAA;UAAA,8CAAA;EACA,WAAA;CCCH","file":"ripples.css","sourcesContent":[".withripple {\n position: relative;\n}\n.ripple-container {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n pointer-events: none;\n}\n.ripple {\n position: absolute;\n width: 20px;\n height: 20px;\n margin-left: -10px;\n margin-top: -10px;\n border-radius: 100%;\n background-color: #000; // fallback color\n background-color: rgba(0,0,0,0.05);\n transform: scale(1);\n transform-origin: 50%;\n opacity: 0;\n pointer-events: none;\n}\n.ripple.ripple-on {\n transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;\n opacity: 0.1;\n}\n.ripple.ripple-out {\n transition: opacity 0.1s linear 0s !important;\n opacity: 0;\n}\n",".withripple {\n position: relative;\n}\n.ripple-container {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n pointer-events: none;\n}\n.ripple {\n position: absolute;\n width: 20px;\n height: 20px;\n margin-left: -10px;\n margin-top: -10px;\n border-radius: 100%;\n background-color: #000;\n background-color: rgba(0, 0, 0, 0.05);\n transform: scale(1);\n transform-origin: 50%;\n opacity: 0;\n pointer-events: none;\n}\n.ripple.ripple-on {\n transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;\n opacity: 0.1;\n}\n.ripple.ripple-out {\n transition: opacity 0.1s linear 0s !important;\n opacity: 0;\n}\n/*# sourceMappingURL=ripples.css.map */"]} diff --git a/dist-remove-me-post-050/css/roboto.css.map b/dist-remove-me-post-050/css/roboto.css.map deleted file mode 100644 index cf70e2d8..00000000 --- a/dist-remove-me-post-050/css/roboto.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["roboto.css","/less/roboto.less"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCE;ACjCF;EACE,2BAAA;EACA,mBAAA;EACA,iBAAA;EAEA,0MAAA;CDkCD;AC3BD;EACE,2BAAA;EACA,mBAAA;EACA,iBAAA;EAEA,6MAAA;CD4BD;ACrBD;EACE,2BAAA;EACA,mBAAA;EACA,iBAAA;EAEA,mMAAA;CDsBD;ACfD;EACE,2BAAA;EACA,mBAAA;EACA,iBAAA;EAEA,6MAAA;CDgBD","file":"roboto.css","sourcesContent":["/*\n\nTo get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette\n\nThen, run this script to get the list.\n\n\n(function() {\n var colors = {}, main = {};\n $(\".color-group\").each(function() {\n var color = $(this).find(\".name\").text().trim().toLowerCase().replace(\" \", \"-\");\n colors[color] = {};\n\n $(this).find(\".color\").not(\".main-color\").each(function() {\n var shade = $(this).find(\".shade\").text().trim(),\n hex = $(this).find(\".hex\").text().trim();\n\n colors[color][shade] = hex;\n });\n main[color] = color + \"-\" + $(this).find(\".main-color .shade\").text().trim();\n\n });\n var LESS = \"\";\n $.each(colors, function(name, shades) {\n LESS += \"\\n\\n\";\n $.each(shades, function(shade, hex) {\n LESS += \"@\" + name + \"-\" + shade + \": \" + hex + \";\\n\";\n });\n if (main[name]) {\n LESS += \"@\" + name + \": \" + main[name] + \";\\n\";\n }\n });\n console.log(LESS);\n})();\n\n\n*/\n@font-face {\n font-family: 'RobotoDraft';\n font-style: normal;\n font-weight: 400;\n src: local('RobotoDraft'), local('RobotoDraft-Regular'), local('Roboto-Regular'), url('../fonts/RobotoDraftRegular.woff2?#iefix') format('woff2'), url('../fonts/RobotoDraftRegular.woff') format('woff');\n}\n@font-face {\n font-family: 'RobotoDraft';\n font-style: normal;\n font-weight: 500;\n src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), local('Roboto-Medium'), url('../fonts/RobotoDraftMedium.woff2?#iefix') format('woff2'), url('../fonts/RobotoDraftMedium.woff') format('woff');\n}\n@font-face {\n font-family: 'RobotoDraft';\n font-style: normal;\n font-weight: 700;\n src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), local('Roboto-Bold'), url('../fonts/RobotoDraftBold.woff2?#iefix') format('woff2'), url('../fonts/RobotoDraftBold.woff') format('woff');\n}\n@font-face {\n font-family: 'RobotoDraft';\n font-style: italic;\n font-weight: 400;\n src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), local('Roboto-Italic'), url('../fonts/RobotoDraftItalic.woff2?#iefix') format('woff2'), url('../fonts/RobotoDraftItalic.woff') format('woff');\n}\n/*# sourceMappingURL=roboto.css.map */","@import \"_colors.less\";\n@import \"_variables.less\";\n\n@font-face {\n font-family: 'RobotoDraft';\n font-style: normal;\n font-weight: 400;\n //src: local('RobotoDraft'), local('RobotoDraft-Regular'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');\n src: local('RobotoDraft'),\n local('RobotoDraft-Regular'),\n local('Roboto-Regular'),\n url('@{mdb-font-path}/RobotoDraftRegular.woff2?#iefix') format('woff2'),\n url('@{mdb-font-path}/RobotoDraftRegular.woff') format('woff');\n}\n\n@font-face {\n font-family: 'RobotoDraft';\n font-style: normal;\n font-weight: 500;\n //src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwXJuJo8UJJfpGKt7pXjBv4s.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwaTA90I55Xt7owhZwpPnMsc.woff) format('woff');\n src: local('RobotoDraft Medium'),\n local('RobotoDraft-Medium'),\n local('Roboto-Medium'),\n url('@{mdb-font-path}/RobotoDraftMedium.woff2?#iefix') format('woff2'),\n url('@{mdb-font-path}/RobotoDraftMedium.woff') format('woff');\n}\n\n@font-face {\n font-family: 'RobotoDraft';\n font-style: normal;\n font-weight: 700;\n //src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-Vwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwRbnBKKEOwRKgsHDreGcocg.woff) format('woff');\n src: local('RobotoDraft Bold'),\n local('RobotoDraft-Bold'),\n local('Roboto-Bold'),\n url('@{mdb-font-path}/RobotoDraftBold.woff2?#iefix') format('woff2'),\n url('@{mdb-font-path}/RobotoDraftBold.woff') format('woff');\n}\n\n@font-face {\n font-family: 'RobotoDraft';\n font-style: italic;\n font-weight: 400;\n //src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfgeOulFbQKHxPa89BaxZzA0.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfoo3ZslTYfJv0R05CazkwN8.woff) format('woff');\n src: local('RobotoDraft Italic'),\n local('RobotoDraft-Italic'),\n local('Roboto-Italic'),\n url('@{mdb-font-path}/RobotoDraftItalic.woff2?#iefix') format('woff2'),\n url('@{mdb-font-path}/RobotoDraftItalic.woff') format('woff');\n}\n"]} \ No newline at end of file diff --git a/docs/_includes/header.html b/docs/_includes/header.html index 245c5de9..47fa1837 100644 --- a/docs/_includes/header.html +++ b/docs/_includes/header.html @@ -12,15 +12,19 @@ {% endif %} - - - + + + + + + + {% if site.github %} {% else %} - + {% endif %} diff --git a/fonts/LICENSE.txt b/fonts/LICENSE.txt deleted file mode 100644 index 3d3a106d..00000000 --- a/fonts/LICENSE.txt +++ /dev/null @@ -1,428 +0,0 @@ -https://github.com/google/material-design-icons/blob/master/LICENSE - - -Attribution-ShareAlike 4.0 International - -======================================================================= - -Creative Commons Corporation ("Creative Commons") is not a law firm and -does not provide legal services or legal advice. Distribution of -Creative Commons public licenses does not create a lawyer-client or -other relationship. Creative Commons makes its licenses and related -information available on an "as-is" basis. Creative Commons gives no -warranties regarding its licenses, any material licensed under their -terms and conditions, or any related information. Creative Commons -disclaims all liability for damages resulting from their use to the -fullest extent possible. - -Using Creative Commons Public Licenses - -Creative Commons public licenses provide a standard set of terms and -conditions that creators and other rights holders may use to share -original works of authorship and other material subject to copyright -and certain other rights specified in the public license below. The -following considerations are for informational purposes only, are not -exhaustive, and do not form part of our licenses. - - Considerations for licensors: Our public licenses are - intended for use by those authorized to give the public - permission to use material in ways otherwise restricted by - copyright and certain other rights. Our licenses are - irrevocable. Licensors should read and understand the terms - and conditions of the license they choose before applying it. - Licensors should also secure all rights necessary before - applying our licenses so that the public can reuse the - material as expected. Licensors should clearly mark any - material not subject to the license. This includes other CC- - licensed material, or material used under an exception or - limitation to copyright. More considerations for licensors: - wiki.creativecommons.org/Considerations_for_licensors - - Considerations for the public: By using one of our public - licenses, a licensor grants the public permission to use the - licensed material under specified terms and conditions. If - the licensor's permission is not necessary for any reason--for - example, because of any applicable exception or limitation to - copyright--then that use is not regulated by the license. Our - licenses grant only permissions under copyright and certain - other rights that a licensor has authority to grant. Use of - the licensed material may still be restricted for other - reasons, including because others have copyright or other - rights in the material. A licensor may make special requests, - such as asking that all changes be marked or described. - Although not required by our licenses, you are encouraged to - respect those requests where reasonable. More_considerations - for the public: - wiki.creativecommons.org/Considerations_for_licensees - -======================================================================= - -Creative Commons Attribution-ShareAlike 4.0 International Public -License - -By exercising the Licensed Rights (defined below), You accept and agree -to be bound by the terms and conditions of this Creative Commons -Attribution-ShareAlike 4.0 International Public License ("Public -License"). To the extent this Public License may be interpreted as a -contract, You are granted the Licensed Rights in consideration of Your -acceptance of these terms and conditions, and the Licensor grants You -such rights in consideration of benefits the Licensor receives from -making the Licensed Material available under these terms and -conditions. - - -Section 1 -- Definitions. - - a. Adapted Material means material subject to Copyright and Similar - Rights that is derived from or based upon the Licensed Material - and in which the Licensed Material is translated, altered, - arranged, transformed, or otherwise modified in a manner requiring - permission under the Copyright and Similar Rights held by the - Licensor. For purposes of this Public License, where the Licensed - Material is a musical work, performance, or sound recording, - Adapted Material is always produced where the Licensed Material is - synched in timed relation with a moving image. - - b. Adapter's License means the license You apply to Your Copyright - and Similar Rights in Your contributions to Adapted Material in - accordance with the terms and conditions of this Public License. - - c. BY-SA Compatible License means a license listed at - creativecommons.org/compatiblelicenses, approved by Creative - Commons as essentially the equivalent of this Public License. - - d. Copyright and Similar Rights means copyright and/or similar rights - closely related to copyright including, without limitation, - performance, broadcast, sound recording, and Sui Generis Database - Rights, without regard to how the rights are labeled or - categorized. For purposes of this Public License, the rights - specified in Section 2(b)(1)-(2) are not Copyright and Similar - Rights. - - e. Effective Technological Measures means those measures that, in the - absence of proper authority, may not be circumvented under laws - fulfilling obligations under Article 11 of the WIPO Copyright - Treaty adopted on December 20, 1996, and/or similar international - agreements. - - f. Exceptions and Limitations means fair use, fair dealing, and/or - any other exception or limitation to Copyright and Similar Rights - that applies to Your use of the Licensed Material. - - g. License Elements means the license attributes listed in the name - of a Creative Commons Public License. The License Elements of this - Public License are Attribution and ShareAlike. - - h. Licensed Material means the artistic or literary work, database, - or other material to which the Licensor applied this Public - License. - - i. Licensed Rights means the rights granted to You subject to the - terms and conditions of this Public License, which are limited to - all Copyright and Similar Rights that apply to Your use of the - Licensed Material and that the Licensor has authority to license. - - j. Licensor means the individual(s) or entity(ies) granting rights - under this Public License. - - k. Share means to provide material to the public by any means or - process that requires permission under the Licensed Rights, such - as reproduction, public display, public performance, distribution, - dissemination, communication, or importation, and to make material - available to the public including in ways that members of the - public may access the material from a place and at a time - individually chosen by them. - - l. Sui Generis Database Rights means rights other than copyright - resulting from Directive 96/9/EC of the European Parliament and of - the Council of 11 March 1996 on the legal protection of databases, - as amended and/or succeeded, as well as other essentially - equivalent rights anywhere in the world. - - m. You means the individual or entity exercising the Licensed Rights - under this Public License. Your has a corresponding meaning. - - -Section 2 -- Scope. - - a. License grant. - - 1. Subject to the terms and conditions of this Public License, - the Licensor hereby grants You a worldwide, royalty-free, - non-sublicensable, non-exclusive, irrevocable license to - exercise the Licensed Rights in the Licensed Material to: - - a. reproduce and Share the Licensed Material, in whole or - in part; and - - b. produce, reproduce, and Share Adapted Material. - - 2. Exceptions and Limitations. For the avoidance of doubt, where - Exceptions and Limitations apply to Your use, this Public - License does not apply, and You do not need to comply with - its terms and conditions. - - 3. Term. The term of this Public License is specified in Section - 6(a). - - 4. Media and formats; technical modifications allowed. The - Licensor authorizes You to exercise the Licensed Rights in - all media and formats whether now known or hereafter created, - and to make technical modifications necessary to do so. The - Licensor waives and/or agrees not to assert any right or - authority to forbid You from making technical modifications - necessary to exercise the Licensed Rights, including - technical modifications necessary to circumvent Effective - Technological Measures. For purposes of this Public License, - simply making modifications authorized by this Section 2(a) - (4) never produces Adapted Material. - - 5. Downstream recipients. - - a. Offer from the Licensor -- Licensed Material. Every - recipient of the Licensed Material automatically - receives an offer from the Licensor to exercise the - Licensed Rights under the terms and conditions of this - Public License. - - b. Additional offer from the Licensor -- Adapted Material. - Every recipient of Adapted Material from You - automatically receives an offer from the Licensor to - exercise the Licensed Rights in the Adapted Material - under the conditions of the Adapter's License You apply. - - c. No downstream restrictions. You may not offer or impose - any additional or different terms or conditions on, or - apply any Effective Technological Measures to, the - Licensed Material if doing so restricts exercise of the - Licensed Rights by any recipient of the Licensed - Material. - - 6. No endorsement. Nothing in this Public License constitutes or - may be construed as permission to assert or imply that You - are, or that Your use of the Licensed Material is, connected - with, or sponsored, endorsed, or granted official status by, - the Licensor or others designated to receive attribution as - provided in Section 3(a)(1)(A)(i). - - b. Other rights. - - 1. Moral rights, such as the right of integrity, are not - licensed under this Public License, nor are publicity, - privacy, and/or other similar personality rights; however, to - the extent possible, the Licensor waives and/or agrees not to - assert any such rights held by the Licensor to the limited - extent necessary to allow You to exercise the Licensed - Rights, but not otherwise. - - 2. Patent and trademark rights are not licensed under this - Public License. - - 3. To the extent possible, the Licensor waives any right to - collect royalties from You for the exercise of the Licensed - Rights, whether directly or through a collecting society - under any voluntary or waivable statutory or compulsory - licensing scheme. In all other cases the Licensor expressly - reserves any right to collect such royalties. - - -Section 3 -- License Conditions. - -Your exercise of the Licensed Rights is expressly made subject to the -following conditions. - - a. Attribution. - - 1. If You Share the Licensed Material (including in modified - form), You must: - - a. retain the following if it is supplied by the Licensor - with the Licensed Material: - - i. identification of the creator(s) of the Licensed - Material and any others designated to receive - attribution, in any reasonable manner requested by - the Licensor (including by pseudonym if - designated); - - ii. a copyright notice; - - iii. a notice that refers to this Public License; - - iv. a notice that refers to the disclaimer of - warranties; - - v. a URI or hyperlink to the Licensed Material to the - extent reasonably practicable; - - b. indicate if You modified the Licensed Material and - retain an indication of any previous modifications; and - - c. indicate the Licensed Material is licensed under this - Public License, and include the text of, or the URI or - hyperlink to, this Public License. - - 2. You may satisfy the conditions in Section 3(a)(1) in any - reasonable manner based on the medium, means, and context in - which You Share the Licensed Material. For example, it may be - reasonable to satisfy the conditions by providing a URI or - hyperlink to a resource that includes the required - information. - - 3. If requested by the Licensor, You must remove any of the - information required by Section 3(a)(1)(A) to the extent - reasonably practicable. - - b. ShareAlike. - - In addition to the conditions in Section 3(a), if You Share - Adapted Material You produce, the following conditions also apply. - - 1. The Adapter's License You apply must be a Creative Commons - license with the same License Elements, this version or - later, or a BY-SA Compatible License. - - 2. You must include the text of, or the URI or hyperlink to, the - Adapter's License You apply. You may satisfy this condition - in any reasonable manner based on the medium, means, and - context in which You Share Adapted Material. - - 3. You may not offer or impose any additional or different terms - or conditions on, or apply any Effective Technological - Measures to, Adapted Material that restrict exercise of the - rights granted under the Adapter's License You apply. - - -Section 4 -- Sui Generis Database Rights. - -Where the Licensed Rights include Sui Generis Database Rights that -apply to Your use of the Licensed Material: - - a. for the avoidance of doubt, Section 2(a)(1) grants You the right - to extract, reuse, reproduce, and Share all or a substantial - portion of the contents of the database; - - b. if You include all or a substantial portion of the database - contents in a database in which You have Sui Generis Database - Rights, then the database in which You have Sui Generis Database - Rights (but not its individual contents) is Adapted Material, - - including for purposes of Section 3(b); and - c. You must comply with the conditions in Section 3(a) if You Share - all or a substantial portion of the contents of the database. - -For the avoidance of doubt, this Section 4 supplements and does not -replace Your obligations under this Public License where the Licensed -Rights include other Copyright and Similar Rights. - - -Section 5 -- Disclaimer of Warranties and Limitation of Liability. - - a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE - EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS - AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF - ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, - IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, - WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR - PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, - ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT - KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT - ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. - - b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE - TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, - NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, - INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, - COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR - USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN - ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR - DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR - IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. - - c. The disclaimer of warranties and limitation of liability provided - above shall be interpreted in a manner that, to the extent - possible, most closely approximates an absolute disclaimer and - waiver of all liability. - - -Section 6 -- Term and Termination. - - a. This Public License applies for the term of the Copyright and - Similar Rights licensed here. However, if You fail to comply with - this Public License, then Your rights under this Public License - terminate automatically. - - b. Where Your right to use the Licensed Material has terminated under - Section 6(a), it reinstates: - - 1. automatically as of the date the violation is cured, provided - it is cured within 30 days of Your discovery of the - violation; or - - 2. upon express reinstatement by the Licensor. - - For the avoidance of doubt, this Section 6(b) does not affect any - right the Licensor may have to seek remedies for Your violations - of this Public License. - - c. For the avoidance of doubt, the Licensor may also offer the - Licensed Material under separate terms or conditions or stop - distributing the Licensed Material at any time; however, doing so - will not terminate this Public License. - - d. Sections 1, 5, 6, 7, and 8 survive termination of this Public - License. - - -Section 7 -- Other Terms and Conditions. - - a. The Licensor shall not be bound by any additional or different - terms or conditions communicated by You unless expressly agreed. - - b. Any arrangements, understandings, or agreements regarding the - Licensed Material not stated herein are separate from and - independent of the terms and conditions of this Public License. - - -Section 8 -- Interpretation. - - a. For the avoidance of doubt, this Public License does not, and - shall not be interpreted to, reduce, limit, restrict, or impose - conditions on any use of the Licensed Material that could lawfully - be made without permission under this Public License. - - b. To the extent possible, if any provision of this Public License is - deemed unenforceable, it shall be automatically reformed to the - minimum extent necessary to make it enforceable. If the provision - cannot be reformed, it shall be severed from this Public License - without affecting the enforceability of the remaining terms and - conditions. - - c. No term or condition of this Public License will be waived and no - failure to comply consented to unless expressly agreed to by the - Licensor. - - d. Nothing in this Public License constitutes or may be interpreted - as a limitation upon, or waiver of, any privileges and immunities - that apply to the Licensor or You, including from the legal - processes of any jurisdiction or authority. - - -======================================================================= - -Creative Commons is not a party to its public licenses. -Notwithstanding, Creative Commons may elect to apply one of its public -licenses to material it publishes and in those instances will be -considered the "Licensor." Except for the limited purpose of indicating -that material is shared under a Creative Commons public license or as -otherwise permitted by the Creative Commons policies published at -creativecommons.org/policies, Creative Commons does not authorize the -use of the trademark "Creative Commons" or any other trademark or logo -of Creative Commons without its prior written consent including, -without limitation, in connection with any unauthorized modifications -to any of its public licenses or any other arrangements, -understandings, or agreements concerning use of licensed material. For -the avoidance of doubt, this paragraph does not form part of the public -licenses. - -Creative Commons may be contacted at creativecommons.org. diff --git a/fonts/Material-Design-Icons.eot b/fonts/Material-Design-Icons.eot deleted file mode 100755 index d9c296e4..00000000 Binary files a/fonts/Material-Design-Icons.eot and /dev/null differ diff --git a/fonts/Material-Design-Icons.svg b/fonts/Material-Design-Icons.svg deleted file mode 100755 index def1e9b5..00000000 --- a/fonts/Material-Design-Icons.svg +++ /dev/null @@ -1,769 +0,0 @@ - - - \ No newline at end of file diff --git a/fonts/Material-Design-Icons.ttf b/fonts/Material-Design-Icons.ttf deleted file mode 100755 index e12f0cc4..00000000 Binary files a/fonts/Material-Design-Icons.ttf and /dev/null differ diff --git a/fonts/Material-Design-Icons.woff b/fonts/Material-Design-Icons.woff deleted file mode 100755 index 201581f2..00000000 Binary files a/fonts/Material-Design-Icons.woff and /dev/null differ diff --git a/fonts/RobotoDraftBold.woff b/fonts/RobotoDraftBold.woff deleted file mode 100644 index 493e21f6..00000000 Binary files a/fonts/RobotoDraftBold.woff and /dev/null differ diff --git a/fonts/RobotoDraftBold.woff2 b/fonts/RobotoDraftBold.woff2 deleted file mode 100644 index da131504..00000000 Binary files a/fonts/RobotoDraftBold.woff2 and /dev/null differ diff --git a/fonts/RobotoDraftItalic.woff b/fonts/RobotoDraftItalic.woff deleted file mode 100644 index 35f31cad..00000000 Binary files a/fonts/RobotoDraftItalic.woff and /dev/null differ diff --git a/fonts/RobotoDraftItalic.woff2 b/fonts/RobotoDraftItalic.woff2 deleted file mode 100644 index 83c263a9..00000000 Binary files a/fonts/RobotoDraftItalic.woff2 and /dev/null differ diff --git a/fonts/RobotoDraftMedium.woff b/fonts/RobotoDraftMedium.woff deleted file mode 100644 index bd83575b..00000000 Binary files a/fonts/RobotoDraftMedium.woff and /dev/null differ diff --git a/fonts/RobotoDraftMedium.woff2 b/fonts/RobotoDraftMedium.woff2 deleted file mode 100644 index 37c34a5e..00000000 Binary files a/fonts/RobotoDraftMedium.woff2 and /dev/null differ diff --git a/fonts/RobotoDraftRegular.woff b/fonts/RobotoDraftRegular.woff deleted file mode 100644 index ade8483a..00000000 Binary files a/fonts/RobotoDraftRegular.woff and /dev/null differ diff --git a/fonts/RobotoDraftRegular.woff2 b/fonts/RobotoDraftRegular.woff2 deleted file mode 100644 index 8d3f4976..00000000 Binary files a/fonts/RobotoDraftRegular.woff2 and /dev/null differ diff --git a/index.html b/index.html index 6968086b..028475bd 100644 --- a/index.html +++ b/index.html @@ -9,11 +9,14 @@ + + + + - diff --git a/less/_alerts.less b/less/_alerts.less index 224e0903..dd7fa7a0 100755 --- a/less/_alerts.less +++ b/less/_alerts.less @@ -3,22 +3,22 @@ border-radius: 0; // SASS conversion note: please mirror any content change in _mixins-shared.scss alert-variations-content - .generic-variations(~"", @darkbg-text, { - background-color: @mdb-color; - color: @mdb-text-color; + .generic-variations(~".alert", ~"", @mdb-text-color-light, { + background-color: @variation-color; + color: @variation-color-text; a, .alert-link { - color: @mdb-text-color; + color: @variation-color-text; } }); &-info, &-danger, &-warning, &-success { - color: @darkbg-text; + color: @mdb-text-color-light; } &-default { a, .alert-link { - color: @lightbg-text; + color: @mdb-text-color-primary; } } } diff --git a/less/_bootstrap-material-design.less b/less/_bootstrap-material-design.less index bf54693a..fc54f42f 100644 --- a/less/_bootstrap-material-design.less +++ b/less/_bootstrap-material-design.less @@ -3,7 +3,7 @@ body { &.inverse { background: #333333; &, .form-control { - color: @darkbg-text; + color: @mdb-text-color-light; } .modal, .panel-default, @@ -20,8 +20,8 @@ body { body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { - font-family: @mdb-font-family; - font-weight: 300; + //font-family: @font-family-sans-serif; + //font-weight: 300; } h5, h6{ @@ -30,6 +30,10 @@ h5, h6{ a, a:hover, a:focus { color: @brand-primary; + + & .material-icons { + vertical-align: middle; + } } // Well and Jumbotrons @@ -76,7 +80,6 @@ legend { color: @brand-primary; } } - .variations(~" li a:hover", color, @brand-primary); } // Alerts @@ -98,8 +101,6 @@ legend { @import "_dialogs.less"; -@import "_labels.less"; - @import "_panels.less"; @import "_dividers.less"; @@ -115,7 +116,4 @@ legend { // External plugins -@import "_plugin-snackbarjs.less"; -@import "_plugin-nouislider.less"; -@import "_plugin-selectize.less"; -@import "_plugin-dropdownjs.less"; +@import "_plugins.less"; diff --git a/less/_buttons.less b/less/_buttons.less index 8a9364d0..fb3d0930 100644 --- a/less/_buttons.less +++ b/less/_buttons.less @@ -1,79 +1,109 @@ -.btn-shadow() { - .shadow-z-1(); - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); - &:active:not(.btn-link) { - .shadow-z-1-hover(); - } -} +//.btn-shadow() { +// .shadow-z-1(); +// transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +// &:active:not(.btn-link) { +// .shadow-z-1-hover(); +// } +//} -.btn { - position: relative; - padding: 8px 30px; - border: 0; - margin: 10px 1px; - cursor: pointer; - border-radius: 2px; +.typo-button(@colorContrast: false) { + font-size: 14px; + font-weight: 500; text-transform: uppercase; - text-decoration: none; - color: @darkbg-text; + //line-height: 1; + letter-spacing: 0; - &:not(.btn-link):not(.btn-flat) { - background-color: @btn-default; - color: @lightbg-text; - - &:not(.btn-fab) { - &:hover { - .shadow-z-1(); - } - &:active { - .shadow-z-1-hover(); - } - } + & when (@colorContrast) { + opacity: 0.87; } - - transition: background-color 0.2s ease, box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); - outline: none !important; - - .btn-flat:not(.btn-link){ - color: @lightbg-text; - } - - .background-variations(~":not(.btn-link):not(.btn-flat)", @btn-default); - - // BTN hover effect - // SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content - .generic-variations(~":hover:not(.btn-link):not(.btn-flat)", @btn-default, { - background-color: contrast(@mdb-color, darken(@mdb-color, 4%), lighten(@mdb-color, 4%), @contrast-factor); - }); - // BTN active effect - // SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content - .generic-variations(~":active:not(.btn-link):not(.btn-flat)", @btn-default, { - background-color: contrast(@mdb-color, darken(@mdb-color, 6%), lighten(@mdb-color, 6%), @contrast-factor); - }); - // BTN .active effect - // SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content - .generic-variations(~".active:not(.btn-link):not(.btn-flat)", @btn-default, { - background-color: contrast(@mdb-color, darken(@mdb-color, 6%), lighten(@mdb-color, 6%), @contrast-factor); - }); - // BTN flat hover effect - // SASS conversion note: please mirror any content change in _mixins-shared.scss bg-color-variations-content - .generic-variations(~".btn-flat:hover:not(.btn-link)", @btn-default, { - background-color: fade(@mdb-color, 20%); - }); - } +// mdb default buttons are _not_ flat, but colored. .btn, .input-group-btn .btn { + + .background-variations(~".btn", ~"", @mdb-btn-background-color); + border: none; + border-radius: @mdl-btn-border-radus; + position: relative; + padding: 8px 30px; + margin: 10px 1px; + .typo-button(); + will-change: box-shadow, transform; + transition: box-shadow 0.2s @mdb-animation-curve-fast-out-linear-in, + background-color 0.2s @mdb-animation-curve-default, + color 0.2s @mdb-animation-curve-default; + outline: none; + cursor: pointer; + text-decoration: none; + + //--- + // btn-flat &.btn-flat { - background: none; + background: transparent; + .variations(~".btn", ~"", color, @mdb-text-color-primary); + box-shadow: none; - font-weight: 500; + + // hover + // FIXME: check suffix generation + .generic-variations(~".btn", ~"&:hover", @mdb-btn-background-color, { + background-color: fade(@variation-color, 20%); + }); + &:disabled { color: @text-disabled !important; } + } + + //&:not(.btn-link):not(.btn-flat) { + // background-color: @mdb-btn-background-color; + // color: @mdb-text-color-primary; + // + // &:not(.btn-fab) { + // &:hover { + // .shadow-z-1(); + // } + // &:active { + // .shadow-z-1-hover(); + // } + // } + //} + + //transition: background-color 0.2s ease, box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + //outline: none !important; + + //.btn-flat:not(.btn-link){ + // color: @mdb-text-color-primary; + //} + + //.background-variations(~":not(.btn-link):not(.btn-flat)", @mdb-btn-background-color); + // + //// BTN hover effect + //// SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content + //.generic-variations(~":hover:not(.btn-link):not(.btn-flat)", @mdb-btn-background-color, { + // background-color: contrast(@variation-color, darken(@variation-color, 4%), lighten(@variation-color, 4%), @contrast-factor); + //}); + //// BTN active effect + //// SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content + //.generic-variations(~":active:not(.btn-link):not(.btn-flat)", @mdb-btn-background-color, { + // background-color: contrast(@variation-color, darken(@variation-color, 6%), lighten(@variation-color, 6%), @contrast-factor); + //}); + //// BTN .active effect + //// SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content + //.generic-variations(~".active:not(.btn-link):not(.btn-flat)", @mdb-btn-background-color, { + // background-color: contrast(@variation-color, darken(@variation-color, 6%), lighten(@variation-color, 6%), @contrast-factor); + //}); + //// BTN flat hover effect + //// SASS conversion note: please mirror any content change in _mixins-shared.scss bg-color-variations-content + //.generic-variations(~".btn-flat:hover:not(.btn-link)", @mdb-btn-background-color, { + // background-color: fade(@variation-color, 20%); + //}); + + + // Size variations &.btn-sm { padding: 5px 20px; @@ -83,78 +113,106 @@ font-size: 10px; } - &.btn-raised { - .btn-shadow(); - } + //&.btn-raised { + // .btn-shadow(); + //} &.btn-fab { - margin: 0; - padding: 15px; - font-size: 26px; - width: 56px; - height: 56px; - &, &:hover, &:active { - .variations(~"", background-color, transparent); - } - &, &:hover { - .shadow-z-1(); - } - &:active { - .shadow-z-1-hover(); - } - &, - .ripple-wrapper { - border-radius: 100%; + border-radius: 50%; + font-size: @mdb-btn-fab-font-size; + height: @mdb-btn-fab-size; + margin: auto; + min-width: @mdb-btn-fab-size; + width: @mdb-btn-fab-size; + padding: 0; + overflow: hidden; + box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24); + position: relative; + line-height: normal; + + //&, + //&:hover, + //&:active { + // //.variations(~"", background-color, transparent); + // //.variations(~".btn", ~"", background-color, @mdb-btn-primary-color); + //} + //&, + //&:hover { + // .shadow-z-1(); + //} + //&:active { + // .shadow-z-1-hover(); + //} + + .ripple-container { + border-radius: 50%; } + &.btn-fab-mini { width: 40px; height: 40px; padding: 13px 0; font-size: 15px; + + &.material-icons { + top: (@mdb-btn-icon-size-mini - @mdb-btn-fab-font-size) / 2; + left: (@mdb-btn-icon-size-mini - @mdb-btn-fab-font-size) / 2; + } } - i { - position: relative; - top: -5px; - margin: 0 auto; + + i.material-icons { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-(@mdb-btn-fab-font-size / 2), -(@mdb-btn-fab-font-size / 2)); + line-height: @mdb-btn-fab-font-size; + width: @mdb-btn-fab-font-size; } } + + // Align icons inside buttons with text + i.material-icons { + vertical-align: middle; + } } // This is needed to style buttons which has not a variation suffix (they must be stiled as btn-default) -.btn-link, .btn:not([class*="btn-"]), .btn-default { - color: @lightbg-text; - &:hover { - color: @lightbg-text; - } -} -.btn:not([class*="btn-"]), .btn-default, .btn-flat:not(.btn-link) { - &:hover, &.active { - background-color: rgba(255,255,255,0.5); - } -} -.open > .dropdown-toggle.btn { - .variations(~"", background-color, @btn-default); -} -.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { - margin-left: 0; -} -.btn-group, .btn-group-vertical { - position: relative; - border-radius: 2px; - margin: 10px 1px; - - .btn-shadow(); - &.open .dropdown-toggle { - box-shadow: none; - } - &.btn-group-raised { - .btn-shadow(); - } - .btn, .btn:active, .btn-group { - box-shadow: none !important; - margin: 0; - } -} -.btn-group-flat { - box-shadow: none !important; -} +//.btn-link, +//.btn:not([class*="btn-"]), +//.btn-default { +// color: @mdb-text-color-primary; +// &:hover { +// color: @mdb-text-color-primary; +// } +//} +//.btn:not([class*="btn-"]), .btn-default, .btn-flat:not(.btn-link) { +// &:hover, &.active { +// background-color: rgba(255,255,255,0.5); +// } +//} +//.open > .dropdown-toggle.btn { +// .variations(~"", background-color, @mdb-btn-background-color); +//} +//.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { +// margin-left: 0; +//} +//.btn-group, .btn-group-vertical { +// position: relative; +// border-radius: 2px; +// margin: 10px 1px; +// +// .btn-shadow(); +// &.open .dropdown-toggle { +// box-shadow: none; +// } +// &.btn-group-raised { +// .btn-shadow(); +// } +// .btn, .btn:active, .btn-group { +// box-shadow: none !important; +// margin: 0; +// } +//} +//.btn-group-flat { +// box-shadow: none !important; +//} diff --git a/less/_checkboxes.less b/less/_checkboxes.less index 308c3419..f0f41a96 100644 --- a/less/_checkboxes.less +++ b/less/_checkboxes.less @@ -72,33 +72,51 @@ } } - input[type=checkbox]:focus + .checkbox-material .check:after { - opacity: 0.2; - } - input[type=checkbox]:checked + .checkbox-material .check:before { - box-shadow: - 0 0 0 10px, - 10px -10px 0 10px, - 32px 0px 0 20px, - 0px 32px 0 20px, - -5px 5px 0 10px, - 20px -12px 0 11px; - animation: checkbox-on @mdb-checkbox-animation-check forwards; - } + input[type=checkbox] { - input[type=checkbox]:not(:checked) + .checkbox-material:before { - animation: rippleOff @mdb-checkbox-animation-ripple; - } - input[type=checkbox]:checked + .checkbox-material:before { - animation: rippleOn @mdb-checkbox-animation-ripple; - } + &:focus + .checkbox-material .check:after { + opacity: 0.2; + } - // Ripple effect on click - input[type=checkbox]:not(:checked) + .checkbox-material .check:after { - animation: rippleOff @mdb-checkbox-animation-ripple forwards; - } - input[type=checkbox]:checked + .checkbox-material .check:after { - animation: rippleOn @mdb-checkbox-animation-ripple forwards; + &:checked { + + // FIXME: once working - combine further to reduce code + & + .checkbox-material .check { + color: @mdb-checkbox-checked-color; + border-color: @mdb-checkbox-checked-color; + } + + & + .checkbox-material .check:before { + color: @mdb-checkbox-checked-color; + box-shadow: 0 0 0 10px, + 10px -10px 0 10px, + 32px 0px 0 20px, + 0px 32px 0 20px, + -5px 5px 0 10px, + 20px -12px 0 11px; + animation: checkbox-on @mdb-checkbox-animation-check forwards; + } + + & + .checkbox-material:before { + animation: rippleOn @mdb-checkbox-animation-ripple; + } + + & + .checkbox-material .check:after { + //background-color: @brand-success; // FIXME: seems like tho wrong color, test and make sure it can be removed + animation: rippleOn @mdb-checkbox-animation-ripple forwards; // Ripple effect on check + } + } + + &:not(:checked) { + & + .checkbox-material:before { + animation: rippleOff @mdb-checkbox-animation-ripple; + } + + & + .checkbox-material .check:after { + animation: rippleOff @mdb-checkbox-animation-ripple forwards; // Ripple effect on uncheck + + } + } } // Style for disabled inputs @@ -110,14 +128,9 @@ opacity: 0.5; } input[type=checkbox][disabled] + .checkbox-material .check:after { - background-color: @lightbg-text; + background-color: @mdb-text-color-primary; transform: rotate(-45deg); } - - .variations(~" input[type=checkbox]:checked + .checkbox-material .check:after", background-color, @brand-success); - .variations(~" input[type=checkbox]:checked + .checkbox-material .check:before", color, @mdb-checkbox-checked-color); - .variations(~" input[type=checkbox]:checked + .checkbox-material .check", color, @mdb-checkbox-checked-color); - .variations(~" input[type=checkbox]:checked + .checkbox-material .check", border-color, @mdb-checkbox-checked-color); } @keyframes checkbox-on { diff --git a/less/_colors.less b/less/_colors.less index f6c85e9f..e562cdf2 100644 --- a/less/_colors.less +++ b/less/_colors.less @@ -329,7 +329,7 @@ Then, run this script to get the list. @grey-200: #eeeeee; @grey-300: #e0e0e0; @grey-400: #bdbdbd; -@grey-500: #9e9e9e; +@grey-500: #9e9e9e; @rgb-grey-500: "158, 158, 158"; @grey-600: #757575; @grey-700: #616161; @grey-800: #424242; @@ -358,6 +358,5 @@ Then, run this script to get the list. @blue-grey: @blue-grey-500; -@black: #000000; -@white: #ffffff; -@inverse: @indigo; +@black: #000000; @rgb-black: "0,0,0"; +@white: #ffffff; @rgb-white: "255,255,255"; diff --git a/less/_icons-material-design.less b/less/_icons-material-design.less index d0ba4d26..7609565b 100644 --- a/less/_icons-material-design.less +++ b/less/_icons-material-design.less @@ -1,3250 +1,3250 @@ -@font-face { - font-family: 'Material-Design-Icons'; - src:url('@{mdb-font-path}/Material-Design-Icons.eot?3ocs8m'); - src:url('@{mdb-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'), - url('@{mdb-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'), - url('@{mdb-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'), - url('@{mdb-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg'); - font-weight: normal; - font-style: normal; -} - -[class^="mdi-"], [class*="mdi-"] { - speak: none; - display: inline-block; - font: normal normal normal 24px/1 'Material-Design-Icons'; - text-rendering: auto; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); - &:before { - display: inline-block; - speak: none; - text-decoration: inherit; - } - &.pull-left { - margin-right: .3em; - } - &.pull-right{ - margin-left: .3em; - } - &.mdi-lg:before, &.mdi-lg:after { - font-size: 1.33333333em; - line-height: 0.75em; - vertical-align: -15%; - } - &.mdi-2x:before, &.mdi-2x:after { - font-size: 2em; - } - &.mdi-3x:before, &.mdi-3x:after { - font-size: 3em; - } - &.mdi-4x:before, &.mdi-4x:after { - font-size: 4em; - } - &.mdi-5x:before, &.mdi-5x:after { - font-size: 5em; - } -} - -[class^="mdi-device-signal-cellular-"], -[class^="mdi-device-battery-"], -[class^="mdi-device-battery-charging-"], -[class^="mdi-device-signal-cellular-connected-no-internet-"], -[class^="mdi-device-signal-wifi-"], -[class^="mdi-device-signal-wifi-statusbar-not-connected"], -.mdi-device-network-wifi{ - &:after { - opacity: .3; - position: absolute; - left: 0; - top: 0; - z-index: 1; - display: inline-block; - speak: none; - text-decoration: inherit; - } -} - -[class^="mdi-device-signal-cellular-"]:after {content:"\e758";} -[class^="mdi-device-battery-"]:after {content:"\e735";} -[class^="mdi-device-battery-charging-"]:after {content:"\e733";} -[class^="mdi-device-signal-cellular-connected-no-internet-"]:after {content:"\e75d";} -[class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after {content:"\e765";} -[class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {content:"\e8f7";} - -.mdi-device-signal-cellular-off, .mdi-device-signal-cellular-null, .mdi-device-signal-cellular-no-sim, .mdi-device-signal-wifi-off, .mdi-device-signal-wifi-4-bar, .mdi-device-signal-cellular-4-bar, .mdi-device-battery-alert, .mdi-device-signal-cellular-connected-no-internet-4-bar, .mdi-device-battery-std, .mdi-device-battery-full .mdi-device-battery-unknown { - &:after { - content: ""; - } -} - -.mdi-fw { - width: 1.28571429em; - text-align: center; -} -.mdi-ul { - padding-left: 0; - margin-left: 2.14285714em; - list-style-type: none; -} -.mdi-ul > li { - position: relative; -} -.mdi-li { - position: absolute; - left: -2.14285714em; - width: 2.14285714em; - top: 0.14285714em; - text-align: center; -} -.mdi-li.mdi-lg { - left: -1.85714286em; -} -.mdi-border { - padding: .2em .25em .15em; - border: solid 0.08em #eeeeee; - border-radius: .1em; -} - -.mdi-spin { - -webkit-animation: mdi-spin 2s infinite linear; - animation: mdi-spin 2s infinite linear; - -webkit-transform-origin: 50% 50%; - -moz-transform-origin: 50% 50%; - -o-transform-origin: 50% 50%; - transform-origin: 50% 50%; -} -.mdi-pulse { - -webkit-animation: mdi-spin 1s steps(8) infinite; - animation: mdi-spin 1s steps(8) infinite ; - -webkit-transform-origin: 50% 50%; - -moz-transform-origin: 50% 50%; - -o-transform-origin: 50% 50%; - transform-origin: 50% 50%; -} -@-webkit-keyframes mdi-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@keyframes mdi-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -.mdi-rotate-90 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} -.mdi-rotate-180 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.mdi-rotate-270 { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); -} -.mdi-flip-horizontal { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); - -webkit-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - transform: scale(-1, 1); -} -.mdi-flip-vertical { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); - -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); -} -:root .mdi-rotate-90, -:root .mdi-rotate-180, -:root .mdi-rotate-270, -:root .mdi-flip-horizontal, -:root .mdi-flip-vertical { - filter: none; -} -.mdi-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: middle; -} -.mdi-stack-1x, -.mdi-stack-2x { - position: absolute; - left: 0; - width: 100%; - text-align: center; -} -.mdi-stack-1x { - line-height: inherit; -} -.mdi-stack-2x { - font-size: 2em; -} -.mdi-inverse { - color: #ffffff; -} - - -/* Start Icons */ - -.mdi-action-3d-rotation:before { - content: "\e600"; -} - -.mdi-action-accessibility:before { - content: "\e601"; -} - -.mdi-action-account-balance-wallet:before { - content: "\e602"; -} - -.mdi-action-account-balance:before { - content: "\e603"; -} - -.mdi-action-account-box:before { - content: "\e604"; -} - -.mdi-action-account-child:before { - content: "\e605"; -} - -.mdi-action-account-circle:before { - content: "\e606"; -} - -.mdi-action-add-shopping-cart:before { - content: "\e607"; -} - -.mdi-action-alarm-add:before { - content: "\e608"; -} - -.mdi-action-alarm-off:before { - content: "\e609"; -} - -.mdi-action-alarm-on:before { - content: "\e60a"; -} - -.mdi-action-alarm:before { - content: "\e60b"; -} - -.mdi-action-android:before { - content: "\e60c"; -} - -.mdi-action-announcement:before { - content: "\e60d"; -} - -.mdi-action-aspect-ratio:before { - content: "\e60e"; -} - -.mdi-action-assessment:before { - content: "\e60f"; -} - -.mdi-action-assignment-ind:before { - content: "\e610"; -} - -.mdi-action-assignment-late:before { - content: "\e611"; -} - -.mdi-action-assignment-return:before { - content: "\e612"; -} - -.mdi-action-assignment-returned:before { - content: "\e613"; -} - -.mdi-action-assignment-turned-in:before { - content: "\e614"; -} - -.mdi-action-assignment:before { - content: "\e615"; -} - -.mdi-action-autorenew:before { - content: "\e616"; -} - -.mdi-action-backup:before { - content: "\e617"; -} - -.mdi-action-book:before { - content: "\e618"; -} - -.mdi-action-bookmark-outline:before { - content: "\e619"; -} - -.mdi-action-bookmark:before { - content: "\e61a"; -} - -.mdi-action-bug-report:before { - content: "\e61b"; -} - -.mdi-action-cached:before { - content: "\e61c"; -} - -.mdi-action-check-circle:before { - content: "\e61d"; -} - -.mdi-action-class:before { - content: "\e61e"; -} - -.mdi-action-credit-card:before { - content: "\e61f"; -} - -.mdi-action-dashboard:before { - content: "\e620"; -} - -.mdi-action-delete:before { - content: "\e621"; -} - -.mdi-action-description:before { - content: "\e622"; -} - -.mdi-action-dns:before { - content: "\e623"; -} - -.mdi-action-done-all:before { - content: "\e624"; -} - -.mdi-action-done:before { - content: "\e625"; -} - -.mdi-action-event:before { - content: "\e626"; -} - -.mdi-action-exit-to-app:before { - content: "\e627"; -} - -.mdi-action-explore:before { - content: "\e628"; -} - -.mdi-action-extension:before { - content: "\e629"; -} - -.mdi-action-face-unlock:before { - content: "\e62a"; -} - -.mdi-action-favorite-outline:before { - content: "\e62b"; -} - -.mdi-action-favorite:before { - content: "\e62c"; -} - -.mdi-action-find-in-page:before { - content: "\e62d"; -} - -.mdi-action-find-replace:before { - content: "\e62e"; -} - -.mdi-action-flip-to-back:before { - content: "\e62f"; -} - -.mdi-action-flip-to-front:before { - content: "\e630"; -} - -.mdi-action-get-app:before { - content: "\e631"; -} - -.mdi-action-grade:before { - content: "\e632"; -} - -.mdi-action-group-work:before { - content: "\e633"; -} - -.mdi-action-help:before { - content: "\e634"; -} - -.mdi-action-highlight-remove:before { - content: "\e635"; -} - -.mdi-action-history:before { - content: "\e636"; -} - -.mdi-action-home:before { - content: "\e637"; -} - -.mdi-action-https:before { - content: "\e638"; -} - -.mdi-action-info-outline:before { - content: "\e639"; -} - -.mdi-action-info:before { - content: "\e63a"; -} - -.mdi-action-input:before { - content: "\e63b"; -} - -.mdi-action-invert-colors:before { - content: "\e63c"; -} - -.mdi-action-label-outline:before { - content: "\e63d"; -} - -.mdi-action-label:before { - content: "\e63e"; -} - -.mdi-action-language:before { - content: "\e63f"; -} - -.mdi-action-launch:before { - content: "\e640"; -} - -.mdi-action-list:before { - content: "\e641"; -} - -.mdi-action-lock-open:before { - content: "\e642"; -} - -.mdi-action-lock-outline:before { - content: "\e643"; -} - -.mdi-action-lock:before { - content: "\e644"; -} - -.mdi-action-loyalty:before { - content: "\e645"; -} - -.mdi-action-markunread-mailbox:before { - content: "\e646"; -} - -.mdi-action-note-add:before { - content: "\e647"; -} - -.mdi-action-open-in-browser:before { - content: "\e648"; -} - -.mdi-action-open-in-new:before { - content: "\e649"; -} - -.mdi-action-open-with:before { - content: "\e64a"; -} - -.mdi-action-pageview:before { - content: "\e64b"; -} - -.mdi-action-payment:before { - content: "\e64c"; -} - -.mdi-action-perm-camera-mic:before { - content: "\e64d"; -} - -.mdi-action-perm-contact-cal:before { - content: "\e64e"; -} - -.mdi-action-perm-data-setting:before { - content: "\e64f"; -} - -.mdi-action-perm-device-info:before { - content: "\e650"; -} - -.mdi-action-perm-identity:before { - content: "\e651"; -} - -.mdi-action-perm-media:before { - content: "\e652"; -} - -.mdi-action-perm-phone-msg:before { - content: "\e653"; -} - -.mdi-action-perm-scan-wifi:before { - content: "\e654"; -} - -.mdi-action-picture-in-picture:before { - content: "\e655"; -} - -.mdi-action-polymer:before { - content: "\e656"; -} - -.mdi-action-print:before { - content: "\e657"; -} - -.mdi-action-query-builder:before { - content: "\e658"; -} - -.mdi-action-question-answer:before { - content: "\e659"; -} - -.mdi-action-receipt:before { - content: "\e65a"; -} - -.mdi-action-redeem:before { - content: "\e65b"; -} - -.mdi-action-reorder:before { - content: "\e65c"; -} - -.mdi-action-report-problem:before { - content: "\e65d"; -} - -.mdi-action-restore:before { - content: "\e65e"; -} - -.mdi-action-room:before { - content: "\e65f"; -} - -.mdi-action-schedule:before { - content: "\e660"; -} - -.mdi-action-search:before { - content: "\e661"; -} - -.mdi-action-settings-applications:before { - content: "\e662"; -} - -.mdi-action-settings-backup-restore:before { - content: "\e663"; -} - -.mdi-action-settings-bluetooth:before { - content: "\e664"; -} - -.mdi-action-settings-cell:before { - content: "\e665"; -} - -.mdi-action-settings-display:before { - content: "\e666"; -} - -.mdi-action-settings-ethernet:before { - content: "\e667"; -} - -.mdi-action-settings-input-antenna:before { - content: "\e668"; -} - -.mdi-action-settings-input-component:before { - content: "\e669"; -} - -.mdi-action-settings-input-composite:before { - content: "\e66a"; -} - -.mdi-action-settings-input-hdmi:before { - content: "\e66b"; -} - -.mdi-action-settings-input-svideo:before { - content: "\e66c"; -} - -.mdi-action-settings-overscan:before { - content: "\e66d"; -} - -.mdi-action-settings-phone:before { - content: "\e66e"; -} - -.mdi-action-settings-power:before { - content: "\e66f"; -} - -.mdi-action-settings-remote:before { - content: "\e670"; -} - -.mdi-action-settings-voice:before { - content: "\e671"; -} - -.mdi-action-settings:before { - content: "\e672"; -} - -.mdi-action-shop-two:before { - content: "\e673"; -} - -.mdi-action-shop:before { - content: "\e674"; -} - -.mdi-action-shopping-basket:before { - content: "\e675"; -} - -.mdi-action-shopping-cart:before { - content: "\e676"; -} - -.mdi-action-speaker-notes:before { - content: "\e677"; -} - -.mdi-action-spellcheck:before { - content: "\e678"; -} - -.mdi-action-star-rate:before { - content: "\e679"; -} - -.mdi-action-stars:before { - content: "\e67a"; -} - -.mdi-action-store:before { - content: "\e67b"; -} - -.mdi-action-subject:before { - content: "\e67c"; -} - -.mdi-action-supervisor-account:before { - content: "\e67d"; -} - -.mdi-action-swap-horiz:before { - content: "\e67e"; -} - -.mdi-action-swap-vert-circle:before { - content: "\e67f"; -} - -.mdi-action-swap-vert:before { - content: "\e680"; -} - -.mdi-action-system-update-tv:before { - content: "\e681"; -} - -.mdi-action-tab-unselected:before { - content: "\e682"; -} - -.mdi-action-tab:before { - content: "\e683"; -} - -.mdi-action-theaters:before { - content: "\e684"; -} - -.mdi-action-thumb-down:before { - content: "\e685"; -} - -.mdi-action-thumb-up:before { - content: "\e686"; -} - -.mdi-action-thumbs-up-down:before { - content: "\e687"; -} - -.mdi-action-toc:before { - content: "\e688"; -} - -.mdi-action-today:before { - content: "\e689"; -} - -.mdi-action-track-changes:before { - content: "\e68a"; -} - -.mdi-action-translate:before { - content: "\e68b"; -} - -.mdi-action-trending-down:before { - content: "\e68c"; -} - -.mdi-action-trending-neutral:before { - content: "\e68d"; -} - -.mdi-action-trending-up:before { - content: "\e68e"; -} - -.mdi-action-turned-in-not:before { - content: "\e68f"; -} - -.mdi-action-turned-in:before { - content: "\e690"; -} - -.mdi-action-verified-user:before { - content: "\e691"; -} - -.mdi-action-view-agenda:before { - content: "\e692"; -} - -.mdi-action-view-array:before { - content: "\e693"; -} - -.mdi-action-view-carousel:before { - content: "\e694"; -} - -.mdi-action-view-column:before { - content: "\e695"; -} - -.mdi-action-view-day:before { - content: "\e696"; -} - -.mdi-action-view-headline:before { - content: "\e697"; -} - -.mdi-action-view-list:before { - content: "\e698"; -} - -.mdi-action-view-module:before { - content: "\e699"; -} - -.mdi-action-view-quilt:before { - content: "\e69a"; -} - -.mdi-action-view-stream:before { - content: "\e69b"; -} - -.mdi-action-view-week:before { - content: "\e69c"; -} - -.mdi-action-visibility-off:before { - content: "\e69d"; -} - -.mdi-action-visibility:before { - content: "\e69e"; -} - -.mdi-action-wallet-giftcard:before { - content: "\e69f"; -} - -.mdi-action-wallet-membership:before { - content: "\e6a0"; -} - -.mdi-action-wallet-travel:before { - content: "\e6a1"; -} - -.mdi-action-work:before { - content: "\e6a2"; -} - -.mdi-alert-error:before { - content: "\e6a3"; -} - -.mdi-alert-warning:before { - content: "\e6a4"; -} - -.mdi-av-album:before { - content: "\e6a5"; -} - -.mdi-av-closed-caption:before { - content: "\e6a6"; -} - -.mdi-av-equalizer:before { - content: "\e6a7"; -} - -.mdi-av-explicit:before { - content: "\e6a8"; -} - -.mdi-av-fast-forward:before { - content: "\e6a9"; -} - -.mdi-av-fast-rewind:before { - content: "\e6aa"; -} - -.mdi-av-games:before { - content: "\e6ab"; -} - -.mdi-av-hearing:before { - content: "\e6ac"; -} - -.mdi-av-high-quality:before { - content: "\e6ad"; -} - -.mdi-av-loop:before { - content: "\e6ae"; -} - -.mdi-av-mic-none:before { - content: "\e6af"; -} - -.mdi-av-mic-off:before { - content: "\e6b0"; -} - -.mdi-av-mic:before { - content: "\e6b1"; -} - -.mdi-av-movie:before { - content: "\e6b2"; -} - -.mdi-av-my-library-add:before { - content: "\e6b3"; -} - -.mdi-av-my-library-books:before { - content: "\e6b4"; -} - -.mdi-av-my-library-music:before { - content: "\e6b5"; -} - -.mdi-av-new-releases:before { - content: "\e6b6"; -} - -.mdi-av-not-interested:before { - content: "\e6b7"; -} - -.mdi-av-pause-circle-fill:before { - content: "\e6b8"; -} - -.mdi-av-pause-circle-outline:before { - content: "\e6b9"; -} - -.mdi-av-pause:before { - content: "\e6ba"; -} - -.mdi-av-play-arrow:before { - content: "\e6bb"; -} - -.mdi-av-play-circle-fill:before { - content: "\e6bc"; -} - -.mdi-av-play-circle-outline:before { - content: "\e6bd"; -} - -.mdi-av-play-shopping-bag:before { - content: "\e6be"; -} - -.mdi-av-playlist-add:before { - content: "\e6bf"; -} - -.mdi-av-queue-music:before { - content: "\e6c0"; -} - -.mdi-av-queue:before { - content: "\e6c1"; -} - -.mdi-av-radio:before { - content: "\e6c2"; -} - -.mdi-av-recent-actors:before { - content: "\e6c3"; -} - -.mdi-av-repeat-one:before { - content: "\e6c4"; -} - -.mdi-av-repeat:before { - content: "\e6c5"; -} - -.mdi-av-replay:before { - content: "\e6c6"; -} - -.mdi-av-shuffle:before { - content: "\e6c7"; -} - -.mdi-av-skip-next:before { - content: "\e6c8"; -} - -.mdi-av-skip-previous:before { - content: "\e6c9"; -} - -.mdi-av-snooze:before { - content: "\e6ca"; -} - -.mdi-av-stop:before { - content: "\e6cb"; -} - -.mdi-av-subtitles:before { - content: "\e6cc"; -} - -.mdi-av-surround-sound:before { - content: "\e6cd"; -} - -.mdi-av-timer:before { - content: "\e6ce"; -} - -.mdi-av-video-collection:before { - content: "\e6cf"; -} - -.mdi-av-videocam-off:before { - content: "\e6d0"; -} - -.mdi-av-videocam:before { - content: "\e6d1"; -} - -.mdi-av-volume-down:before { - content: "\e6d2"; -} - -.mdi-av-volume-mute:before { - content: "\e6d3"; -} - -.mdi-av-volume-off:before { - content: "\e6d4"; -} - -.mdi-av-volume-up:before { - content: "\e6d5"; -} - -.mdi-av-web:before { - content: "\e6d6"; -} - -.mdi-communication-business:before { - content: "\e6d7"; -} - -.mdi-communication-call-end:before { - content: "\e6d8"; -} - -.mdi-communication-call-made:before { - content: "\e6d9"; -} - -.mdi-communication-call-merge:before { - content: "\e6da"; -} - -.mdi-communication-call-missed:before { - content: "\e6db"; -} - -.mdi-communication-call-received:before { - content: "\e6dc"; -} - -.mdi-communication-call-split:before { - content: "\e6dd"; -} - -.mdi-communication-call:before { - content: "\e6de"; -} - -.mdi-communication-chat:before { - content: "\e6df"; -} - -.mdi-communication-clear-all:before { - content: "\e6e0"; -} - -.mdi-communication-comment:before { - content: "\e6e1"; -} - -.mdi-communication-contacts:before { - content: "\e6e2"; -} - -.mdi-communication-dialer-sip:before { - content: "\e6e3"; -} - -.mdi-communication-dialpad:before { - content: "\e6e4"; -} - -.mdi-communication-dnd-on:before { - content: "\e6e5"; -} - -.mdi-communication-email:before { - content: "\e6e6"; -} - -.mdi-communication-forum:before { - content: "\e6e7"; -} - -.mdi-communication-import-export:before { - content: "\e6e8"; -} - -.mdi-communication-invert-colors-off:before { - content: "\e6e9"; -} - -.mdi-communication-invert-colors-on:before { - content: "\e6ea"; -} - -.mdi-communication-live-help:before { - content: "\e6eb"; -} - -.mdi-communication-location-off:before { - content: "\e6ec"; -} - -.mdi-communication-location-on:before { - content: "\e6ed"; -} - -.mdi-communication-message:before { - content: "\e6ee"; -} - -.mdi-communication-messenger:before { - content: "\e6ef"; -} - -.mdi-communication-no-sim:before { - content: "\e6f0"; -} - -.mdi-communication-phone:before { - content: "\e6f1"; -} - -.mdi-communication-portable-wifi-off:before { - content: "\e6f2"; -} - -.mdi-communication-quick-contacts-dialer:before { - content: "\e6f3"; -} - -.mdi-communication-quick-contacts-mail:before { - content: "\e6f4"; -} - -.mdi-communication-ring-volume:before { - content: "\e6f5"; -} - -.mdi-communication-stay-current-landscape:before { - content: "\e6f6"; -} - -.mdi-communication-stay-current-portrait:before { - content: "\e6f7"; -} - -.mdi-communication-stay-primary-landscape:before { - content: "\e6f8"; -} - -.mdi-communication-stay-primary-portrait:before { - content: "\e6f9"; -} - -.mdi-communication-swap-calls:before { - content: "\e6fa"; -} - -.mdi-communication-textsms:before { - content: "\e6fb"; -} - -.mdi-communication-voicemail:before { - content: "\e6fc"; -} - -.mdi-communication-vpn-key:before { - content: "\e6fd"; -} - -.mdi-content-add-box:before { - content: "\e6fe"; -} - -.mdi-content-add-circle-outline:before { - content: "\e6ff"; -} - -.mdi-content-add-circle:before { - content: "\e700"; -} - -.mdi-content-add:before { - content: "\e701"; -} - -.mdi-content-archive:before { - content: "\e702"; -} - -.mdi-content-backspace:before { - content: "\e703"; -} - -.mdi-content-block:before { - content: "\e704"; -} - -.mdi-content-clear:before { - content: "\e705"; -} - -.mdi-content-content-copy:before { - content: "\e706"; -} - -.mdi-content-content-cut:before { - content: "\e707"; -} - -.mdi-content-content-paste:before { - content: "\e708"; -} - -.mdi-content-create:before { - content: "\e709"; -} - -.mdi-content-drafts:before { - content: "\e70a"; -} - -.mdi-content-filter-list:before { - content: "\e70b"; -} - -.mdi-content-flag:before { - content: "\e70c"; -} - -.mdi-content-forward:before { - content: "\e70d"; -} - -.mdi-content-gesture:before { - content: "\e70e"; -} - -.mdi-content-inbox:before { - content: "\e70f"; -} - -.mdi-content-link:before { - content: "\e710"; -} - -.mdi-content-mail:before { - content: "\e711"; -} - -.mdi-content-markunread:before { - content: "\e712"; -} - -.mdi-content-redo:before { - content: "\e713"; -} - -.mdi-content-remove-circle-outline:before { - content: "\e714"; -} - -.mdi-content-remove-circle:before { - content: "\e715"; -} - -.mdi-content-remove:before { - content: "\e716"; -} - -.mdi-content-reply-all:before { - content: "\e717"; -} - -.mdi-content-reply:before { - content: "\e718"; -} - -.mdi-content-report:before { - content: "\e719"; -} - -.mdi-content-save:before { - content: "\e71a"; -} - -.mdi-content-select-all:before { - content: "\e71b"; -} - -.mdi-content-send:before { - content: "\e71c"; -} - -.mdi-content-sort:before { - content: "\e71d"; -} - -.mdi-content-text-format:before { - content: "\e71e"; -} - -.mdi-content-undo:before { - content: "\e71f"; -} - -.mdi-editor-attach-file:before { - content: "\e776"; -} - -.mdi-editor-attach-money:before { - content: "\e777"; -} - -.mdi-editor-border-all:before { - content: "\e778"; -} - -.mdi-editor-border-bottom:before { - content: "\e779"; -} - -.mdi-editor-border-clear:before { - content: "\e77a"; -} - -.mdi-editor-border-color:before { - content: "\e77b"; -} - -.mdi-editor-border-horizontal:before { - content: "\e77c"; -} - -.mdi-editor-border-inner:before { - content: "\e77d"; -} - -.mdi-editor-border-left:before { - content: "\e77e"; -} - -.mdi-editor-border-outer:before { - content: "\e77f"; -} - -.mdi-editor-border-right:before { - content: "\e780"; -} - -.mdi-editor-border-style:before { - content: "\e781"; -} - -.mdi-editor-border-top:before { - content: "\e782"; -} - -.mdi-editor-border-vertical:before { - content: "\e783"; -} - -.mdi-editor-format-align-center:before { - content: "\e784"; -} - -.mdi-editor-format-align-justify:before { - content: "\e785"; -} - -.mdi-editor-format-align-left:before { - content: "\e786"; -} - -.mdi-editor-format-align-right:before { - content: "\e787"; -} - -.mdi-editor-format-bold:before { - content: "\e788"; -} - -.mdi-editor-format-clear:before { - content: "\e789"; -} - -.mdi-editor-format-color-fill:before { - content: "\e78a"; -} - -.mdi-editor-format-color-reset:before { - content: "\e78b"; -} - -.mdi-editor-format-color-text:before { - content: "\e78c"; -} - -.mdi-editor-format-indent-decrease:before { - content: "\e78d"; -} - -.mdi-editor-format-indent-increase:before { - content: "\e78e"; -} - -.mdi-editor-format-italic:before { - content: "\e78f"; -} - -.mdi-editor-format-line-spacing:before { - content: "\e790"; -} - -.mdi-editor-format-list-bulleted:before { - content: "\e791"; -} - -.mdi-editor-format-list-numbered:before { - content: "\e792"; -} - -.mdi-editor-format-paint:before { - content: "\e793"; -} - -.mdi-editor-format-quote:before { - content: "\e794"; -} - -.mdi-editor-format-size:before { - content: "\e795"; -} - -.mdi-editor-format-strikethrough:before { - content: "\e796"; -} - -.mdi-editor-format-textdirection-l-to-r:before { - content: "\e797"; -} - -.mdi-editor-format-textdirection-r-to-l:before { - content: "\e798"; -} - -.mdi-editor-format-underline:before { - content: "\e799"; -} - -.mdi-editor-functions:before { - content: "\e79a"; -} - -.mdi-editor-insert-chart:before { - content: "\e79b"; -} - -.mdi-editor-insert-comment:before { - content: "\e79c"; -} - -.mdi-editor-insert-drive-file:before { - content: "\e79d"; -} - -.mdi-editor-insert-emoticon:before { - content: "\e79e"; -} - -.mdi-editor-insert-invitation:before { - content: "\e79f"; -} - -.mdi-editor-insert-link:before { - content: "\e7a0"; -} - -.mdi-editor-insert-photo:before { - content: "\e7a1"; -} - -.mdi-editor-merge-type:before { - content: "\e7a2"; -} - -.mdi-editor-mode-comment:before { - content: "\e7a3"; -} - -.mdi-editor-mode-edit:before { - content: "\e7a4"; -} - -.mdi-editor-publish:before { - content: "\e7a5"; -} - -.mdi-editor-vertical-align-bottom:before { - content: "\e7a6"; -} - -.mdi-editor-vertical-align-center:before { - content: "\e7a7"; -} - -.mdi-editor-vertical-align-top:before { - content: "\e7a8"; -} - -.mdi-editor-wrap-text:before { - content: "\e7a9"; -} - -.mdi-file-attachment:before { - content: "\e7aa"; -} - -.mdi-file-cloud-circle:before { - content: "\e7ab"; -} - -.mdi-file-cloud-done:before { - content: "\e7ac"; -} - -.mdi-file-cloud-download:before { - content: "\e7ad"; -} - -.mdi-file-cloud-off:before { - content: "\e7ae"; -} - -.mdi-file-cloud-queue:before { - content: "\e7af"; -} - -.mdi-file-cloud-upload:before { - content: "\e7b0"; -} - -.mdi-file-cloud:before { - content: "\e7b1"; -} - -.mdi-file-file-download:before { - content: "\e7b2"; -} - -.mdi-file-file-upload:before { - content: "\e7b3"; -} - -.mdi-file-folder-open:before { - content: "\e7b4"; -} - -.mdi-file-folder-shared:before { - content: "\e7b5"; -} - -.mdi-file-folder:before { - content: "\e7b6"; -} - -.mdi-device-access-alarm:before { - content: "\e720"; -} - -.mdi-device-access-alarms:before { - content: "\e721"; -} - -.mdi-device-access-time:before { - content: "\e722"; -} - -.mdi-device-add-alarm:before { - content: "\e723"; -} - -.mdi-device-airplanemode-off:before { - content: "\e724"; -} - -.mdi-device-airplanemode-on:before { - content: "\e725"; -} - -.mdi-device-battery-20:before { - content: "\e726"; -} - -.mdi-device-battery-30:before { - content: "\e727"; -} - -.mdi-device-battery-50:before { - content: "\e728"; -} - -.mdi-device-battery-60:before { - content: "\e729"; -} - -.mdi-device-battery-80:before { - content: "\e72a"; -} - -.mdi-device-battery-90:before { - content: "\e72b"; -} - -.mdi-device-battery-alert:before { - content: "\e72c"; -} - -.mdi-device-battery-charging-20:before { - content: "\e72d"; -} - -.mdi-device-battery-charging-30:before { - content: "\e72e"; -} - -.mdi-device-battery-charging-50:before { - content: "\e72f"; -} - -.mdi-device-battery-charging-60:before { - content: "\e730"; -} - -.mdi-device-battery-charging-80:before { - content: "\e731"; -} - -.mdi-device-battery-charging-90:before { - content: "\e732"; -} - -.mdi-device-battery-charging-full:before { - content: "\e733"; -} - -.mdi-device-battery-full:before { - content: "\e734"; -} - -.mdi-device-battery-std:before { - content: "\e735"; -} - -.mdi-device-battery-unknown:before { - content: "\e736"; -} - -.mdi-device-bluetooth-connected:before { - content: "\e737"; -} - -.mdi-device-bluetooth-disabled:before { - content: "\e738"; -} - -.mdi-device-bluetooth-searching:before { - content: "\e739"; -} - -.mdi-device-bluetooth:before { - content: "\e73a"; -} - -.mdi-device-brightness-auto:before { - content: "\e73b"; -} - -.mdi-device-brightness-high:before { - content: "\e73c"; -} - -.mdi-device-brightness-low:before { - content: "\e73d"; -} - -.mdi-device-brightness-medium:before { - content: "\e73e"; -} - -.mdi-device-data-usage:before { - content: "\e73f"; -} - -.mdi-device-developer-mode:before { - content: "\e740"; -} - -.mdi-device-devices:before { - content: "\e741"; -} - -.mdi-device-dvr:before { - content: "\e742"; -} - -.mdi-device-gps-fixed:before { - content: "\e743"; -} - -.mdi-device-gps-not-fixed:before { - content: "\e744"; -} - -.mdi-device-gps-off:before { - content: "\e745"; -} - -.mdi-device-location-disabled:before { - content: "\e746"; -} - -.mdi-device-location-searching:before { - content: "\e747"; -} - -.mdi-device-multitrack-audio:before { - content: "\e748"; -} - -.mdi-device-network-cell:before { - content: "\e749"; -} - -.mdi-device-network-wifi:before { - content: "\e74a"; -} - -.mdi-device-nfc:before { - content: "\e74b"; -} - -.mdi-device-now-wallpaper:before { - content: "\e74c"; -} - -.mdi-device-now-widgets:before { - content: "\e74d"; -} - -.mdi-device-screen-lock-landscape:before { - content: "\e74e"; -} - -.mdi-device-screen-lock-portrait:before { - content: "\e74f"; -} - -.mdi-device-screen-lock-rotation:before { - content: "\e750"; -} - -.mdi-device-screen-rotation:before { - content: "\e751"; -} - -.mdi-device-sd-storage:before { - content: "\e752"; -} - -.mdi-device-settings-system-daydream:before { - content: "\e753"; -} - -.mdi-device-signal-cellular-0-bar:before { - content: "\e754"; -} - -.mdi-device-signal-cellular-1-bar:before { - content: "\e755"; -} - -.mdi-device-signal-cellular-2-bar:before { - content: "\e756"; -} - -.mdi-device-signal-cellular-3-bar:before { - content: "\e757"; -} - -.mdi-device-signal-cellular-4-bar:before { - content: "\e758"; -} - -.mdi-signal-wifi-statusbar-connected-no-internet-after:before { - content: "\e8f6"; -} - -.mdi-device-signal-cellular-connected-no-internet-0-bar:before { - content: "\e759"; -} - -.mdi-device-signal-cellular-connected-no-internet-1-bar:before { - content: "\e75a"; -} - -.mdi-device-signal-cellular-connected-no-internet-2-bar:before { - content: "\e75b"; -} - -.mdi-device-signal-cellular-connected-no-internet-3-bar:before { - content: "\e75c"; -} - -.mdi-device-signal-cellular-connected-no-internet-4-bar:before { - content: "\e75d"; -} - -.mdi-device-signal-cellular-no-sim:before { - content: "\e75e"; -} - -.mdi-device-signal-cellular-null:before { - content: "\e75f"; -} - -.mdi-device-signal-cellular-off:before { - content: "\e760"; -} - -.mdi-device-signal-wifi-0-bar:before { - content: "\e761"; -} - -.mdi-device-signal-wifi-1-bar:before { - content: "\e762"; -} - -.mdi-device-signal-wifi-2-bar:before { - content: "\e763"; -} - -.mdi-device-signal-wifi-3-bar:before { - content: "\e764"; -} - -.mdi-device-signal-wifi-4-bar:before { - content: "\e765"; -} - -.mdi-device-signal-wifi-off:before { - content: "\e766"; -} - -.mdi-device-signal-wifi-statusbar-1-bar:before { - content: "\e767"; -} - -.mdi-device-signal-wifi-statusbar-2-bar:before { - content: "\e768"; -} - -.mdi-device-signal-wifi-statusbar-3-bar:before { - content: "\e769"; -} - -.mdi-device-signal-wifi-statusbar-4-bar:before { - content: "\e76a"; -} - -.mdi-device-signal-wifi-statusbar-connected-no-internet-:before { - content: "\e76b"; -} - -.mdi-device-signal-wifi-statusbar-connected-no-internet:before { - content: "\e76f"; -} - -.mdi-device-signal-wifi-statusbar-connected-no-internet-2:before { - content: "\e76c"; -} - -.mdi-device-signal-wifi-statusbar-connected-no-internet-3:before { - content: "\e76d"; -} - -.mdi-device-signal-wifi-statusbar-connected-no-internet-4:before { - content: "\e76e"; -} - -.mdi-signal-wifi-statusbar-not-connected-after:before { - content: "\e8f7"; -} - -.mdi-device-signal-wifi-statusbar-not-connected:before { - content: "\e770"; -} - -.mdi-device-signal-wifi-statusbar-null:before { - content: "\e771"; -} - -.mdi-device-storage:before { - content: "\e772"; -} - -.mdi-device-usb:before { - content: "\e773"; -} - -.mdi-device-wifi-lock:before { - content: "\e774"; -} - -.mdi-device-wifi-tethering:before { - content: "\e775"; -} - -.mdi-hardware-cast-connected:before { - content: "\e7b7"; -} - -.mdi-hardware-cast:before { - content: "\e7b8"; -} - -.mdi-hardware-computer:before { - content: "\e7b9"; -} - -.mdi-hardware-desktop-mac:before { - content: "\e7ba"; -} - -.mdi-hardware-desktop-windows:before { - content: "\e7bb"; -} - -.mdi-hardware-dock:before { - content: "\e7bc"; -} - -.mdi-hardware-gamepad:before { - content: "\e7bd"; -} - -.mdi-hardware-headset-mic:before { - content: "\e7be"; -} - -.mdi-hardware-headset:before { - content: "\e7bf"; -} - -.mdi-hardware-keyboard-alt:before { - content: "\e7c0"; -} - -.mdi-hardware-keyboard-arrow-down:before { - content: "\e7c1"; -} - -.mdi-hardware-keyboard-arrow-left:before { - content: "\e7c2"; -} - -.mdi-hardware-keyboard-arrow-right:before { - content: "\e7c3"; -} - -.mdi-hardware-keyboard-arrow-up:before { - content: "\e7c4"; -} - -.mdi-hardware-keyboard-backspace:before { - content: "\e7c5"; -} - -.mdi-hardware-keyboard-capslock:before { - content: "\e7c6"; -} - -.mdi-hardware-keyboard-control:before { - content: "\e7c7"; -} - -.mdi-hardware-keyboard-hide:before { - content: "\e7c8"; -} - -.mdi-hardware-keyboard-return:before { - content: "\e7c9"; -} - -.mdi-hardware-keyboard-tab:before { - content: "\e7ca"; -} - -.mdi-hardware-keyboard-voice:before { - content: "\e7cb"; -} - -.mdi-hardware-keyboard:before { - content: "\e7cc"; -} - -.mdi-hardware-laptop-chromebook:before { - content: "\e7cd"; -} - -.mdi-hardware-laptop-mac:before { - content: "\e7ce"; -} - -.mdi-hardware-laptop-windows:before { - content: "\e7cf"; -} - -.mdi-hardware-laptop:before { - content: "\e7d0"; -} - -.mdi-hardware-memory:before { - content: "\e7d1"; -} - -.mdi-hardware-mouse:before { - content: "\e7d2"; -} - -.mdi-hardware-phone-android:before { - content: "\e7d3"; -} - -.mdi-hardware-phone-iphone:before { - content: "\e7d4"; -} - -.mdi-hardware-phonelink-off:before { - content: "\e7d5"; -} - -.mdi-hardware-phonelink:before { - content: "\e7d6"; -} - -.mdi-hardware-security:before { - content: "\e7d7"; -} - -.mdi-hardware-sim-card:before { - content: "\e7d8"; -} - -.mdi-hardware-smartphone:before { - content: "\e7d9"; -} - -.mdi-hardware-speaker:before { - content: "\e7da"; -} - -.mdi-hardware-tablet-android:before { - content: "\e7db"; -} - -.mdi-hardware-tablet-mac:before { - content: "\e7dc"; -} - -.mdi-hardware-tablet:before { - content: "\e7dd"; -} - -.mdi-hardware-tv:before { - content: "\e7de"; -} - -.mdi-hardware-watch:before { - content: "\e7df"; -} - -.mdi-image-add-to-photos:before { - content: "\e7e0"; -} - -.mdi-image-adjust:before { - content: "\e7e1"; -} - -.mdi-image-assistant-photo:before { - content: "\e7e2"; -} - -.mdi-image-audiotrack:before { - content: "\e7e3"; -} - -.mdi-image-blur-circular:before { - content: "\e7e4"; -} - -.mdi-image-blur-linear:before { - content: "\e7e5"; -} - -.mdi-image-blur-off:before { - content: "\e7e6"; -} - -.mdi-image-blur-on:before { - content: "\e7e7"; -} - -.mdi-image-brightness-1:before { - content: "\e7e8"; -} - -.mdi-image-brightness-2:before { - content: "\e7e9"; -} - -.mdi-image-brightness-3:before { - content: "\e7ea"; -} - -.mdi-image-brightness-4:before { - content: "\e7eb"; -} - -.mdi-image-brightness-5:before { - content: "\e7ec"; -} - -.mdi-image-brightness-6:before { - content: "\e7ed"; -} - -.mdi-image-brightness-7:before { - content: "\e7ee"; -} - -.mdi-image-brush:before { - content: "\e7ef"; -} - -.mdi-image-camera-alt:before { - content: "\e7f0"; -} - -.mdi-image-camera-front:before { - content: "\e7f1"; -} - -.mdi-image-camera-rear:before { - content: "\e7f2"; -} - -.mdi-image-camera-roll:before { - content: "\e7f3"; -} - -.mdi-image-camera:before { - content: "\e7f4"; -} - -.mdi-image-center-focus-strong:before { - content: "\e7f5"; -} - -.mdi-image-center-focus-weak:before { - content: "\e7f6"; -} - -.mdi-image-collections:before { - content: "\e7f7"; -} - -.mdi-image-color-lens:before { - content: "\e7f8"; -} - -.mdi-image-colorize:before { - content: "\e7f9"; -} - -.mdi-image-compare:before { - content: "\e7fa"; -} - -.mdi-image-control-point-duplicate:before { - content: "\e7fb"; -} - -.mdi-image-control-point:before { - content: "\e7fc"; -} - -.mdi-image-crop-3-2:before { - content: "\e7fd"; -} - -.mdi-image-crop-5-4:before { - content: "\e7fe"; -} - -.mdi-image-crop-7-5:before { - content: "\e7ff"; -} - -.mdi-image-crop-16-9:before { - content: "\e800"; -} - -.mdi-image-crop-din:before { - content: "\e801"; -} - -.mdi-image-crop-free:before { - content: "\e802"; -} - -.mdi-image-crop-landscape:before { - content: "\e803"; -} - -.mdi-image-crop-original:before { - content: "\e804"; -} - -.mdi-image-crop-portrait:before { - content: "\e805"; -} - -.mdi-image-crop-square:before { - content: "\e806"; -} - -.mdi-image-crop:before { - content: "\e807"; -} - -.mdi-image-dehaze:before { - content: "\e808"; -} - -.mdi-image-details:before { - content: "\e809"; -} - -.mdi-image-edit:before { - content: "\e80a"; -} - -.mdi-image-exposure-minus-1:before { - content: "\e80b"; -} - -.mdi-image-exposure-minus-2:before { - content: "\e80c"; -} - -.mdi-image-exposure-plus-1:before { - content: "\e80d"; -} - -.mdi-image-exposure-plus-2:before { - content: "\e80e"; -} - -.mdi-image-exposure-zero:before { - content: "\e80f"; -} - -.mdi-image-exposure:before { - content: "\e810"; -} - -.mdi-image-filter-1:before { - content: "\e811"; -} - -.mdi-image-filter-2:before { - content: "\e812"; -} - -.mdi-image-filter-3:before { - content: "\e813"; -} - -.mdi-image-filter-4:before { - content: "\e814"; -} - -.mdi-image-filter-5:before { - content: "\e815"; -} - -.mdi-image-filter-6:before { - content: "\e816"; -} - -.mdi-image-filter-7:before { - content: "\e817"; -} - -.mdi-image-filter-8:before { - content: "\e818"; -} - -.mdi-image-filter-9-plus:before { - content: "\e819"; -} - -.mdi-image-filter-9:before { - content: "\e81a"; -} - -.mdi-image-filter-b-and-w:before { - content: "\e81b"; -} - -.mdi-image-filter-center-focus:before { - content: "\e81c"; -} - -.mdi-image-filter-drama:before { - content: "\e81d"; -} - -.mdi-image-filter-frames:before { - content: "\e81e"; -} - -.mdi-image-filter-hdr:before { - content: "\e81f"; -} - -.mdi-image-filter-none:before { - content: "\e820"; -} - -.mdi-image-filter-tilt-shift:before { - content: "\e821"; -} - -.mdi-image-filter-vintage:before { - content: "\e822"; -} - -.mdi-image-filter:before { - content: "\e823"; -} - -.mdi-image-flare:before { - content: "\e824"; -} - -.mdi-image-flash-auto:before { - content: "\e825"; -} - -.mdi-image-flash-off:before { - content: "\e826"; -} - -.mdi-image-flash-on:before { - content: "\e827"; -} - -.mdi-image-flip:before { - content: "\e828"; -} - -.mdi-image-gradient:before { - content: "\e829"; -} - -.mdi-image-grain:before { - content: "\e82a"; -} - -.mdi-image-grid-off:before { - content: "\e82b"; -} - -.mdi-image-grid-on:before { - content: "\e82c"; -} - -.mdi-image-hdr-off:before { - content: "\e82d"; -} - -.mdi-image-hdr-on:before { - content: "\e82e"; -} - -.mdi-image-hdr-strong:before { - content: "\e82f"; -} - -.mdi-image-hdr-weak:before { - content: "\e830"; -} - -.mdi-image-healing:before { - content: "\e831"; -} - -.mdi-image-image-aspect-ratio:before { - content: "\e832"; -} - -.mdi-image-image:before { - content: "\e833"; -} - -.mdi-image-iso:before { - content: "\e834"; -} - -.mdi-image-landscape:before { - content: "\e835"; -} - -.mdi-image-leak-add:before { - content: "\e836"; -} - -.mdi-image-leak-remove:before { - content: "\e837"; -} - -.mdi-image-lens:before { - content: "\e838"; -} - -.mdi-image-looks-3:before { - content: "\e839"; -} - -.mdi-image-looks-4:before { - content: "\e83a"; -} - -.mdi-image-looks-5:before { - content: "\e83b"; -} - -.mdi-image-looks-6:before { - content: "\e83c"; -} - -.mdi-image-looks-one:before { - content: "\e83d"; -} - -.mdi-image-looks-two:before { - content: "\e83e"; -} - -.mdi-image-looks:before { - content: "\e83f"; -} - -.mdi-image-loupe:before { - content: "\e840"; -} - -.mdi-image-movie-creation:before { - content: "\e841"; -} - -.mdi-image-nature-people:before { - content: "\e842"; -} - -.mdi-image-nature:before { - content: "\e843"; -} - -.mdi-image-navigate-before:before { - content: "\e844"; -} - -.mdi-image-navigate-next:before { - content: "\e845"; -} - -.mdi-image-palette:before { - content: "\e846"; -} - -.mdi-image-panorama-fisheye:before { - content: "\e847"; -} - -.mdi-image-panorama-horizontal:before { - content: "\e848"; -} - -.mdi-image-panorama-vertical:before { - content: "\e849"; -} - -.mdi-image-panorama-wide-angle:before { - content: "\e84a"; -} - -.mdi-image-panorama:before { - content: "\e84b"; -} - -.mdi-image-photo-album:before { - content: "\e84c"; -} - -.mdi-image-photo-camera:before { - content: "\e84d"; -} - -.mdi-image-photo-library:before { - content: "\e84e"; -} - -.mdi-image-photo:before { - content: "\e84f"; -} - -.mdi-image-portrait:before { - content: "\e850"; -} - -.mdi-image-remove-red-eye:before { - content: "\e851"; -} - -.mdi-image-rotate-left:before { - content: "\e852"; -} - -.mdi-image-rotate-right:before { - content: "\e853"; -} - -.mdi-image-slideshow:before { - content: "\e854"; -} - -.mdi-image-straighten:before { - content: "\e855"; -} - -.mdi-image-style:before { - content: "\e856"; -} - -.mdi-image-switch-camera:before { - content: "\e857"; -} - -.mdi-image-switch-video:before { - content: "\e858"; -} - -.mdi-image-tag-faces:before { - content: "\e859"; -} - -.mdi-image-texture:before { - content: "\e85a"; -} - -.mdi-image-timelapse:before { - content: "\e85b"; -} - -.mdi-image-timer-3:before { - content: "\e85c"; -} - -.mdi-image-timer-10:before { - content: "\e85d"; -} - -.mdi-image-timer-auto:before { - content: "\e85e"; -} - -.mdi-image-timer-off:before { - content: "\e85f"; -} - -.mdi-image-timer:before { - content: "\e860"; -} - -.mdi-image-tonality:before { - content: "\e861"; -} - -.mdi-image-transform:before { - content: "\e862"; -} - -.mdi-image-tune:before { - content: "\e863"; -} - -.mdi-image-wb-auto:before { - content: "\e864"; -} - -.mdi-image-wb-cloudy:before { - content: "\e865"; -} - -.mdi-image-wb-incandescent:before { - content: "\e866"; -} - -.mdi-image-wb-irradescent:before { - content: "\e867"; -} - -.mdi-image-wb-sunny:before { - content: "\e868"; -} - -.mdi-maps-beenhere:before { - content: "\e869"; -} - -.mdi-maps-directions-bike:before { - content: "\e86a"; -} - -.mdi-maps-directions-bus:before { - content: "\e86b"; -} - -.mdi-maps-directions-car:before { - content: "\e86c"; -} - -.mdi-maps-directions-ferry:before { - content: "\e86d"; -} - -.mdi-maps-directions-subway:before { - content: "\e86e"; -} - -.mdi-maps-directions-train:before { - content: "\e86f"; -} - -.mdi-maps-directions-transit:before { - content: "\e870"; -} - -.mdi-maps-directions-walk:before { - content: "\e871"; -} - -.mdi-maps-directions:before { - content: "\e872"; -} - -.mdi-maps-flight:before { - content: "\e873"; -} - -.mdi-maps-hotel:before { - content: "\e874"; -} - -.mdi-maps-layers-clear:before { - content: "\e875"; -} - -.mdi-maps-layers:before { - content: "\e876"; -} - -.mdi-maps-local-airport:before { - content: "\e877"; -} - -.mdi-maps-local-atm:before { - content: "\e878"; -} - -.mdi-maps-local-attraction:before { - content: "\e879"; -} - -.mdi-maps-local-bar:before { - content: "\e87a"; -} - -.mdi-maps-local-cafe:before { - content: "\e87b"; -} - -.mdi-maps-local-car-wash:before { - content: "\e87c"; -} - -.mdi-maps-local-convenience-store:before { - content: "\e87d"; -} - -.mdi-maps-local-drink:before { - content: "\e87e"; -} - -.mdi-maps-local-florist:before { - content: "\e87f"; -} - -.mdi-maps-local-gas-station:before { - content: "\e880"; -} - -.mdi-maps-local-grocery-store:before { - content: "\e881"; -} - -.mdi-maps-local-hospital:before { - content: "\e882"; -} - -.mdi-maps-local-hotel:before { - content: "\e883"; -} - -.mdi-maps-local-laundry-service:before { - content: "\e884"; -} - -.mdi-maps-local-library:before { - content: "\e885"; -} - -.mdi-maps-local-mall:before { - content: "\e886"; -} - -.mdi-maps-local-movies:before { - content: "\e887"; -} - -.mdi-maps-local-offer:before { - content: "\e888"; -} - -.mdi-maps-local-parking:before { - content: "\e889"; -} - -.mdi-maps-local-pharmacy:before { - content: "\e88a"; -} - -.mdi-maps-local-phone:before { - content: "\e88b"; -} - -.mdi-maps-local-pizza:before { - content: "\e88c"; -} - -.mdi-maps-local-play:before { - content: "\e88d"; -} - -.mdi-maps-local-post-office:before { - content: "\e88e"; -} - -.mdi-maps-local-print-shop:before { - content: "\e88f"; -} - -.mdi-maps-local-restaurant:before { - content: "\e890"; -} - -.mdi-maps-local-see:before { - content: "\e891"; -} - -.mdi-maps-local-shipping:before { - content: "\e892"; -} - -.mdi-maps-local-taxi:before { - content: "\e893"; -} - -.mdi-maps-location-history:before { - content: "\e894"; -} - -.mdi-maps-map:before { - content: "\e895"; -} - -.mdi-maps-my-location:before { - content: "\e896"; -} - -.mdi-maps-navigation:before { - content: "\e897"; -} - -.mdi-maps-pin-drop:before { - content: "\e898"; -} - -.mdi-maps-place:before { - content: "\e899"; -} - -.mdi-maps-rate-review:before { - content: "\e89a"; -} - -.mdi-maps-restaurant-menu:before { - content: "\e89b"; -} - -.mdi-maps-satellite:before { - content: "\e89c"; -} - -.mdi-maps-store-mall-directory:before { - content: "\e89d"; -} - -.mdi-maps-terrain:before { - content: "\e89e"; -} - -.mdi-maps-traffic:before { - content: "\e89f"; -} - -.mdi-navigation-apps:before { - content: "\e8a0"; -} - -.mdi-navigation-arrow-back:before { - content: "\e8a1"; -} - -.mdi-navigation-arrow-drop-down-circle:before { - content: "\e8a2"; -} - -.mdi-navigation-arrow-drop-down:before { - content: "\e8a3"; -} - -.mdi-navigation-arrow-drop-up:before { - content: "\e8a4"; -} - -.mdi-navigation-arrow-forward:before { - content: "\e8a5"; -} - -.mdi-navigation-cancel:before { - content: "\e8a6"; -} - -.mdi-navigation-check:before { - content: "\e8a7"; -} - -.mdi-navigation-chevron-left:before { - content: "\e8a8"; -} - -.mdi-navigation-chevron-right:before { - content: "\e8a9"; -} - -.mdi-navigation-close:before { - content: "\e8aa"; -} - -.mdi-navigation-expand-less:before { - content: "\e8ab"; -} - -.mdi-navigation-expand-more:before { - content: "\e8ac"; -} - -.mdi-navigation-fullscreen-exit:before { - content: "\e8ad"; -} - -.mdi-navigation-fullscreen:before { - content: "\e8ae"; -} - -.mdi-navigation-menu:before { - content: "\e8af"; -} - -.mdi-navigation-more-horiz:before { - content: "\e8b0"; -} - -.mdi-navigation-more-vert:before { - content: "\e8b1"; -} - -.mdi-navigation-refresh:before { - content: "\e8b2"; -} - -.mdi-navigation-unfold-less:before { - content: "\e8b3"; -} - -.mdi-navigation-unfold-more:before { - content: "\e8b4"; -} - -.mdi-notification-adb:before { - content: "\e8b5"; -} - -.mdi-notification-bluetooth-audio:before { - content: "\e8b6"; -} - -.mdi-notification-disc-full:before { - content: "\e8b7"; -} - -.mdi-notification-dnd-forwardslash:before { - content: "\e8b8"; -} - -.mdi-notification-do-not-disturb:before { - content: "\e8b9"; -} - -.mdi-notification-drive-eta:before { - content: "\e8ba"; -} - -.mdi-notification-event-available:before { - content: "\e8bb"; -} - -.mdi-notification-event-busy:before { - content: "\e8bc"; -} - -.mdi-notification-event-note:before { - content: "\e8bd"; -} - -.mdi-notification-folder-special:before { - content: "\e8be"; -} - -.mdi-notification-mms:before { - content: "\e8bf"; -} - -.mdi-notification-more:before { - content: "\e8c0"; -} - -.mdi-notification-network-locked:before { - content: "\e8c1"; -} - -.mdi-notification-phone-bluetooth-speaker:before { - content: "\e8c2"; -} - -.mdi-notification-phone-forwarded:before { - content: "\e8c3"; -} - -.mdi-notification-phone-in-talk:before { - content: "\e8c4"; -} - -.mdi-notification-phone-locked:before { - content: "\e8c5"; -} - -.mdi-notification-phone-missed:before { - content: "\e8c6"; -} - -.mdi-notification-phone-paused:before { - content: "\e8c7"; -} - -.mdi-notification-play-download:before { - content: "\e8c8"; -} - -.mdi-notification-play-install:before { - content: "\e8c9"; -} - -.mdi-notification-sd-card:before { - content: "\e8ca"; -} - -.mdi-notification-sim-card-alert:before { - content: "\e8cb"; -} - -.mdi-notification-sms-failed:before { - content: "\e8cc"; -} - -.mdi-notification-sms:before { - content: "\e8cd"; -} - -.mdi-notification-sync-disabled:before { - content: "\e8ce"; -} - -.mdi-notification-sync-problem:before { - content: "\e8cf"; -} - -.mdi-notification-sync:before { - content: "\e8d0"; -} - -.mdi-notification-system-update:before { - content: "\e8d1"; -} - -.mdi-notification-tap-and-play:before { - content: "\e8d2"; -} - -.mdi-notification-time-to-leave:before { - content: "\e8d3"; -} - -.mdi-notification-vibration:before { - content: "\e8d4"; -} - -.mdi-notification-voice-chat:before { - content: "\e8d5"; -} - -.mdi-notification-vpn-lock:before { - content: "\e8d6"; -} - -.mdi-social-cake:before { - content: "\e8d7"; -} - -.mdi-social-domain:before { - content: "\e8d8"; -} - -.mdi-social-group-add:before { - content: "\e8d9"; -} - -.mdi-social-group:before { - content: "\e8da"; -} - -.mdi-social-location-city:before { - content: "\e8db"; -} - -.mdi-social-mood:before { - content: "\e8dc"; -} - -.mdi-social-notifications-none:before { - content: "\e8dd"; -} - -.mdi-social-notifications-off:before { - content: "\e8de"; -} - -.mdi-social-notifications-on:before { - content: "\e8df"; -} - -.mdi-social-notifications-paused:before { - content: "\e8e0"; -} - -.mdi-social-notifications:before { - content: "\e8e1"; -} - -.mdi-social-pages:before { - content: "\e8e2"; -} - -.mdi-social-party-mode:before { - content: "\e8e3"; -} - -.mdi-social-people-outline:before { - content: "\e8e4"; -} - -.mdi-social-people:before { - content: "\e8e5"; -} - -.mdi-social-person-add:before { - content: "\e8e6"; -} - -.mdi-social-person-outline:before { - content: "\e8e7"; -} - -.mdi-social-person:before { - content: "\e8e8"; -} - -.mdi-social-plus-one:before { - content: "\e8e9"; -} - -.mdi-social-poll:before { - content: "\e8ea"; -} - -.mdi-social-public:before { - content: "\e8eb"; -} - -.mdi-social-school:before { - content: "\e8ec"; -} - -.mdi-social-share:before { - content: "\e8ed"; -} - -.mdi-social-whatshot:before { - content: "\e8ee"; -} - -.mdi-toggle-check-box-outline-blank:before { - content: "\e8ef"; -} - -.mdi-toggle-check-box:before { - content: "\e8f0"; -} - -.mdi-toggle-radio-button-off:before { - content: "\e8f1"; -} - -.mdi-toggle-radio-button-on:before { - content: "\e8f2"; -} - -.mdi-toggle-star-half:before { - content: "\e8f3"; -} - -.mdi-toggle-star-outline:before { - content: "\e8f4"; -} - -.mdi-toggle-star:before { - content: "\e8f5"; -} +//@font-face { +// font-family: 'Material-Design-Icons'; +// src:url('@{mdb-font-path}/Material-Design-Icons.eot?3ocs8m'); +// src:url('@{mdb-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'), +// url('@{mdb-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'), +// url('@{mdb-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'), +// url('@{mdb-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg'); +// font-weight: normal; +// font-style: normal; +//} +// +//[class^="mdi-"], [class*="mdi-"] { +// speak: none; +// display: inline-block; +// font: normal normal normal 24px/1 'Material-Design-Icons'; +// text-rendering: auto; +// /* Better Font Rendering =========== */ +// -webkit-font-smoothing: antialiased; +// -moz-osx-font-smoothing: grayscale; +// transform: translate(0, 0); +// &:before { +// display: inline-block; +// speak: none; +// text-decoration: inherit; +// } +// &.pull-left { +// margin-right: .3em; +// } +// &.pull-right{ +// margin-left: .3em; +// } +// &.mdi-lg:before, &.mdi-lg:after { +// font-size: 1.33333333em; +// line-height: 0.75em; +// vertical-align: -15%; +// } +// &.mdi-2x:before, &.mdi-2x:after { +// font-size: 2em; +// } +// &.mdi-3x:before, &.mdi-3x:after { +// font-size: 3em; +// } +// &.mdi-4x:before, &.mdi-4x:after { +// font-size: 4em; +// } +// &.mdi-5x:before, &.mdi-5x:after { +// font-size: 5em; +// } +//} +// +//[class^="mdi-device-signal-cellular-"], +//[class^="mdi-device-battery-"], +//[class^="mdi-device-battery-charging-"], +//[class^="mdi-device-signal-cellular-connected-no-internet-"], +//[class^="mdi-device-signal-wifi-"], +//[class^="mdi-device-signal-wifi-statusbar-not-connected"], +//.mdi-device-network-wifi{ +// &:after { +// opacity: .3; +// position: absolute; +// left: 0; +// top: 0; +// z-index: 1; +// display: inline-block; +// speak: none; +// text-decoration: inherit; +// } +//} +// +//[class^="mdi-device-signal-cellular-"]:after {content:"\e758";} +//[class^="mdi-device-battery-"]:after {content:"\e735";} +//[class^="mdi-device-battery-charging-"]:after {content:"\e733";} +//[class^="mdi-device-signal-cellular-connected-no-internet-"]:after {content:"\e75d";} +//[class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after {content:"\e765";} +//[class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {content:"\e8f7";} +// +//.mdi-device-signal-cellular-off, .mdi-device-signal-cellular-null, .mdi-device-signal-cellular-no-sim, .mdi-device-signal-wifi-off, .mdi-device-signal-wifi-4-bar, .mdi-device-signal-cellular-4-bar, .mdi-device-battery-alert, .mdi-device-signal-cellular-connected-no-internet-4-bar, .mdi-device-battery-std, .mdi-device-battery-full .mdi-device-battery-unknown { +// &:after { +// content: ""; +// } +//} +// +//.mdi-fw { +// width: 1.28571429em; +// text-align: center; +//} +//.mdi-ul { +// padding-left: 0; +// margin-left: 2.14285714em; +// list-style-type: none; +//} +//.mdi-ul > li { +// position: relative; +//} +//.mdi-li { +// position: absolute; +// left: -2.14285714em; +// width: 2.14285714em; +// top: 0.14285714em; +// text-align: center; +//} +//.mdi-li.mdi-lg { +// left: -1.85714286em; +//} +//.mdi-border { +// padding: .2em .25em .15em; +// border: solid 0.08em #eeeeee; +// border-radius: .1em; +//} +// +//.mdi-spin { +// -webkit-animation: mdi-spin 2s infinite linear; +// animation: mdi-spin 2s infinite linear; +// -webkit-transform-origin: 50% 50%; +// -moz-transform-origin: 50% 50%; +// -o-transform-origin: 50% 50%; +// transform-origin: 50% 50%; +//} +//.mdi-pulse { +// -webkit-animation: mdi-spin 1s steps(8) infinite; +// animation: mdi-spin 1s steps(8) infinite ; +// -webkit-transform-origin: 50% 50%; +// -moz-transform-origin: 50% 50%; +// -o-transform-origin: 50% 50%; +// transform-origin: 50% 50%; +//} +//@-webkit-keyframes mdi-spin { +// 0% { +// -webkit-transform: rotate(0deg); +// transform: rotate(0deg); +// } +// 100% { +// -webkit-transform: rotate(359deg); +// transform: rotate(359deg); +// } +//} +//@keyframes mdi-spin { +// 0% { +// -webkit-transform: rotate(0deg); +// transform: rotate(0deg); +// } +// 100% { +// -webkit-transform: rotate(359deg); +// transform: rotate(359deg); +// } +//} +//.mdi-rotate-90 { +// filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +// -webkit-transform: rotate(90deg); +// -ms-transform: rotate(90deg); +// transform: rotate(90deg); +//} +//.mdi-rotate-180 { +// filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +// -webkit-transform: rotate(180deg); +// -ms-transform: rotate(180deg); +// transform: rotate(180deg); +//} +//.mdi-rotate-270 { +// filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +// -webkit-transform: rotate(270deg); +// -ms-transform: rotate(270deg); +// transform: rotate(270deg); +//} +//.mdi-flip-horizontal { +// filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); +// -webkit-transform: scale(-1, 1); +// -ms-transform: scale(-1, 1); +// transform: scale(-1, 1); +//} +//.mdi-flip-vertical { +// filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); +// -webkit-transform: scale(1, -1); +// -ms-transform: scale(1, -1); +// transform: scale(1, -1); +//} +//:root .mdi-rotate-90, +//:root .mdi-rotate-180, +//:root .mdi-rotate-270, +//:root .mdi-flip-horizontal, +//:root .mdi-flip-vertical { +// filter: none; +//} +//.mdi-stack { +// position: relative; +// display: inline-block; +// width: 2em; +// height: 2em; +// line-height: 2em; +// vertical-align: middle; +//} +//.mdi-stack-1x, +//.mdi-stack-2x { +// position: absolute; +// left: 0; +// width: 100%; +// text-align: center; +//} +//.mdi-stack-1x { +// line-height: inherit; +//} +//.mdi-stack-2x { +// font-size: 2em; +//} +//.mdi-inverse { +// color: #ffffff; +//} +// +// +///* Start Icons */ +// +//.mdi-action-3d-rotation:before { +// content: "\e600"; +//} +// +//.mdi-action-accessibility:before { +// content: "\e601"; +//} +// +//.mdi-action-account-balance-wallet:before { +// content: "\e602"; +//} +// +//.mdi-action-account-balance:before { +// content: "\e603"; +//} +// +//.mdi-action-account-box:before { +// content: "\e604"; +//} +// +//.mdi-action-account-child:before { +// content: "\e605"; +//} +// +//.mdi-action-account-circle:before { +// content: "\e606"; +//} +// +//.mdi-action-add-shopping-cart:before { +// content: "\e607"; +//} +// +//.mdi-action-alarm-add:before { +// content: "\e608"; +//} +// +//.mdi-action-alarm-off:before { +// content: "\e609"; +//} +// +//.mdi-action-alarm-on:before { +// content: "\e60a"; +//} +// +//.mdi-action-alarm:before { +// content: "\e60b"; +//} +// +//.mdi-action-android:before { +// content: "\e60c"; +//} +// +//.mdi-action-announcement:before { +// content: "\e60d"; +//} +// +//.mdi-action-aspect-ratio:before { +// content: "\e60e"; +//} +// +//.mdi-action-assessment:before { +// content: "\e60f"; +//} +// +//.mdi-action-assignment-ind:before { +// content: "\e610"; +//} +// +//.mdi-action-assignment-late:before { +// content: "\e611"; +//} +// +//.mdi-action-assignment-return:before { +// content: "\e612"; +//} +// +//.mdi-action-assignment-returned:before { +// content: "\e613"; +//} +// +//.mdi-action-assignment-turned-in:before { +// content: "\e614"; +//} +// +//.mdi-action-assignment:before { +// content: "\e615"; +//} +// +//.mdi-action-autorenew:before { +// content: "\e616"; +//} +// +//.mdi-action-backup:before { +// content: "\e617"; +//} +// +//.mdi-action-book:before { +// content: "\e618"; +//} +// +//.mdi-action-bookmark-outline:before { +// content: "\e619"; +//} +// +//.mdi-action-bookmark:before { +// content: "\e61a"; +//} +// +//.mdi-action-bug-report:before { +// content: "\e61b"; +//} +// +//.mdi-action-cached:before { +// content: "\e61c"; +//} +// +//.mdi-action-check-circle:before { +// content: "\e61d"; +//} +// +//.mdi-action-class:before { +// content: "\e61e"; +//} +// +//.mdi-action-credit-card:before { +// content: "\e61f"; +//} +// +//.mdi-action-dashboard:before { +// content: "\e620"; +//} +// +//.mdi-action-delete:before { +// content: "\e621"; +//} +// +//.mdi-action-description:before { +// content: "\e622"; +//} +// +//.mdi-action-dns:before { +// content: "\e623"; +//} +// +//.mdi-action-done-all:before { +// content: "\e624"; +//} +// +//.mdi-action-done:before { +// content: "\e625"; +//} +// +//.mdi-action-event:before { +// content: "\e626"; +//} +// +//.mdi-action-exit-to-app:before { +// content: "\e627"; +//} +// +//.mdi-action-explore:before { +// content: "\e628"; +//} +// +//.mdi-action-extension:before { +// content: "\e629"; +//} +// +//.mdi-action-face-unlock:before { +// content: "\e62a"; +//} +// +//.mdi-action-favorite-outline:before { +// content: "\e62b"; +//} +// +//.mdi-action-favorite:before { +// content: "\e62c"; +//} +// +//.mdi-action-find-in-page:before { +// content: "\e62d"; +//} +// +//.mdi-action-find-replace:before { +// content: "\e62e"; +//} +// +//.mdi-action-flip-to-back:before { +// content: "\e62f"; +//} +// +//.mdi-action-flip-to-front:before { +// content: "\e630"; +//} +// +//.mdi-action-get-app:before { +// content: "\e631"; +//} +// +//.mdi-action-grade:before { +// content: "\e632"; +//} +// +//.mdi-action-group-work:before { +// content: "\e633"; +//} +// +//.mdi-action-help:before { +// content: "\e634"; +//} +// +//.mdi-action-highlight-remove:before { +// content: "\e635"; +//} +// +//.mdi-action-history:before { +// content: "\e636"; +//} +// +//.mdi-action-home:before { +// content: "\e637"; +//} +// +//.mdi-action-https:before { +// content: "\e638"; +//} +// +//.mdi-action-info-outline:before { +// content: "\e639"; +//} +// +//.mdi-action-info:before { +// content: "\e63a"; +//} +// +//.mdi-action-input:before { +// content: "\e63b"; +//} +// +//.mdi-action-invert-colors:before { +// content: "\e63c"; +//} +// +//.mdi-action-label-outline:before { +// content: "\e63d"; +//} +// +//.mdi-action-label:before { +// content: "\e63e"; +//} +// +//.mdi-action-language:before { +// content: "\e63f"; +//} +// +//.mdi-action-launch:before { +// content: "\e640"; +//} +// +//.mdi-action-list:before { +// content: "\e641"; +//} +// +//.mdi-action-lock-open:before { +// content: "\e642"; +//} +// +//.mdi-action-lock-outline:before { +// content: "\e643"; +//} +// +//.mdi-action-lock:before { +// content: "\e644"; +//} +// +//.mdi-action-loyalty:before { +// content: "\e645"; +//} +// +//.mdi-action-markunread-mailbox:before { +// content: "\e646"; +//} +// +//.mdi-action-note-add:before { +// content: "\e647"; +//} +// +//.mdi-action-open-in-browser:before { +// content: "\e648"; +//} +// +//.mdi-action-open-in-new:before { +// content: "\e649"; +//} +// +//.mdi-action-open-with:before { +// content: "\e64a"; +//} +// +//.mdi-action-pageview:before { +// content: "\e64b"; +//} +// +//.mdi-action-payment:before { +// content: "\e64c"; +//} +// +//.mdi-action-perm-camera-mic:before { +// content: "\e64d"; +//} +// +//.mdi-action-perm-contact-cal:before { +// content: "\e64e"; +//} +// +//.mdi-action-perm-data-setting:before { +// content: "\e64f"; +//} +// +//.mdi-action-perm-device-info:before { +// content: "\e650"; +//} +// +//.mdi-action-perm-identity:before { +// content: "\e651"; +//} +// +//.mdi-action-perm-media:before { +// content: "\e652"; +//} +// +//.mdi-action-perm-phone-msg:before { +// content: "\e653"; +//} +// +//.mdi-action-perm-scan-wifi:before { +// content: "\e654"; +//} +// +//.mdi-action-picture-in-picture:before { +// content: "\e655"; +//} +// +//.mdi-action-polymer:before { +// content: "\e656"; +//} +// +//.mdi-action-print:before { +// content: "\e657"; +//} +// +//.mdi-action-query-builder:before { +// content: "\e658"; +//} +// +//.mdi-action-question-answer:before { +// content: "\e659"; +//} +// +//.mdi-action-receipt:before { +// content: "\e65a"; +//} +// +//.mdi-action-redeem:before { +// content: "\e65b"; +//} +// +//.mdi-action-reorder:before { +// content: "\e65c"; +//} +// +//.mdi-action-report-problem:before { +// content: "\e65d"; +//} +// +//.mdi-action-restore:before { +// content: "\e65e"; +//} +// +//.mdi-action-room:before { +// content: "\e65f"; +//} +// +//.mdi-action-schedule:before { +// content: "\e660"; +//} +// +//.mdi-action-search:before { +// content: "\e661"; +//} +// +//.mdi-action-settings-applications:before { +// content: "\e662"; +//} +// +//.mdi-action-settings-backup-restore:before { +// content: "\e663"; +//} +// +//.mdi-action-settings-bluetooth:before { +// content: "\e664"; +//} +// +//.mdi-action-settings-cell:before { +// content: "\e665"; +//} +// +//.mdi-action-settings-display:before { +// content: "\e666"; +//} +// +//.mdi-action-settings-ethernet:before { +// content: "\e667"; +//} +// +//.mdi-action-settings-input-antenna:before { +// content: "\e668"; +//} +// +//.mdi-action-settings-input-component:before { +// content: "\e669"; +//} +// +//.mdi-action-settings-input-composite:before { +// content: "\e66a"; +//} +// +//.mdi-action-settings-input-hdmi:before { +// content: "\e66b"; +//} +// +//.mdi-action-settings-input-svideo:before { +// content: "\e66c"; +//} +// +//.mdi-action-settings-overscan:before { +// content: "\e66d"; +//} +// +//.mdi-action-settings-phone:before { +// content: "\e66e"; +//} +// +//.mdi-action-settings-power:before { +// content: "\e66f"; +//} +// +//.mdi-action-settings-remote:before { +// content: "\e670"; +//} +// +//.mdi-action-settings-voice:before { +// content: "\e671"; +//} +// +//.mdi-action-settings:before { +// content: "\e672"; +//} +// +//.mdi-action-shop-two:before { +// content: "\e673"; +//} +// +//.mdi-action-shop:before { +// content: "\e674"; +//} +// +//.mdi-action-shopping-basket:before { +// content: "\e675"; +//} +// +//.mdi-action-shopping-cart:before { +// content: "\e676"; +//} +// +//.mdi-action-speaker-notes:before { +// content: "\e677"; +//} +// +//.mdi-action-spellcheck:before { +// content: "\e678"; +//} +// +//.mdi-action-star-rate:before { +// content: "\e679"; +//} +// +//.mdi-action-stars:before { +// content: "\e67a"; +//} +// +//.mdi-action-store:before { +// content: "\e67b"; +//} +// +//.mdi-action-subject:before { +// content: "\e67c"; +//} +// +//.mdi-action-supervisor-account:before { +// content: "\e67d"; +//} +// +//.mdi-action-swap-horiz:before { +// content: "\e67e"; +//} +// +//.mdi-action-swap-vert-circle:before { +// content: "\e67f"; +//} +// +//.mdi-action-swap-vert:before { +// content: "\e680"; +//} +// +//.mdi-action-system-update-tv:before { +// content: "\e681"; +//} +// +//.mdi-action-tab-unselected:before { +// content: "\e682"; +//} +// +//.mdi-action-tab:before { +// content: "\e683"; +//} +// +//.mdi-action-theaters:before { +// content: "\e684"; +//} +// +//.mdi-action-thumb-down:before { +// content: "\e685"; +//} +// +//.mdi-action-thumb-up:before { +// content: "\e686"; +//} +// +//.mdi-action-thumbs-up-down:before { +// content: "\e687"; +//} +// +//.mdi-action-toc:before { +// content: "\e688"; +//} +// +//.mdi-action-today:before { +// content: "\e689"; +//} +// +//.mdi-action-track-changes:before { +// content: "\e68a"; +//} +// +//.mdi-action-translate:before { +// content: "\e68b"; +//} +// +//.mdi-action-trending-down:before { +// content: "\e68c"; +//} +// +//.mdi-action-trending-neutral:before { +// content: "\e68d"; +//} +// +//.mdi-action-trending-up:before { +// content: "\e68e"; +//} +// +//.mdi-action-turned-in-not:before { +// content: "\e68f"; +//} +// +//.mdi-action-turned-in:before { +// content: "\e690"; +//} +// +//.mdi-action-verified-user:before { +// content: "\e691"; +//} +// +//.mdi-action-view-agenda:before { +// content: "\e692"; +//} +// +//.mdi-action-view-array:before { +// content: "\e693"; +//} +// +//.mdi-action-view-carousel:before { +// content: "\e694"; +//} +// +//.mdi-action-view-column:before { +// content: "\e695"; +//} +// +//.mdi-action-view-day:before { +// content: "\e696"; +//} +// +//.mdi-action-view-headline:before { +// content: "\e697"; +//} +// +//.mdi-action-view-list:before { +// content: "\e698"; +//} +// +//.mdi-action-view-module:before { +// content: "\e699"; +//} +// +//.mdi-action-view-quilt:before { +// content: "\e69a"; +//} +// +//.mdi-action-view-stream:before { +// content: "\e69b"; +//} +// +//.mdi-action-view-week:before { +// content: "\e69c"; +//} +// +//.mdi-action-visibility-off:before { +// content: "\e69d"; +//} +// +//.mdi-action-visibility:before { +// content: "\e69e"; +//} +// +//.mdi-action-wallet-giftcard:before { +// content: "\e69f"; +//} +// +//.mdi-action-wallet-membership:before { +// content: "\e6a0"; +//} +// +//.mdi-action-wallet-travel:before { +// content: "\e6a1"; +//} +// +//.mdi-action-work:before { +// content: "\e6a2"; +//} +// +//.mdi-alert-error:before { +// content: "\e6a3"; +//} +// +//.mdi-alert-warning:before { +// content: "\e6a4"; +//} +// +//.mdi-av-album:before { +// content: "\e6a5"; +//} +// +//.mdi-av-closed-caption:before { +// content: "\e6a6"; +//} +// +//.mdi-av-equalizer:before { +// content: "\e6a7"; +//} +// +//.mdi-av-explicit:before { +// content: "\e6a8"; +//} +// +//.mdi-av-fast-forward:before { +// content: "\e6a9"; +//} +// +//.mdi-av-fast-rewind:before { +// content: "\e6aa"; +//} +// +//.mdi-av-games:before { +// content: "\e6ab"; +//} +// +//.mdi-av-hearing:before { +// content: "\e6ac"; +//} +// +//.mdi-av-high-quality:before { +// content: "\e6ad"; +//} +// +//.mdi-av-loop:before { +// content: "\e6ae"; +//} +// +//.mdi-av-mic-none:before { +// content: "\e6af"; +//} +// +//.mdi-av-mic-off:before { +// content: "\e6b0"; +//} +// +//.mdi-av-mic:before { +// content: "\e6b1"; +//} +// +//.mdi-av-movie:before { +// content: "\e6b2"; +//} +// +//.mdi-av-my-library-add:before { +// content: "\e6b3"; +//} +// +//.mdi-av-my-library-books:before { +// content: "\e6b4"; +//} +// +//.mdi-av-my-library-music:before { +// content: "\e6b5"; +//} +// +//.mdi-av-new-releases:before { +// content: "\e6b6"; +//} +// +//.mdi-av-not-interested:before { +// content: "\e6b7"; +//} +// +//.mdi-av-pause-circle-fill:before { +// content: "\e6b8"; +//} +// +//.mdi-av-pause-circle-outline:before { +// content: "\e6b9"; +//} +// +//.mdi-av-pause:before { +// content: "\e6ba"; +//} +// +//.mdi-av-play-arrow:before { +// content: "\e6bb"; +//} +// +//.mdi-av-play-circle-fill:before { +// content: "\e6bc"; +//} +// +//.mdi-av-play-circle-outline:before { +// content: "\e6bd"; +//} +// +//.mdi-av-play-shopping-bag:before { +// content: "\e6be"; +//} +// +//.mdi-av-playlist-add:before { +// content: "\e6bf"; +//} +// +//.mdi-av-queue-music:before { +// content: "\e6c0"; +//} +// +//.mdi-av-queue:before { +// content: "\e6c1"; +//} +// +//.mdi-av-radio:before { +// content: "\e6c2"; +//} +// +//.mdi-av-recent-actors:before { +// content: "\e6c3"; +//} +// +//.mdi-av-repeat-one:before { +// content: "\e6c4"; +//} +// +//.mdi-av-repeat:before { +// content: "\e6c5"; +//} +// +//.mdi-av-replay:before { +// content: "\e6c6"; +//} +// +//.mdi-av-shuffle:before { +// content: "\e6c7"; +//} +// +//.mdi-av-skip-next:before { +// content: "\e6c8"; +//} +// +//.mdi-av-skip-previous:before { +// content: "\e6c9"; +//} +// +//.mdi-av-snooze:before { +// content: "\e6ca"; +//} +// +//.mdi-av-stop:before { +// content: "\e6cb"; +//} +// +//.mdi-av-subtitles:before { +// content: "\e6cc"; +//} +// +//.mdi-av-surround-sound:before { +// content: "\e6cd"; +//} +// +//.mdi-av-timer:before { +// content: "\e6ce"; +//} +// +//.mdi-av-video-collection:before { +// content: "\e6cf"; +//} +// +//.mdi-av-videocam-off:before { +// content: "\e6d0"; +//} +// +//.mdi-av-videocam:before { +// content: "\e6d1"; +//} +// +//.mdi-av-volume-down:before { +// content: "\e6d2"; +//} +// +//.mdi-av-volume-mute:before { +// content: "\e6d3"; +//} +// +//.mdi-av-volume-off:before { +// content: "\e6d4"; +//} +// +//.mdi-av-volume-up:before { +// content: "\e6d5"; +//} +// +//.mdi-av-web:before { +// content: "\e6d6"; +//} +// +//.mdi-communication-business:before { +// content: "\e6d7"; +//} +// +//.mdi-communication-call-end:before { +// content: "\e6d8"; +//} +// +//.mdi-communication-call-made:before { +// content: "\e6d9"; +//} +// +//.mdi-communication-call-merge:before { +// content: "\e6da"; +//} +// +//.mdi-communication-call-missed:before { +// content: "\e6db"; +//} +// +//.mdi-communication-call-received:before { +// content: "\e6dc"; +//} +// +//.mdi-communication-call-split:before { +// content: "\e6dd"; +//} +// +//.mdi-communication-call:before { +// content: "\e6de"; +//} +// +//.mdi-communication-chat:before { +// content: "\e6df"; +//} +// +//.mdi-communication-clear-all:before { +// content: "\e6e0"; +//} +// +//.mdi-communication-comment:before { +// content: "\e6e1"; +//} +// +//.mdi-communication-contacts:before { +// content: "\e6e2"; +//} +// +//.mdi-communication-dialer-sip:before { +// content: "\e6e3"; +//} +// +//.mdi-communication-dialpad:before { +// content: "\e6e4"; +//} +// +//.mdi-communication-dnd-on:before { +// content: "\e6e5"; +//} +// +//.mdi-communication-email:before { +// content: "\e6e6"; +//} +// +//.mdi-communication-forum:before { +// content: "\e6e7"; +//} +// +//.mdi-communication-import-export:before { +// content: "\e6e8"; +//} +// +//.mdi-communication-invert-colors-off:before { +// content: "\e6e9"; +//} +// +//.mdi-communication-invert-colors-on:before { +// content: "\e6ea"; +//} +// +//.mdi-communication-live-help:before { +// content: "\e6eb"; +//} +// +//.mdi-communication-location-off:before { +// content: "\e6ec"; +//} +// +//.mdi-communication-location-on:before { +// content: "\e6ed"; +//} +// +//.mdi-communication-message:before { +// content: "\e6ee"; +//} +// +//.mdi-communication-messenger:before { +// content: "\e6ef"; +//} +// +//.mdi-communication-no-sim:before { +// content: "\e6f0"; +//} +// +//.mdi-communication-phone:before { +// content: "\e6f1"; +//} +// +//.mdi-communication-portable-wifi-off:before { +// content: "\e6f2"; +//} +// +//.mdi-communication-quick-contacts-dialer:before { +// content: "\e6f3"; +//} +// +//.mdi-communication-quick-contacts-mail:before { +// content: "\e6f4"; +//} +// +//.mdi-communication-ring-volume:before { +// content: "\e6f5"; +//} +// +//.mdi-communication-stay-current-landscape:before { +// content: "\e6f6"; +//} +// +//.mdi-communication-stay-current-portrait:before { +// content: "\e6f7"; +//} +// +//.mdi-communication-stay-primary-landscape:before { +// content: "\e6f8"; +//} +// +//.mdi-communication-stay-primary-portrait:before { +// content: "\e6f9"; +//} +// +//.mdi-communication-swap-calls:before { +// content: "\e6fa"; +//} +// +//.mdi-communication-textsms:before { +// content: "\e6fb"; +//} +// +//.mdi-communication-voicemail:before { +// content: "\e6fc"; +//} +// +//.mdi-communication-vpn-key:before { +// content: "\e6fd"; +//} +// +//.mdi-content-add-box:before { +// content: "\e6fe"; +//} +// +//.mdi-content-add-circle-outline:before { +// content: "\e6ff"; +//} +// +//.mdi-content-add-circle:before { +// content: "\e700"; +//} +// +//.mdi-content-add:before { +// content: "\e701"; +//} +// +//.mdi-content-archive:before { +// content: "\e702"; +//} +// +//.mdi-content-backspace:before { +// content: "\e703"; +//} +// +//.mdi-content-block:before { +// content: "\e704"; +//} +// +//.mdi-content-clear:before { +// content: "\e705"; +//} +// +//.mdi-content-content-copy:before { +// content: "\e706"; +//} +// +//.mdi-content-content-cut:before { +// content: "\e707"; +//} +// +//.mdi-content-content-paste:before { +// content: "\e708"; +//} +// +//.mdi-content-create:before { +// content: "\e709"; +//} +// +//.mdi-content-drafts:before { +// content: "\e70a"; +//} +// +//.mdi-content-filter-list:before { +// content: "\e70b"; +//} +// +//.mdi-content-flag:before { +// content: "\e70c"; +//} +// +//.mdi-content-forward:before { +// content: "\e70d"; +//} +// +//.mdi-content-gesture:before { +// content: "\e70e"; +//} +// +//.mdi-content-inbox:before { +// content: "\e70f"; +//} +// +//.mdi-content-link:before { +// content: "\e710"; +//} +// +//.mdi-content-mail:before { +// content: "\e711"; +//} +// +//.mdi-content-markunread:before { +// content: "\e712"; +//} +// +//.mdi-content-redo:before { +// content: "\e713"; +//} +// +//.mdi-content-remove-circle-outline:before { +// content: "\e714"; +//} +// +//.mdi-content-remove-circle:before { +// content: "\e715"; +//} +// +//.mdi-content-remove:before { +// content: "\e716"; +//} +// +//.mdi-content-reply-all:before { +// content: "\e717"; +//} +// +//.mdi-content-reply:before { +// content: "\e718"; +//} +// +//.mdi-content-report:before { +// content: "\e719"; +//} +// +//.mdi-content-save:before { +// content: "\e71a"; +//} +// +//.mdi-content-select-all:before { +// content: "\e71b"; +//} +// +//.mdi-content-send:before { +// content: "\e71c"; +//} +// +//.mdi-content-sort:before { +// content: "\e71d"; +//} +// +//.mdi-content-text-format:before { +// content: "\e71e"; +//} +// +//.mdi-content-undo:before { +// content: "\e71f"; +//} +// +//.mdi-editor-attach-file:before { +// content: "\e776"; +//} +// +//.mdi-editor-attach-money:before { +// content: "\e777"; +//} +// +//.mdi-editor-border-all:before { +// content: "\e778"; +//} +// +//.mdi-editor-border-bottom:before { +// content: "\e779"; +//} +// +//.mdi-editor-border-clear:before { +// content: "\e77a"; +//} +// +//.mdi-editor-border-color:before { +// content: "\e77b"; +//} +// +//.mdi-editor-border-horizontal:before { +// content: "\e77c"; +//} +// +//.mdi-editor-border-inner:before { +// content: "\e77d"; +//} +// +//.mdi-editor-border-left:before { +// content: "\e77e"; +//} +// +//.mdi-editor-border-outer:before { +// content: "\e77f"; +//} +// +//.mdi-editor-border-right:before { +// content: "\e780"; +//} +// +//.mdi-editor-border-style:before { +// content: "\e781"; +//} +// +//.mdi-editor-border-top:before { +// content: "\e782"; +//} +// +//.mdi-editor-border-vertical:before { +// content: "\e783"; +//} +// +//.mdi-editor-format-align-center:before { +// content: "\e784"; +//} +// +//.mdi-editor-format-align-justify:before { +// content: "\e785"; +//} +// +//.mdi-editor-format-align-left:before { +// content: "\e786"; +//} +// +//.mdi-editor-format-align-right:before { +// content: "\e787"; +//} +// +//.mdi-editor-format-bold:before { +// content: "\e788"; +//} +// +//.mdi-editor-format-clear:before { +// content: "\e789"; +//} +// +//.mdi-editor-format-color-fill:before { +// content: "\e78a"; +//} +// +//.mdi-editor-format-color-reset:before { +// content: "\e78b"; +//} +// +//.mdi-editor-format-color-text:before { +// content: "\e78c"; +//} +// +//.mdi-editor-format-indent-decrease:before { +// content: "\e78d"; +//} +// +//.mdi-editor-format-indent-increase:before { +// content: "\e78e"; +//} +// +//.mdi-editor-format-italic:before { +// content: "\e78f"; +//} +// +//.mdi-editor-format-line-spacing:before { +// content: "\e790"; +//} +// +//.mdi-editor-format-list-bulleted:before { +// content: "\e791"; +//} +// +//.mdi-editor-format-list-numbered:before { +// content: "\e792"; +//} +// +//.mdi-editor-format-paint:before { +// content: "\e793"; +//} +// +//.mdi-editor-format-quote:before { +// content: "\e794"; +//} +// +//.mdi-editor-format-size:before { +// content: "\e795"; +//} +// +//.mdi-editor-format-strikethrough:before { +// content: "\e796"; +//} +// +//.mdi-editor-format-textdirection-l-to-r:before { +// content: "\e797"; +//} +// +//.mdi-editor-format-textdirection-r-to-l:before { +// content: "\e798"; +//} +// +//.mdi-editor-format-underline:before { +// content: "\e799"; +//} +// +//.mdi-editor-functions:before { +// content: "\e79a"; +//} +// +//.mdi-editor-insert-chart:before { +// content: "\e79b"; +//} +// +//.mdi-editor-insert-comment:before { +// content: "\e79c"; +//} +// +//.mdi-editor-insert-drive-file:before { +// content: "\e79d"; +//} +// +//.mdi-editor-insert-emoticon:before { +// content: "\e79e"; +//} +// +//.mdi-editor-insert-invitation:before { +// content: "\e79f"; +//} +// +//.mdi-editor-insert-link:before { +// content: "\e7a0"; +//} +// +//.mdi-editor-insert-photo:before { +// content: "\e7a1"; +//} +// +//.mdi-editor-merge-type:before { +// content: "\e7a2"; +//} +// +//.mdi-editor-mode-comment:before { +// content: "\e7a3"; +//} +// +//.mdi-editor-mode-edit:before { +// content: "\e7a4"; +//} +// +//.mdi-editor-publish:before { +// content: "\e7a5"; +//} +// +//.mdi-editor-vertical-align-bottom:before { +// content: "\e7a6"; +//} +// +//.mdi-editor-vertical-align-center:before { +// content: "\e7a7"; +//} +// +//.mdi-editor-vertical-align-top:before { +// content: "\e7a8"; +//} +// +//.mdi-editor-wrap-text:before { +// content: "\e7a9"; +//} +// +//.mdi-file-attachment:before { +// content: "\e7aa"; +//} +// +//.mdi-file-cloud-circle:before { +// content: "\e7ab"; +//} +// +//.mdi-file-cloud-done:before { +// content: "\e7ac"; +//} +// +//.mdi-file-cloud-download:before { +// content: "\e7ad"; +//} +// +//.mdi-file-cloud-off:before { +// content: "\e7ae"; +//} +// +//.mdi-file-cloud-queue:before { +// content: "\e7af"; +//} +// +//.mdi-file-cloud-upload:before { +// content: "\e7b0"; +//} +// +//.mdi-file-cloud:before { +// content: "\e7b1"; +//} +// +//.mdi-file-file-download:before { +// content: "\e7b2"; +//} +// +//.mdi-file-file-upload:before { +// content: "\e7b3"; +//} +// +//.mdi-file-folder-open:before { +// content: "\e7b4"; +//} +// +//.mdi-file-folder-shared:before { +// content: "\e7b5"; +//} +// +//.mdi-file-folder:before { +// content: "\e7b6"; +//} +// +//.mdi-device-access-alarm:before { +// content: "\e720"; +//} +// +//.mdi-device-access-alarms:before { +// content: "\e721"; +//} +// +//.mdi-device-access-time:before { +// content: "\e722"; +//} +// +//.mdi-device-add-alarm:before { +// content: "\e723"; +//} +// +//.mdi-device-airplanemode-off:before { +// content: "\e724"; +//} +// +//.mdi-device-airplanemode-on:before { +// content: "\e725"; +//} +// +//.mdi-device-battery-20:before { +// content: "\e726"; +//} +// +//.mdi-device-battery-30:before { +// content: "\e727"; +//} +// +//.mdi-device-battery-50:before { +// content: "\e728"; +//} +// +//.mdi-device-battery-60:before { +// content: "\e729"; +//} +// +//.mdi-device-battery-80:before { +// content: "\e72a"; +//} +// +//.mdi-device-battery-90:before { +// content: "\e72b"; +//} +// +//.mdi-device-battery-alert:before { +// content: "\e72c"; +//} +// +//.mdi-device-battery-charging-20:before { +// content: "\e72d"; +//} +// +//.mdi-device-battery-charging-30:before { +// content: "\e72e"; +//} +// +//.mdi-device-battery-charging-50:before { +// content: "\e72f"; +//} +// +//.mdi-device-battery-charging-60:before { +// content: "\e730"; +//} +// +//.mdi-device-battery-charging-80:before { +// content: "\e731"; +//} +// +//.mdi-device-battery-charging-90:before { +// content: "\e732"; +//} +// +//.mdi-device-battery-charging-full:before { +// content: "\e733"; +//} +// +//.mdi-device-battery-full:before { +// content: "\e734"; +//} +// +//.mdi-device-battery-std:before { +// content: "\e735"; +//} +// +//.mdi-device-battery-unknown:before { +// content: "\e736"; +//} +// +//.mdi-device-bluetooth-connected:before { +// content: "\e737"; +//} +// +//.mdi-device-bluetooth-disabled:before { +// content: "\e738"; +//} +// +//.mdi-device-bluetooth-searching:before { +// content: "\e739"; +//} +// +//.mdi-device-bluetooth:before { +// content: "\e73a"; +//} +// +//.mdi-device-brightness-auto:before { +// content: "\e73b"; +//} +// +//.mdi-device-brightness-high:before { +// content: "\e73c"; +//} +// +//.mdi-device-brightness-low:before { +// content: "\e73d"; +//} +// +//.mdi-device-brightness-medium:before { +// content: "\e73e"; +//} +// +//.mdi-device-data-usage:before { +// content: "\e73f"; +//} +// +//.mdi-device-developer-mode:before { +// content: "\e740"; +//} +// +//.mdi-device-devices:before { +// content: "\e741"; +//} +// +//.mdi-device-dvr:before { +// content: "\e742"; +//} +// +//.mdi-device-gps-fixed:before { +// content: "\e743"; +//} +// +//.mdi-device-gps-not-fixed:before { +// content: "\e744"; +//} +// +//.mdi-device-gps-off:before { +// content: "\e745"; +//} +// +//.mdi-device-location-disabled:before { +// content: "\e746"; +//} +// +//.mdi-device-location-searching:before { +// content: "\e747"; +//} +// +//.mdi-device-multitrack-audio:before { +// content: "\e748"; +//} +// +//.mdi-device-network-cell:before { +// content: "\e749"; +//} +// +//.mdi-device-network-wifi:before { +// content: "\e74a"; +//} +// +//.mdi-device-nfc:before { +// content: "\e74b"; +//} +// +//.mdi-device-now-wallpaper:before { +// content: "\e74c"; +//} +// +//.mdi-device-now-widgets:before { +// content: "\e74d"; +//} +// +//.mdi-device-screen-lock-landscape:before { +// content: "\e74e"; +//} +// +//.mdi-device-screen-lock-portrait:before { +// content: "\e74f"; +//} +// +//.mdi-device-screen-lock-rotation:before { +// content: "\e750"; +//} +// +//.mdi-device-screen-rotation:before { +// content: "\e751"; +//} +// +//.mdi-device-sd-storage:before { +// content: "\e752"; +//} +// +//.mdi-device-settings-system-daydream:before { +// content: "\e753"; +//} +// +//.mdi-device-signal-cellular-0-bar:before { +// content: "\e754"; +//} +// +//.mdi-device-signal-cellular-1-bar:before { +// content: "\e755"; +//} +// +//.mdi-device-signal-cellular-2-bar:before { +// content: "\e756"; +//} +// +//.mdi-device-signal-cellular-3-bar:before { +// content: "\e757"; +//} +// +//.mdi-device-signal-cellular-4-bar:before { +// content: "\e758"; +//} +// +//.mdi-signal-wifi-statusbar-connected-no-internet-after:before { +// content: "\e8f6"; +//} +// +//.mdi-device-signal-cellular-connected-no-internet-0-bar:before { +// content: "\e759"; +//} +// +//.mdi-device-signal-cellular-connected-no-internet-1-bar:before { +// content: "\e75a"; +//} +// +//.mdi-device-signal-cellular-connected-no-internet-2-bar:before { +// content: "\e75b"; +//} +// +//.mdi-device-signal-cellular-connected-no-internet-3-bar:before { +// content: "\e75c"; +//} +// +//.mdi-device-signal-cellular-connected-no-internet-4-bar:before { +// content: "\e75d"; +//} +// +//.mdi-device-signal-cellular-no-sim:before { +// content: "\e75e"; +//} +// +//.mdi-device-signal-cellular-null:before { +// content: "\e75f"; +//} +// +//.mdi-device-signal-cellular-off:before { +// content: "\e760"; +//} +// +//.mdi-device-signal-wifi-0-bar:before { +// content: "\e761"; +//} +// +//.mdi-device-signal-wifi-1-bar:before { +// content: "\e762"; +//} +// +//.mdi-device-signal-wifi-2-bar:before { +// content: "\e763"; +//} +// +//.mdi-device-signal-wifi-3-bar:before { +// content: "\e764"; +//} +// +//.mdi-device-signal-wifi-4-bar:before { +// content: "\e765"; +//} +// +//.mdi-device-signal-wifi-off:before { +// content: "\e766"; +//} +// +//.mdi-device-signal-wifi-statusbar-1-bar:before { +// content: "\e767"; +//} +// +//.mdi-device-signal-wifi-statusbar-2-bar:before { +// content: "\e768"; +//} +// +//.mdi-device-signal-wifi-statusbar-3-bar:before { +// content: "\e769"; +//} +// +//.mdi-device-signal-wifi-statusbar-4-bar:before { +// content: "\e76a"; +//} +// +//.mdi-device-signal-wifi-statusbar-connected-no-internet-:before { +// content: "\e76b"; +//} +// +//.mdi-device-signal-wifi-statusbar-connected-no-internet:before { +// content: "\e76f"; +//} +// +//.mdi-device-signal-wifi-statusbar-connected-no-internet-2:before { +// content: "\e76c"; +//} +// +//.mdi-device-signal-wifi-statusbar-connected-no-internet-3:before { +// content: "\e76d"; +//} +// +//.mdi-device-signal-wifi-statusbar-connected-no-internet-4:before { +// content: "\e76e"; +//} +// +//.mdi-signal-wifi-statusbar-not-connected-after:before { +// content: "\e8f7"; +//} +// +//.mdi-device-signal-wifi-statusbar-not-connected:before { +// content: "\e770"; +//} +// +//.mdi-device-signal-wifi-statusbar-null:before { +// content: "\e771"; +//} +// +//.mdi-device-storage:before { +// content: "\e772"; +//} +// +//.mdi-device-usb:before { +// content: "\e773"; +//} +// +//.mdi-device-wifi-lock:before { +// content: "\e774"; +//} +// +//.mdi-device-wifi-tethering:before { +// content: "\e775"; +//} +// +//.mdi-hardware-cast-connected:before { +// content: "\e7b7"; +//} +// +//.mdi-hardware-cast:before { +// content: "\e7b8"; +//} +// +//.mdi-hardware-computer:before { +// content: "\e7b9"; +//} +// +//.mdi-hardware-desktop-mac:before { +// content: "\e7ba"; +//} +// +//.mdi-hardware-desktop-windows:before { +// content: "\e7bb"; +//} +// +//.mdi-hardware-dock:before { +// content: "\e7bc"; +//} +// +//.mdi-hardware-gamepad:before { +// content: "\e7bd"; +//} +// +//.mdi-hardware-headset-mic:before { +// content: "\e7be"; +//} +// +//.mdi-hardware-headset:before { +// content: "\e7bf"; +//} +// +//.mdi-hardware-keyboard-alt:before { +// content: "\e7c0"; +//} +// +//.mdi-hardware-keyboard-arrow-down:before { +// content: "\e7c1"; +//} +// +//.mdi-hardware-keyboard-arrow-left:before { +// content: "\e7c2"; +//} +// +//.mdi-hardware-keyboard-arrow-right:before { +// content: "\e7c3"; +//} +// +//.mdi-hardware-keyboard-arrow-up:before { +// content: "\e7c4"; +//} +// +//.mdi-hardware-keyboard-backspace:before { +// content: "\e7c5"; +//} +// +//.mdi-hardware-keyboard-capslock:before { +// content: "\e7c6"; +//} +// +//.mdi-hardware-keyboard-control:before { +// content: "\e7c7"; +//} +// +//.mdi-hardware-keyboard-hide:before { +// content: "\e7c8"; +//} +// +//.mdi-hardware-keyboard-return:before { +// content: "\e7c9"; +//} +// +//.mdi-hardware-keyboard-tab:before { +// content: "\e7ca"; +//} +// +//.mdi-hardware-keyboard-voice:before { +// content: "\e7cb"; +//} +// +//.mdi-hardware-keyboard:before { +// content: "\e7cc"; +//} +// +//.mdi-hardware-laptop-chromebook:before { +// content: "\e7cd"; +//} +// +//.mdi-hardware-laptop-mac:before { +// content: "\e7ce"; +//} +// +//.mdi-hardware-laptop-windows:before { +// content: "\e7cf"; +//} +// +//.mdi-hardware-laptop:before { +// content: "\e7d0"; +//} +// +//.mdi-hardware-memory:before { +// content: "\e7d1"; +//} +// +//.mdi-hardware-mouse:before { +// content: "\e7d2"; +//} +// +//.mdi-hardware-phone-android:before { +// content: "\e7d3"; +//} +// +//.mdi-hardware-phone-iphone:before { +// content: "\e7d4"; +//} +// +//.mdi-hardware-phonelink-off:before { +// content: "\e7d5"; +//} +// +//.mdi-hardware-phonelink:before { +// content: "\e7d6"; +//} +// +//.mdi-hardware-security:before { +// content: "\e7d7"; +//} +// +//.mdi-hardware-sim-card:before { +// content: "\e7d8"; +//} +// +//.mdi-hardware-smartphone:before { +// content: "\e7d9"; +//} +// +//.mdi-hardware-speaker:before { +// content: "\e7da"; +//} +// +//.mdi-hardware-tablet-android:before { +// content: "\e7db"; +//} +// +//.mdi-hardware-tablet-mac:before { +// content: "\e7dc"; +//} +// +//.mdi-hardware-tablet:before { +// content: "\e7dd"; +//} +// +//.mdi-hardware-tv:before { +// content: "\e7de"; +//} +// +//.mdi-hardware-watch:before { +// content: "\e7df"; +//} +// +//.mdi-image-add-to-photos:before { +// content: "\e7e0"; +//} +// +//.mdi-image-adjust:before { +// content: "\e7e1"; +//} +// +//.mdi-image-assistant-photo:before { +// content: "\e7e2"; +//} +// +//.mdi-image-audiotrack:before { +// content: "\e7e3"; +//} +// +//.mdi-image-blur-circular:before { +// content: "\e7e4"; +//} +// +//.mdi-image-blur-linear:before { +// content: "\e7e5"; +//} +// +//.mdi-image-blur-off:before { +// content: "\e7e6"; +//} +// +//.mdi-image-blur-on:before { +// content: "\e7e7"; +//} +// +//.mdi-image-brightness-1:before { +// content: "\e7e8"; +//} +// +//.mdi-image-brightness-2:before { +// content: "\e7e9"; +//} +// +//.mdi-image-brightness-3:before { +// content: "\e7ea"; +//} +// +//.mdi-image-brightness-4:before { +// content: "\e7eb"; +//} +// +//.mdi-image-brightness-5:before { +// content: "\e7ec"; +//} +// +//.mdi-image-brightness-6:before { +// content: "\e7ed"; +//} +// +//.mdi-image-brightness-7:before { +// content: "\e7ee"; +//} +// +//.mdi-image-brush:before { +// content: "\e7ef"; +//} +// +//.mdi-image-camera-alt:before { +// content: "\e7f0"; +//} +// +//.mdi-image-camera-front:before { +// content: "\e7f1"; +//} +// +//.mdi-image-camera-rear:before { +// content: "\e7f2"; +//} +// +//.mdi-image-camera-roll:before { +// content: "\e7f3"; +//} +// +//.mdi-image-camera:before { +// content: "\e7f4"; +//} +// +//.mdi-image-center-focus-strong:before { +// content: "\e7f5"; +//} +// +//.mdi-image-center-focus-weak:before { +// content: "\e7f6"; +//} +// +//.mdi-image-collections:before { +// content: "\e7f7"; +//} +// +//.mdi-image-color-lens:before { +// content: "\e7f8"; +//} +// +//.mdi-image-colorize:before { +// content: "\e7f9"; +//} +// +//.mdi-image-compare:before { +// content: "\e7fa"; +//} +// +//.mdi-image-control-point-duplicate:before { +// content: "\e7fb"; +//} +// +//.mdi-image-control-point:before { +// content: "\e7fc"; +//} +// +//.mdi-image-crop-3-2:before { +// content: "\e7fd"; +//} +// +//.mdi-image-crop-5-4:before { +// content: "\e7fe"; +//} +// +//.mdi-image-crop-7-5:before { +// content: "\e7ff"; +//} +// +//.mdi-image-crop-16-9:before { +// content: "\e800"; +//} +// +//.mdi-image-crop-din:before { +// content: "\e801"; +//} +// +//.mdi-image-crop-free:before { +// content: "\e802"; +//} +// +//.mdi-image-crop-landscape:before { +// content: "\e803"; +//} +// +//.mdi-image-crop-original:before { +// content: "\e804"; +//} +// +//.mdi-image-crop-portrait:before { +// content: "\e805"; +//} +// +//.mdi-image-crop-square:before { +// content: "\e806"; +//} +// +//.mdi-image-crop:before { +// content: "\e807"; +//} +// +//.mdi-image-dehaze:before { +// content: "\e808"; +//} +// +//.mdi-image-details:before { +// content: "\e809"; +//} +// +//.mdi-image-edit:before { +// content: "\e80a"; +//} +// +//.mdi-image-exposure-minus-1:before { +// content: "\e80b"; +//} +// +//.mdi-image-exposure-minus-2:before { +// content: "\e80c"; +//} +// +//.mdi-image-exposure-plus-1:before { +// content: "\e80d"; +//} +// +//.mdi-image-exposure-plus-2:before { +// content: "\e80e"; +//} +// +//.mdi-image-exposure-zero:before { +// content: "\e80f"; +//} +// +//.mdi-image-exposure:before { +// content: "\e810"; +//} +// +//.mdi-image-filter-1:before { +// content: "\e811"; +//} +// +//.mdi-image-filter-2:before { +// content: "\e812"; +//} +// +//.mdi-image-filter-3:before { +// content: "\e813"; +//} +// +//.mdi-image-filter-4:before { +// content: "\e814"; +//} +// +//.mdi-image-filter-5:before { +// content: "\e815"; +//} +// +//.mdi-image-filter-6:before { +// content: "\e816"; +//} +// +//.mdi-image-filter-7:before { +// content: "\e817"; +//} +// +//.mdi-image-filter-8:before { +// content: "\e818"; +//} +// +//.mdi-image-filter-9-plus:before { +// content: "\e819"; +//} +// +//.mdi-image-filter-9:before { +// content: "\e81a"; +//} +// +//.mdi-image-filter-b-and-w:before { +// content: "\e81b"; +//} +// +//.mdi-image-filter-center-focus:before { +// content: "\e81c"; +//} +// +//.mdi-image-filter-drama:before { +// content: "\e81d"; +//} +// +//.mdi-image-filter-frames:before { +// content: "\e81e"; +//} +// +//.mdi-image-filter-hdr:before { +// content: "\e81f"; +//} +// +//.mdi-image-filter-none:before { +// content: "\e820"; +//} +// +//.mdi-image-filter-tilt-shift:before { +// content: "\e821"; +//} +// +//.mdi-image-filter-vintage:before { +// content: "\e822"; +//} +// +//.mdi-image-filter:before { +// content: "\e823"; +//} +// +//.mdi-image-flare:before { +// content: "\e824"; +//} +// +//.mdi-image-flash-auto:before { +// content: "\e825"; +//} +// +//.mdi-image-flash-off:before { +// content: "\e826"; +//} +// +//.mdi-image-flash-on:before { +// content: "\e827"; +//} +// +//.mdi-image-flip:before { +// content: "\e828"; +//} +// +//.mdi-image-gradient:before { +// content: "\e829"; +//} +// +//.mdi-image-grain:before { +// content: "\e82a"; +//} +// +//.mdi-image-grid-off:before { +// content: "\e82b"; +//} +// +//.mdi-image-grid-on:before { +// content: "\e82c"; +//} +// +//.mdi-image-hdr-off:before { +// content: "\e82d"; +//} +// +//.mdi-image-hdr-on:before { +// content: "\e82e"; +//} +// +//.mdi-image-hdr-strong:before { +// content: "\e82f"; +//} +// +//.mdi-image-hdr-weak:before { +// content: "\e830"; +//} +// +//.mdi-image-healing:before { +// content: "\e831"; +//} +// +//.mdi-image-image-aspect-ratio:before { +// content: "\e832"; +//} +// +//.mdi-image-image:before { +// content: "\e833"; +//} +// +//.mdi-image-iso:before { +// content: "\e834"; +//} +// +//.mdi-image-landscape:before { +// content: "\e835"; +//} +// +//.mdi-image-leak-add:before { +// content: "\e836"; +//} +// +//.mdi-image-leak-remove:before { +// content: "\e837"; +//} +// +//.mdi-image-lens:before { +// content: "\e838"; +//} +// +//.mdi-image-looks-3:before { +// content: "\e839"; +//} +// +//.mdi-image-looks-4:before { +// content: "\e83a"; +//} +// +//.mdi-image-looks-5:before { +// content: "\e83b"; +//} +// +//.mdi-image-looks-6:before { +// content: "\e83c"; +//} +// +//.mdi-image-looks-one:before { +// content: "\e83d"; +//} +// +//.mdi-image-looks-two:before { +// content: "\e83e"; +//} +// +//.mdi-image-looks:before { +// content: "\e83f"; +//} +// +//.mdi-image-loupe:before { +// content: "\e840"; +//} +// +//.mdi-image-movie-creation:before { +// content: "\e841"; +//} +// +//.mdi-image-nature-people:before { +// content: "\e842"; +//} +// +//.mdi-image-nature:before { +// content: "\e843"; +//} +// +//.mdi-image-navigate-before:before { +// content: "\e844"; +//} +// +//.mdi-image-navigate-next:before { +// content: "\e845"; +//} +// +//.mdi-image-palette:before { +// content: "\e846"; +//} +// +//.mdi-image-panorama-fisheye:before { +// content: "\e847"; +//} +// +//.mdi-image-panorama-horizontal:before { +// content: "\e848"; +//} +// +//.mdi-image-panorama-vertical:before { +// content: "\e849"; +//} +// +//.mdi-image-panorama-wide-angle:before { +// content: "\e84a"; +//} +// +//.mdi-image-panorama:before { +// content: "\e84b"; +//} +// +//.mdi-image-photo-album:before { +// content: "\e84c"; +//} +// +//.mdi-image-photo-camera:before { +// content: "\e84d"; +//} +// +//.mdi-image-photo-library:before { +// content: "\e84e"; +//} +// +//.mdi-image-photo:before { +// content: "\e84f"; +//} +// +//.mdi-image-portrait:before { +// content: "\e850"; +//} +// +//.mdi-image-remove-red-eye:before { +// content: "\e851"; +//} +// +//.mdi-image-rotate-left:before { +// content: "\e852"; +//} +// +//.mdi-image-rotate-right:before { +// content: "\e853"; +//} +// +//.mdi-image-slideshow:before { +// content: "\e854"; +//} +// +//.mdi-image-straighten:before { +// content: "\e855"; +//} +// +//.mdi-image-style:before { +// content: "\e856"; +//} +// +//.mdi-image-switch-camera:before { +// content: "\e857"; +//} +// +//.mdi-image-switch-video:before { +// content: "\e858"; +//} +// +//.mdi-image-tag-faces:before { +// content: "\e859"; +//} +// +//.mdi-image-texture:before { +// content: "\e85a"; +//} +// +//.mdi-image-timelapse:before { +// content: "\e85b"; +//} +// +//.mdi-image-timer-3:before { +// content: "\e85c"; +//} +// +//.mdi-image-timer-10:before { +// content: "\e85d"; +//} +// +//.mdi-image-timer-auto:before { +// content: "\e85e"; +//} +// +//.mdi-image-timer-off:before { +// content: "\e85f"; +//} +// +//.mdi-image-timer:before { +// content: "\e860"; +//} +// +//.mdi-image-tonality:before { +// content: "\e861"; +//} +// +//.mdi-image-transform:before { +// content: "\e862"; +//} +// +//.mdi-image-tune:before { +// content: "\e863"; +//} +// +//.mdi-image-wb-auto:before { +// content: "\e864"; +//} +// +//.mdi-image-wb-cloudy:before { +// content: "\e865"; +//} +// +//.mdi-image-wb-incandescent:before { +// content: "\e866"; +//} +// +//.mdi-image-wb-irradescent:before { +// content: "\e867"; +//} +// +//.mdi-image-wb-sunny:before { +// content: "\e868"; +//} +// +//.mdi-maps-beenhere:before { +// content: "\e869"; +//} +// +//.mdi-maps-directions-bike:before { +// content: "\e86a"; +//} +// +//.mdi-maps-directions-bus:before { +// content: "\e86b"; +//} +// +//.mdi-maps-directions-car:before { +// content: "\e86c"; +//} +// +//.mdi-maps-directions-ferry:before { +// content: "\e86d"; +//} +// +//.mdi-maps-directions-subway:before { +// content: "\e86e"; +//} +// +//.mdi-maps-directions-train:before { +// content: "\e86f"; +//} +// +//.mdi-maps-directions-transit:before { +// content: "\e870"; +//} +// +//.mdi-maps-directions-walk:before { +// content: "\e871"; +//} +// +//.mdi-maps-directions:before { +// content: "\e872"; +//} +// +//.mdi-maps-flight:before { +// content: "\e873"; +//} +// +//.mdi-maps-hotel:before { +// content: "\e874"; +//} +// +//.mdi-maps-layers-clear:before { +// content: "\e875"; +//} +// +//.mdi-maps-layers:before { +// content: "\e876"; +//} +// +//.mdi-maps-local-airport:before { +// content: "\e877"; +//} +// +//.mdi-maps-local-atm:before { +// content: "\e878"; +//} +// +//.mdi-maps-local-attraction:before { +// content: "\e879"; +//} +// +//.mdi-maps-local-bar:before { +// content: "\e87a"; +//} +// +//.mdi-maps-local-cafe:before { +// content: "\e87b"; +//} +// +//.mdi-maps-local-car-wash:before { +// content: "\e87c"; +//} +// +//.mdi-maps-local-convenience-store:before { +// content: "\e87d"; +//} +// +//.mdi-maps-local-drink:before { +// content: "\e87e"; +//} +// +//.mdi-maps-local-florist:before { +// content: "\e87f"; +//} +// +//.mdi-maps-local-gas-station:before { +// content: "\e880"; +//} +// +//.mdi-maps-local-grocery-store:before { +// content: "\e881"; +//} +// +//.mdi-maps-local-hospital:before { +// content: "\e882"; +//} +// +//.mdi-maps-local-hotel:before { +// content: "\e883"; +//} +// +//.mdi-maps-local-laundry-service:before { +// content: "\e884"; +//} +// +//.mdi-maps-local-library:before { +// content: "\e885"; +//} +// +//.mdi-maps-local-mall:before { +// content: "\e886"; +//} +// +//.mdi-maps-local-movies:before { +// content: "\e887"; +//} +// +//.mdi-maps-local-offer:before { +// content: "\e888"; +//} +// +//.mdi-maps-local-parking:before { +// content: "\e889"; +//} +// +//.mdi-maps-local-pharmacy:before { +// content: "\e88a"; +//} +// +//.mdi-maps-local-phone:before { +// content: "\e88b"; +//} +// +//.mdi-maps-local-pizza:before { +// content: "\e88c"; +//} +// +//.mdi-maps-local-play:before { +// content: "\e88d"; +//} +// +//.mdi-maps-local-post-office:before { +// content: "\e88e"; +//} +// +//.mdi-maps-local-print-shop:before { +// content: "\e88f"; +//} +// +//.mdi-maps-local-restaurant:before { +// content: "\e890"; +//} +// +//.mdi-maps-local-see:before { +// content: "\e891"; +//} +// +//.mdi-maps-local-shipping:before { +// content: "\e892"; +//} +// +//.mdi-maps-local-taxi:before { +// content: "\e893"; +//} +// +//.mdi-maps-location-history:before { +// content: "\e894"; +//} +// +//.mdi-maps-map:before { +// content: "\e895"; +//} +// +//.mdi-maps-my-location:before { +// content: "\e896"; +//} +// +//.mdi-maps-navigation:before { +// content: "\e897"; +//} +// +//.mdi-maps-pin-drop:before { +// content: "\e898"; +//} +// +//.mdi-maps-place:before { +// content: "\e899"; +//} +// +//.mdi-maps-rate-review:before { +// content: "\e89a"; +//} +// +//.mdi-maps-restaurant-menu:before { +// content: "\e89b"; +//} +// +//.mdi-maps-satellite:before { +// content: "\e89c"; +//} +// +//.mdi-maps-store-mall-directory:before { +// content: "\e89d"; +//} +// +//.mdi-maps-terrain:before { +// content: "\e89e"; +//} +// +//.mdi-maps-traffic:before { +// content: "\e89f"; +//} +// +//.mdi-navigation-apps:before { +// content: "\e8a0"; +//} +// +//.mdi-navigation-arrow-back:before { +// content: "\e8a1"; +//} +// +//.mdi-navigation-arrow-drop-down-circle:before { +// content: "\e8a2"; +//} +// +//.mdi-navigation-arrow-drop-down:before { +// content: "\e8a3"; +//} +// +//.mdi-navigation-arrow-drop-up:before { +// content: "\e8a4"; +//} +// +//.mdi-navigation-arrow-forward:before { +// content: "\e8a5"; +//} +// +//.mdi-navigation-cancel:before { +// content: "\e8a6"; +//} +// +//.mdi-navigation-check:before { +// content: "\e8a7"; +//} +// +//.mdi-navigation-chevron-left:before { +// content: "\e8a8"; +//} +// +//.mdi-navigation-chevron-right:before { +// content: "\e8a9"; +//} +// +//.mdi-navigation-close:before { +// content: "\e8aa"; +//} +// +//.mdi-navigation-expand-less:before { +// content: "\e8ab"; +//} +// +//.mdi-navigation-expand-more:before { +// content: "\e8ac"; +//} +// +//.mdi-navigation-fullscreen-exit:before { +// content: "\e8ad"; +//} +// +//.mdi-navigation-fullscreen:before { +// content: "\e8ae"; +//} +// +//.mdi-navigation-menu:before { +// content: "\e8af"; +//} +// +//.mdi-navigation-more-horiz:before { +// content: "\e8b0"; +//} +// +//.mdi-navigation-more-vert:before { +// content: "\e8b1"; +//} +// +//.mdi-navigation-refresh:before { +// content: "\e8b2"; +//} +// +//.mdi-navigation-unfold-less:before { +// content: "\e8b3"; +//} +// +//.mdi-navigation-unfold-more:before { +// content: "\e8b4"; +//} +// +//.mdi-notification-adb:before { +// content: "\e8b5"; +//} +// +//.mdi-notification-bluetooth-audio:before { +// content: "\e8b6"; +//} +// +//.mdi-notification-disc-full:before { +// content: "\e8b7"; +//} +// +//.mdi-notification-dnd-forwardslash:before { +// content: "\e8b8"; +//} +// +//.mdi-notification-do-not-disturb:before { +// content: "\e8b9"; +//} +// +//.mdi-notification-drive-eta:before { +// content: "\e8ba"; +//} +// +//.mdi-notification-event-available:before { +// content: "\e8bb"; +//} +// +//.mdi-notification-event-busy:before { +// content: "\e8bc"; +//} +// +//.mdi-notification-event-note:before { +// content: "\e8bd"; +//} +// +//.mdi-notification-folder-special:before { +// content: "\e8be"; +//} +// +//.mdi-notification-mms:before { +// content: "\e8bf"; +//} +// +//.mdi-notification-more:before { +// content: "\e8c0"; +//} +// +//.mdi-notification-network-locked:before { +// content: "\e8c1"; +//} +// +//.mdi-notification-phone-bluetooth-speaker:before { +// content: "\e8c2"; +//} +// +//.mdi-notification-phone-forwarded:before { +// content: "\e8c3"; +//} +// +//.mdi-notification-phone-in-talk:before { +// content: "\e8c4"; +//} +// +//.mdi-notification-phone-locked:before { +// content: "\e8c5"; +//} +// +//.mdi-notification-phone-missed:before { +// content: "\e8c6"; +//} +// +//.mdi-notification-phone-paused:before { +// content: "\e8c7"; +//} +// +//.mdi-notification-play-download:before { +// content: "\e8c8"; +//} +// +//.mdi-notification-play-install:before { +// content: "\e8c9"; +//} +// +//.mdi-notification-sd-card:before { +// content: "\e8ca"; +//} +// +//.mdi-notification-sim-card-alert:before { +// content: "\e8cb"; +//} +// +//.mdi-notification-sms-failed:before { +// content: "\e8cc"; +//} +// +//.mdi-notification-sms:before { +// content: "\e8cd"; +//} +// +//.mdi-notification-sync-disabled:before { +// content: "\e8ce"; +//} +// +//.mdi-notification-sync-problem:before { +// content: "\e8cf"; +//} +// +//.mdi-notification-sync:before { +// content: "\e8d0"; +//} +// +//.mdi-notification-system-update:before { +// content: "\e8d1"; +//} +// +//.mdi-notification-tap-and-play:before { +// content: "\e8d2"; +//} +// +//.mdi-notification-time-to-leave:before { +// content: "\e8d3"; +//} +// +//.mdi-notification-vibration:before { +// content: "\e8d4"; +//} +// +//.mdi-notification-voice-chat:before { +// content: "\e8d5"; +//} +// +//.mdi-notification-vpn-lock:before { +// content: "\e8d6"; +//} +// +//.mdi-social-cake:before { +// content: "\e8d7"; +//} +// +//.mdi-social-domain:before { +// content: "\e8d8"; +//} +// +//.mdi-social-group-add:before { +// content: "\e8d9"; +//} +// +//.mdi-social-group:before { +// content: "\e8da"; +//} +// +//.mdi-social-location-city:before { +// content: "\e8db"; +//} +// +//.mdi-social-mood:before { +// content: "\e8dc"; +//} +// +//.mdi-social-notifications-none:before { +// content: "\e8dd"; +//} +// +//.mdi-social-notifications-off:before { +// content: "\e8de"; +//} +// +//.mdi-social-notifications-on:before { +// content: "\e8df"; +//} +// +//.mdi-social-notifications-paused:before { +// content: "\e8e0"; +//} +// +//.mdi-social-notifications:before { +// content: "\e8e1"; +//} +// +//.mdi-social-pages:before { +// content: "\e8e2"; +//} +// +//.mdi-social-party-mode:before { +// content: "\e8e3"; +//} +// +//.mdi-social-people-outline:before { +// content: "\e8e4"; +//} +// +//.mdi-social-people:before { +// content: "\e8e5"; +//} +// +//.mdi-social-person-add:before { +// content: "\e8e6"; +//} +// +//.mdi-social-person-outline:before { +// content: "\e8e7"; +//} +// +//.mdi-social-person:before { +// content: "\e8e8"; +//} +// +//.mdi-social-plus-one:before { +// content: "\e8e9"; +//} +// +//.mdi-social-poll:before { +// content: "\e8ea"; +//} +// +//.mdi-social-public:before { +// content: "\e8eb"; +//} +// +//.mdi-social-school:before { +// content: "\e8ec"; +//} +// +//.mdi-social-share:before { +// content: "\e8ed"; +//} +// +//.mdi-social-whatshot:before { +// content: "\e8ee"; +//} +// +//.mdi-toggle-check-box-outline-blank:before { +// content: "\e8ef"; +//} +// +//.mdi-toggle-check-box:before { +// content: "\e8f0"; +//} +// +//.mdi-toggle-radio-button-off:before { +// content: "\e8f1"; +//} +// +//.mdi-toggle-radio-button-on:before { +// content: "\e8f2"; +//} +// +//.mdi-toggle-star-half:before { +// content: "\e8f3"; +//} +// +//.mdi-toggle-star-outline:before { +// content: "\e8f4"; +//} +// +//.mdi-toggle-star:before { +// content: "\e8f5"; +//} diff --git a/less/_icons.less b/less/_icons.less index 7a9cd02f..cbef2042 100644 --- a/less/_icons.less +++ b/less/_icons.less @@ -1,5 +1,21 @@ -.mdi, icon { - .variations(~"", color, @lightbg-text); - line-height: inherit; - vertical-align: bottom; -} +// http://google.github.io/material-design-icons/#setup-method-1-using-via-google-web-fonts + +// icons as ligatures http://google.github.io/material-design-icons/#using-the-icons-in-html +// face + + +// use something like this to generically style disabled and muted, etc based on color variables? +//.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } +//.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } +// +//.material-icons.md-light { color: rgba(255, 255, 255, 1); } +//.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } + + + + +//.mdi, icon { +// .variations(~"", color, @mdb-text-color-primary); +// line-height: inherit; +// vertical-align: bottom; +//} diff --git a/less/_import-bs-less.less b/less/_import-bs-less.less index 19b26852..4e075e73 100644 --- a/less/_import-bs-less.less +++ b/less/_import-bs-less.less @@ -1,2 +1,2 @@ -@import "../bower_components/bootstrap/less/variables.less"; -//@import "../bower_components/bootstrap/less/mixins.less"; +@import "@{mdb-dependency-packages}/bootstrap/less/variables.less"; +//@import "@{mdb-dependency-packages}/bootstrap/less/mixins.less"; diff --git a/less/_inputs.less b/less/_inputs.less index f425a2e0..6e90dd4b 100644 --- a/less/_inputs.less +++ b/less/_inputs.less @@ -1,5 +1,11 @@ @import '_inputs-size.less'; +// label variations +.label { + border-radius: 1px; + .variations(~".label", ~"", background-color, @grey); +} + // must be broken out for reuse - webkit selector breaks firefox .label-static(@label-top, @static-font-size, @static-line-height) { label.control-label { @@ -184,6 +190,12 @@ } } + // hint to browser for optimization + // TODO: evaluate effectiveness - looking for community feedback + &.label-floating label.control-label { + will-change: left, top, contents; + } + // hide label-placeholders when the field is not empty &.label-placeholder:not(.is-empty){ label.control-label{ @@ -230,11 +242,6 @@ } } - // SASS conversion note: please mirror any content change in _mixins-shared.scss bg-img-variations-content - .generic-variations(~".is-focused .form-control", @brand-primary, { - background-image: linear-gradient(@mdb-color, @mdb-color), linear-gradient(@mdb-input-underline-color, @mdb-input-underline-color); - }); - .form-group-validation-state(has-warning, @brand-warning); .form-group-validation-state(has-error, @brand-danger); .form-group-validation-state(has-success, @brand-success); diff --git a/less/_labels.less b/less/_labels.less deleted file mode 100644 index cd7a9ec4..00000000 --- a/less/_labels.less +++ /dev/null @@ -1,4 +0,0 @@ -.label { - border-radius: 1px; - .variations(~"", background-color, @grey); -} diff --git a/less/_lists.less b/less/_lists.less index 2ee6896d..1eeabc8f 100644 --- a/less/_lists.less +++ b/less/_lists.less @@ -83,7 +83,7 @@ outline: 10px solid rgba(0,0,0,.15); } .list-group-item-heading, .list-group-item-text { - color: @lightbg-text; + color: @mdb-text-color-primary; } } diff --git a/less/_mixins.less b/less/_mixins.less index 0fa0ad0b..aedf7bb9 100755 --- a/less/_mixins.less +++ b/less/_mixins.less @@ -7,29 +7,29 @@ // usage: .variations(~" .check", color, transparent); -.variations(@extra, @property, @default) { - .generic-variations(@extra, @default, { - @{property}: @mdb-color; +.variations(@component, @selector-suffix, @property, @color-default) { + .generic-variations(@component, @selector-suffix, @color-default, { + @{property}: @variation-color; }); } -.background-variations(@extra, @default) { - .generic-variations(@extra, @default, { - background-color: @mdb-color; - & when (@mdb-color = @btn-default) { - color: @lightbg-text; +.background-variations(@component, @selector-suffix, @color-default) { + .generic-variations(@component, @selector-suffix, @color-default, { + background-color: @variation-color; + & when (@variation-color = @mdb-btn-background-color) { + color: @mdb-text-color-primary; } - & when not (@mdb-color = @btn-default) { - color: @mdb-text-color; + & when not (@variation-color = @mdb-btn-background-color) { + color: @variation-color-text; } }); } -.text-variations(@extra, @default) { - .generic-variations(@extra, @default, { - color: @mdb-color; +.text-variations(@component, @selector-suffix, @color-default) { + .generic-variations(@component, @selector-suffix, @color-default, { + color: @variation-color; }); } @@ -39,122 +39,48 @@ // To use this mixin you should pass a function as final parameter to define // the style. In that definition you can use the following variables to define it. // -// @mdb-color-name ---> "red", "green", "indigo" ... -// @mdb-color-full-name ---> "red", "green-50", "indigo-400" ... -// @mdb-color ---> #f44336, #e8f5e9, #5c6bc0 ... -// @mdb-text-color ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ... +// @component: ~".btn" - one of the bs components that have -default, -danger, etc. +// @variation-color +// @variation-color-text // - - -.generic-variations(@extra, @default, @func) { - +.generic-variations(@component, @selector-suffix, @color-default, @func) { @contrast-factor: 40%; - // bootstrap styles - &@{extra}, - &-default@{extra} { - //@mdb-color-name: "default"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @default; - @mdb-text-color: @darkbg-text; + //&@{selector-suffix}, + &@{component}-default@{selector-suffix} { + @variation-color: @color-default; + @variation-color-text: @mdb-text-color-light; @func(); } - //&-black@{extra} { - // //@mdb-color-name: "black"; - // //@mdb-color-full-name: @mdb-color-name; - // @mdb-color: @black; - // @mdb-text-color: @darkbg-text; - // @func(); - //} - //&-white@{extra} { - // //@mdb-color-name: "white"; - // //@mdb-color-full-name: @mdb-color-name; - // @mdb-color: @white; - // @mdb-text-color: @lightbg-text; - // @func(); - //} - &-inverse@{extra} { - //@mdb-color-name: "inverse"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @inverse; - @mdb-text-color: contrast(@inverse, @lightbg-text, @darkbg-text, @contrast-factor); + &@{component}-inverse@{selector-suffix} { + @variation-color: @mdb-brand-inverse; + //@variation-color-text: contrast(@mdb-brand-inverse, @mdb-text-color-primary, @mdb-text-color-light, @contrast-factor); + @variation-color-text: contrast(@mdb-brand-inverse, @mdb-text-color-primary-hex, @mdb-text-color-light-hex, @contrast-factor); @func(); } - &-primary@{extra} { - //@mdb-color-name: "primary"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @brand-primary; - @mdb-text-color: @darkbg-text; + &@{component}-primary@{selector-suffix} { + @variation-color: @brand-primary; + @variation-color-text: @mdb-text-color-light; @func(); } - &-success@{extra} { - //@mdb-color-name: "success"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @brand-success; - @mdb-text-color: @darkbg-text; + &@{component}-success@{selector-suffix} { + @variation-color: @brand-success; + @variation-color-text: @mdb-text-color-light; @func(); } - &-info@{extra} { - //@mdb-color-name: "info"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @brand-info; - @mdb-text-color: @darkbg-text; + &@{component}-info@{selector-suffix} { + @variation-color: @brand-info; + @variation-color-text: @mdb-text-color-light; @func(); } - &-warning@{extra} { - //@mdb-color-name: "warning"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @brand-warning; - @mdb-text-color: @darkbg-text; + &@{component}-warning@{selector-suffix} { + @variation-color: @brand-warning; + @variation-color-text: @mdb-text-color-light; @func(); } - &-danger@{extra} { - //@mdb-color-name: "danger"; - //@mdb-color-full-name: @mdb-color-name; - @mdb-color: @brand-danger; - @mdb-text-color: @darkbg-text; + &@{component}-danger@{selector-suffix} { + @variation-color: @brand-danger; + @variation-color-text: @mdb-text-color-light; @func(); } - - //// given a color build multiples dephs - //.generic-variations-factory(@mdb-color-name) { - // - // // given a color and its deph build css - // .generic-variations-factory-deep(@mdb-color-number) { - // - // &-material-@{mdb-color-name}@{mdb-color-number}@{extra} { - // @mdb-color-full-name: "@{mdb-color-name}@{mdb-color-number}"; - // @mdb-color: @@mdb-color-full-name; - // @mdb-text-color: contrast(@mdb-color, @lightbg-text, @darkbg-text, @contrast-factor); - // @func(); - // } - // - // } - // - // .generic-variations-factory-deep(~""); - //} - // - //.generic-variations-factory(~"red"); - //.generic-variations-factory(~"pink"); - //.generic-variations-factory(~"purple"); - //.generic-variations-factory(~"deep-purple"); - //.generic-variations-factory(~"indigo"); - //.generic-variations-factory(~"blue"); - //.generic-variations-factory(~"light-blue"); - //.generic-variations-factory(~"cyan"); - //.generic-variations-factory(~"teal"); - //.generic-variations-factory(~"green"); - //.generic-variations-factory(~"light-green"); - //.generic-variations-factory(~"lime"); - //.generic-variations-factory(~"yellow"); - //.generic-variations-factory(~"amber"); - //.generic-variations-factory(~"orange"); - //.generic-variations-factory(~"deep-orange"); - //.generic-variations-factory(~"brown"); - //.generic-variations-factory(~"grey"); - //.generic-variations-factory(~"blue-grey"); - } - - -//@all-variations: ~"-default, -primary, -info, -success, -warning, -danger"; diff --git a/less/_navbar.less b/less/_navbar.less index 4420dfe1..764b46a7 100755 --- a/less/_navbar.less +++ b/less/_navbar.less @@ -1,7 +1,7 @@ .navbar { background-color: @brand-primary; - border: @zero; - border-radius: @zero; + border: 0; + border-radius: 0; .navbar-brand { position: relative; @@ -54,7 +54,7 @@ // Darken the responsive nav toggle .navbar-toggle { - border: @zero; + border: 0; &:hover, &:focus { background-color: transparent; @@ -96,7 +96,7 @@ // Dropdowns get custom display .open .dropdown-menu { > .dropdown-header { - border: @zero; + border: 0; color: inherit; } .divider { @@ -185,12 +185,15 @@ } // SASS conversion note: please mirror any content change in _mixins-shared.scss navbar-variations-content - .generic-variations(~".navbar", @brand-primary, { - background-color: @mdb-color; - color: @mdb-text-color; + .generic-variations(~".navbar", ~"", @brand-primary, { + background-color: @variation-color; + color: @variation-color-text; // deeply defined to override welljumbo class without !impotant need - .navbar-form .form-group input.form-control::placeholder, .navbar-form input.form-control::placeholder { - color: @mdb-text-color; + .navbar-form .form-group input.form-control, + .navbar-form input.form-control { + .material-placeholder({ + color: @variation-color-text; + }); } .dropdown-menu { border-radius: @mdb-dropdown-radius; @@ -199,17 +202,17 @@ padding: 13px 16px; &:hover, &:focus { - color: @mdb-color; + color: @variation-color; background-color: @grey-200; } } .active > a { &:hover, &:focus { - color: @mdb-text-color; + color: @variation-color-text; } - background-color: @mdb-color; - color: @mdb-text-color; + background-color: @variation-color; + color: @variation-color-text; } } }); diff --git a/less/_panels.less b/less/_panels.less index 92cc0cf0..79277a59 100644 --- a/less/_panels.less +++ b/less/_panels.less @@ -2,18 +2,18 @@ border-radius: 2px; border: 0; - .variations(~" > .panel-heading", background-color, @grey-200); + .variations(~".panel", ~" > .panel-heading", background-color, @grey-200); .shadow-z-1; } [class*="panel-"] > .panel-heading { - color: @darkbg-text; + color: @mdb-text-color-light; border: 0; } .panel-default, .panel:not([class*="panel-"]) { > .panel-heading { - color: @lightbg-text; + color: @mdb-text-color-primary; } } .panel-footer { diff --git a/less/_plugins.less b/less/_plugins.less new file mode 100644 index 00000000..65df8c56 --- /dev/null +++ b/less/_plugins.less @@ -0,0 +1,5 @@ +// External plugins +@import "plugins/_plugin-snackbarjs.less"; +@import "plugins/_plugin-nouislider.less"; +@import "plugins/_plugin-selectize.less"; +@import "plugins/_plugin-dropdownjs.less"; diff --git a/less/_progress.less b/less/_progress.less index 6e923615..b0439d56 100644 --- a/less/_progress.less +++ b/less/_progress.less @@ -5,6 +5,6 @@ background: #c8c8c8; .progress-bar { box-shadow: none; - .variations(~"", background-color, @brand-primary); + .variations(~".progress-bar", ~"", background-color, @brand-primary); } } diff --git a/less/_radios.less b/less/_radios.less index b51d7d6c..ca1c3d77 100644 --- a/less/_radios.less +++ b/less/_radios.less @@ -29,7 +29,7 @@ display: block; position: absolute; content: ""; - background-color: @lightbg-text; + background-color: @mdb-text-color-primary; left: -18px; top: -18px; height: 50px; @@ -48,8 +48,14 @@ } } - .variations(~" input[type=radio]:checked ~ .check", background-color, @mdb-radio-default); - .variations(~" input[type=radio]:checked ~ .circle", border-color, @mdb-radio-default); + & input[type=radio]:checked { + & ~ .check { + background-color: @mdb-radio-default; + } + & ~ .circle { + border-color: @mdb-radio-default; + } + } input[type=radio][disabled] ~ .check, input[type=radio][disabled] ~ .circle { @@ -66,10 +72,10 @@ transform: scale3d(0.55, 0.55, 1); } input[type=radio][disabled] ~ .circle { - border-color: @lightbg-text; + border-color: @mdb-text-color-primary; } input[type=radio][disabled] ~ .check { - background-color: @lightbg-text; + background-color: @mdb-text-color-primary; } } diff --git a/less/_shadows.less b/less/_shadows.less index 64788473..1a1ec1bf 100644 --- a/less/_shadows.less +++ b/less/_shadows.less @@ -1,35 +1,81 @@ -.shadow-z-1 { +.shadow-z-1() { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } -.shadow-z-1-hover { +.shadow-z-1-hover() { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } -.shadow-z-2 { +.shadow-z-2() { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } -.shadow-z-3 { +.shadow-z-3() { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); } -.shadow-z-4 { +.shadow-z-4() { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); } -.shadow-z-5 { +.shadow-z-5() { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); } + + +/* Shadows */ + +// Focus shadow mixin. +.focus-shadow() { + box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36); +} + +.shadow-2dp() { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 3px 1px -2px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity), + 0 1px 5px 0 rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity); +} +.shadow-3dp() { + box-shadow: 0 3px 4px 0 rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 3px 3px -2px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity), + 0 1px 8px 0 rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity); +} +.shadow-4dp() { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 1px 10px 0 rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity), + 0 2px 4px -1px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity); +} +.shadow-6dp() { + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 1px 18px 0 rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity), + 0 3px 5px -1px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity); +} +.shadow-8dp() { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 3px 14px 2px rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity), + 0 5px 5px -3px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity); +} + +.shadow-16dp() { + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 6px 30px 5px rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity), + 0 8px 10px -5px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity); +} + +.shadow-24dp() { + box-shadow: 0 9px 46px 8px rgba(0, 0, 0, @mdb-shadow-key-penumbra-opacity), + 0 11px 15px -7px rgba(0, 0, 0, @mdb-shadow-ambient-shadow-opacity), + 0 24px 38px 3px rgba(0, 0, 0, @mdb-shadow-key-umbra-opacity); +} diff --git a/less/_togglebutton.less b/less/_togglebutton.less index 87c0c8d1..6e736895 100644 --- a/less/_togglebutton.less +++ b/less/_togglebutton.less @@ -40,31 +40,38 @@ top: -2px; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } - // Handle disabled - input[type=checkbox][disabled] + .toggle:after, - input[type=checkbox][disabled]:checked + .toggle:after { - background-color: #BDBDBD; + input[type=checkbox] { + // Handle disabled + &[disabled] { + & + .toggle:after, + &:checked + .toggle:after { + background-color: #BDBDBD; + } + } + + & + .toggle:active:after, + &[disabled] + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); + } + + // Ripple off and disabled + &:checked + .toggle:after { + left: 15px; + } } - // Ripple off and disabled - input[type=checkbox] + .toggle:active:after, - input[type=checkbox][disabled] + .toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); - } - input[type=checkbox]:checked + .toggle:after { - left: 15px; + + & label input[type=checkbox]:checked { + & + .toggle { + background-color: fade(@brand-primary, 50%); // Switch bg on + } + + & + .toggle:after { + background-color: @brand-primary; // Handle on + } + + & + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px fade(@brand-primary, 10%); // Ripple on + } } } - - // Switch bg on - // SASS conversion note: please mirror any content change in _mixins-shared.scss bg-color-variations-content - .generic-variations(~" label input[type=checkbox]:checked + .toggle", @brand-primary, { - background-color: fade(@mdb-color, 50%); - }); - // Handle on - // SASS conversion note: please mirror any content change in _mixins-shared.scss variations-content - .variations(~" label input[type=checkbox]:checked + .toggle:after", background-color, @brand-primary); - // Ripple on - .generic-variations(~" label input[type=checkbox]:checked + .toggle:active:after", @brand-primary, { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px fade(@mdb-color, 10%); - }); } diff --git a/less/_variables.less b/less/_variables.less index 46c829a8..e50b1c57 100644 --- a/less/_variables.less +++ b/less/_variables.less @@ -1,18 +1,17 @@ @import "_colors.less"; -// Material Global vars -@zero: 0; +// Paths +@mdb-dependency-packages: "../bower_components"; +// Typography elements @mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; - -// material icons path -@mdb-font-path: "../fonts"; - -// Typography elements for Material -@darkbg-text: rgba(255,255,255,0.84); -@lightbg-text: rgba(0,0,0,0.84); +@mdb-text-color-light: ~"rgba(@{rgb-white}, 0.84)"; +@mdb-text-color-light-hex: @white; // for contrast function in inverse +@mdb-text-color-primary: ~"rgba(@{rgb-black}, 0.87)"; +@mdb-text-color-primary-hex: @black; // for contrast function in inverse @icon-color: rgba(0,0,0,0.5); + // import bs variables for less, last declared wins. @import "_import-bs-less.less"; @@ -26,22 +25,35 @@ @brand-warning: @deep-orange; @brand-info: @light-blue; +// Typography +@font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif; +@headings-font-weight: 300; + @body-bg: #EEEEEE; //--- // import bs variables for sass, first declared wins. @import "_import-bs-sass.less"; +// Bootstrap Material Design variables start with mdb- +@mdb-brand-inverse: @indigo; + + +/* ANIMATION */ +@mdb-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1); +@mdb-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1); +@mdb-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1); +@mdb-animation-curve-default: @mdb-animation-curve-fast-out-slow-in; + + //--- // FIXME: Similar but not quite the same as Bootstrap variables // FIXME: these need to either a) be converted to @mdb- or b) converted to bs variables @contrast-factor: 40%; -@btn-default: transparent; -@btn-default-text: @lightbg-text; //--- -@mdb-radio-default: @lightbg-text; +@mdb-radio-default: @mdb-text-color-primary; @mdb-border-radius: 2px; // -------------------- @@ -98,7 +110,7 @@ // Card -@mdb-card-body-text: @lightbg-text; +@mdb-card-body-text: @mdb-text-color-primary; @mdb-card-body-background: #fff; @mdb-card-image-headline: #fff; @@ -127,3 +139,23 @@ // Radio: @mdb-radio-label-color: @mdb-checkbox-label-color; @mdb-radio-border-color: @mdb-checkbox-border-color; + +// Buttons: +@mdb-btn-background-color: transparent; +@mdb-btn-background-color-text: @mdb-text-color-primary; + + +@mdl-btn-border-radus: 2px; +@mdb-btn-primary-color: ~"rgba(@{rgb-grey-500}, 0.20)"; + +@mdb-btn-fab-size: 56px; +@mdb-btn-fab-size-mini: 40px; +@mdb-btn-fab-font-size: 24px; + +@mdb-btn-icon-size: 32px; +@mdb-btn-icon-size-mini: 24px; + +/* SHADOWS */ +@mdb-shadow-key-umbra-opacity: 0.2; +@mdb-shadow-key-penumbra-opacity: 0.14; +@mdb-shadow-ambient-shadow-opacity: 0.12; diff --git a/less/_welljumbo.less b/less/_welljumbo.less index 4d6604af..6cf81415 100644 --- a/less/_welljumbo.less +++ b/less/_welljumbo.less @@ -1,22 +1,26 @@ -body, .container, .container-fluid { +body { + .container, + .container-fluid { - .well.well-sm { - padding: 10px; - } - .well.well-lg { - padding: 26px; - } - .well, .jumbotron { - - background-color: #fff; - padding: 19px; - margin-bottom: 20px; - .shadow-z-2(); - border-radius: 2px; - border: 0; - p { - font-weight: 300; + .well.well-sm { + padding: 10px; + } + .well.well-lg { + padding: 26px; + } + .well, + .jumbotron { + + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + .shadow-z-2(); + border-radius: 2px; + border: 0; + p { + font-weight: 300; + } + .variations(~"", ~"", background-color, @white); } - .variations(~"", background-color, #FFF); } } diff --git a/less/_plugin-dropdownjs.less b/less/plugins/_plugin-dropdownjs.less similarity index 100% rename from less/_plugin-dropdownjs.less rename to less/plugins/_plugin-dropdownjs.less diff --git a/less/_plugin-nouislider.less b/less/plugins/_plugin-nouislider.less similarity index 85% rename from less/_plugin-nouislider.less rename to less/plugins/_plugin-nouislider.less index 4c144dfd..0c1dccee 100644 --- a/less/_plugin-nouislider.less +++ b/less/plugins/_plugin-nouislider.less @@ -103,8 +103,8 @@ } .slider { - .variations(~".noUi-connect", background-color, @brand-primary); - .variations(~" .noUi-connect", background-color, @brand-primary); - .variations(~" .noUi-handle", background-color, @brand-primary); - .variations(~" .noUi-handle", border-color, @brand-primary); + .variations(~".slider", ~".noUi-connect", background-color, @brand-primary); + .variations(~".slider", ~" .noUi-connect", background-color, @brand-primary); + .variations(~".slider", ~" .noUi-handle", background-color, @brand-primary); + .variations(~".slider", ~" .noUi-handle", border-color, @brand-primary); } diff --git a/less/_plugin-selectize.less b/less/plugins/_plugin-selectize.less similarity index 100% rename from less/_plugin-selectize.less rename to less/plugins/_plugin-selectize.less diff --git a/less/_plugin-snackbarjs.less b/less/plugins/_plugin-snackbarjs.less similarity index 95% rename from less/_plugin-snackbarjs.less rename to less/plugins/_plugin-snackbarjs.less index 7c5e1892..320bb43d 100644 --- a/less/_plugin-snackbarjs.less +++ b/less/plugins/_plugin-snackbarjs.less @@ -4,7 +4,7 @@ .snackbar { // Style background-color: #323232; - color: @darkbg-text; + color: @mdb-text-color-light; font-size: 14px; border-radius: 2px; .shadow-z-1; diff --git a/less/ripples.less b/less/ripples.less index 8e3a6bbb..ffe753ec 100644 --- a/less/ripples.less +++ b/less/ripples.less @@ -1,7 +1,7 @@ .withripple { position: relative; } -.ripple-wrapper { +.ripple-container { position: absolute; top: 0; left: 0; diff --git a/less/roboto.less b/less/roboto.less deleted file mode 100644 index 428b762c..00000000 --- a/less/roboto.less +++ /dev/null @@ -1,50 +0,0 @@ -@import "_colors.less"; -@import "_variables.less"; - -@font-face { - font-family: 'RobotoDraft'; - font-style: normal; - font-weight: 400; - //src: local('RobotoDraft'), local('RobotoDraft-Regular'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff'); - src: local('RobotoDraft'), - local('RobotoDraft-Regular'), - local('Roboto-Regular'), - url('@{mdb-font-path}/RobotoDraftRegular.woff2?#iefix') format('woff2'), - url('@{mdb-font-path}/RobotoDraftRegular.woff') format('woff'); -} - -@font-face { - font-family: 'RobotoDraft'; - font-style: normal; - font-weight: 500; - //src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwXJuJo8UJJfpGKt7pXjBv4s.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwaTA90I55Xt7owhZwpPnMsc.woff) format('woff'); - src: local('RobotoDraft Medium'), - local('RobotoDraft-Medium'), - local('Roboto-Medium'), - url('@{mdb-font-path}/RobotoDraftMedium.woff2?#iefix') format('woff2'), - url('@{mdb-font-path}/RobotoDraftMedium.woff') format('woff'); -} - -@font-face { - font-family: 'RobotoDraft'; - font-style: normal; - font-weight: 700; - //src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-Vwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwRbnBKKEOwRKgsHDreGcocg.woff) format('woff'); - src: local('RobotoDraft Bold'), - local('RobotoDraft-Bold'), - local('Roboto-Bold'), - url('@{mdb-font-path}/RobotoDraftBold.woff2?#iefix') format('woff2'), - url('@{mdb-font-path}/RobotoDraftBold.woff') format('woff'); -} - -@font-face { - font-family: 'RobotoDraft'; - font-style: italic; - font-weight: 400; - //src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfgeOulFbQKHxPa89BaxZzA0.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfoo3ZslTYfJv0R05CazkwN8.woff) format('woff'); - src: local('RobotoDraft Italic'), - local('RobotoDraft-Italic'), - local('Roboto-Italic'), - url('@{mdb-font-path}/RobotoDraftItalic.woff2?#iefix') format('woff2'), - url('@{mdb-font-path}/RobotoDraftItalic.woff') format('woff'); -} diff --git a/sass/_buttons.scss b/sass/_buttons.scss index 2ab30565..714e437f 100644 --- a/sass/_buttons.scss +++ b/sass/_buttons.scss @@ -97,7 +97,7 @@ @include shadow-z-1-hover(); } &, - .ripple-wrapper { + .ripple-container { border-radius: 100%; } &.btn-fab-mini { diff --git a/sass/_colors.scss b/sass/_colors.scss index cc428312..1b1802e9 100644 --- a/sass/_colors.scss +++ b/sass/_colors.scss @@ -359,4 +359,4 @@ $blue-grey: $blue-grey-500 !default; $black: #000000 !default; $white: #ffffff !default; -$inverse: $indigo !default; +$mdb-brand-inverse: $indigo !default; diff --git a/sass/_icons.scss b/sass/_icons.scss index b9271efd..50a2da18 100644 --- a/sass/_icons.scss +++ b/sass/_icons.scss @@ -1,5 +1,8 @@ // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. +// http://google.github.io/material-design-icons/#setup-method-1-using-via-google-web-fonts + + .mdi, icon { @include variations(unquote(""), color, $lightbg-text); line-height: inherit; diff --git a/sass/_import-bs-sass.scss b/sass/_import-bs-sass.scss index 4f6160d8..46d4cd6c 100644 --- a/sass/_import-bs-sass.scss +++ b/sass/_import-bs-sass.scss @@ -1,2 +1,2 @@ -@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables"; -//@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins"; +@import "#{$mdb-dependency-packages}/bootstrap-sass/assets/stylesheets/bootstrap/variables"; +//@import "#{$mdb-dependency-packages}/bootstrap-sass/assets/stylesheets/bootstrap/mixins"; diff --git a/sass/_mixins.scss b/sass/_mixins.scss index 0567403d..8a886823 100644 --- a/sass/_mixins.scss +++ b/sass/_mixins.scss @@ -10,8 +10,8 @@ // variations(unquote(""), background-color, #FFF); -@mixin variations($extra, $mdb-param-1, $default) { - @include generic-variations($extra, $default, "variations-content", $mdb-param-1); +@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) { + @include generic-variations($selector-suffix, $color-default, "variations-content", $mdb-param-1); } @mixin variations-content($args) { @@ -21,8 +21,8 @@ #{map-get($args, material-param-1)}: map-get($args, material-color); } -@mixin background-variations($extra, $default) { - @include generic-variations($extra, $default, "background-variations-content", null); +@mixin background-variations($component, $selector-suffix, $color-default) { + @include generic-variations($selector-suffix, $color-default, "background-variations-content", null); } @mixin background-variations-content($args) { @@ -34,70 +34,73 @@ } } -@mixin text-variations($extra, $default) { - @include generic-variations($extra, $default, "text-variations-content", null); -} - -@mixin text-variations-content($args) { - color: map-get($args, material-color); -} - -@mixin button-variations($extra, $default, $mdb-param-1) { - @include generic-variations($extra, $default, "button-variations-content", $mdb-param-1); -} - -@mixin button-variations-content($args) { - //@debug "#{inspect($args)}"; - $mdb-color: map-get($args, material-color); - $mdb-param-1: map-get($args, material-param-1); - background-color: contrast-color($mdb-color, - darken($mdb-color, $mdb-param-1), - lighten($mdb-color, $mdb-param-1)); -} - -@mixin bg-color-variations($extra, $default, $mdb-param-1) { - @include generic-variations($extra, $default, "bg-color-variations-content", $mdb-param-1); -} - -@mixin bg-color-variations-content($args) { - background-color: rgba(map-get($args, material-color), map-get($args, material-param-1)); -} - -// bg-box-shadow-variations(" label input[type=checkbox]:checked + .toggle:active:after", $brand-primary -@mixin bg-box-shadow-variations($extra, $default) { - @include generic-variations($extra, $default, "bg-box-shadow-variations-content", null); -} - -@mixin bg-box-shadow-variations-content($args){ - $mdb-color: map-get($args, material-color); - box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba($mdb-color, (10/100)); -} - -// bg-img-variations(" label input[type=checkbox]:checked + .toggle:active:after", $brand-primary -@mixin bg-img-variations($extra, $default) { - @include generic-variations($extra, $default, "bg-img-variations-content", null); -} - -@mixin bg-img-variations-content($args){ - $mdb-color: map-get($args, material-color); - //@debug "bg-img-variations-content called for #{map-get($args, extra)} #{map-get($args, default)} #{map-get($args, material-color-name)} #{map-get($args, material-color)}"; //#{inspect($args)}"; - background-image: linear-gradient($mdb-color, $mdb-color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); -} +//@mixin text-variations($component, $selector-suffix, $color-default) { +// @include generic-variations($selector-suffix, $color-default, "text-variations-content", null); +//} +// +//@mixin text-variations-content($args) { +// color: map-get($args, material-color); +//} +// +//@mixin button-variations($component, $selector-suffix, $color-default, $mdb-param-1) { +// @include generic-variations($selector-suffix, $color-default, "button-variations-content", $mdb-param-1); +//} +// +//@mixin button-variations-content($args) { +// //@debug "#{inspect($args)}"; +// $variation-color: map-get($args, material-color); +// $mdb-param-1: map-get($args, material-param-1); +// background-color: contrast-color($variation-color, +// darken($variation-color, $mdb-param-1), +// lighten($variation-color, $mdb-param-1)); +//} +// +//@mixin bg-color-variations($component, $selector-suffix, $color-default, $mdb-param-1) { +// @include generic-variations($selector-suffix, $color-default, "bg-color-variations-content", $mdb-param-1); +//} +// +//@mixin bg-color-variations-content($args) { +// background-color: rgba(map-get($args, material-color), map-get($args, material-param-1)); +//} +// +//// bg-box-shadow-variations(" label input[type=checkbox]:checked + .toggle:active:after", $brand-primary +//@mixin bg-box-shadow-variations($component, $selector-suffix, $color-default) { +// @include generic-variations($selector-suffix, $color-default, "bg-box-shadow-variations-content", null); +//} +// +//@mixin bg-box-shadow-variations-content($args){ +// $variation-color: map-get($args, material-color); +// box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4), 0 0 0 15px rgba($variation-color, (10/100)); +//} +// +//// bg-img-variations(" label input[type=checkbox]:checked + .toggle:active:after", $brand-primary +//@mixin bg-img-variations($component, $selector-suffix, $color-default) { +// @include generic-variations($selector-suffix, $color-default, "bg-img-variations-content", null); +//} +// +//@mixin bg-img-variations-content($args){ +// $variation-color: map-get($args, material-color); +// //@debug "bg-img-variations-content called for #{map-get($args, extra)} #{map-get($args, default)} #{map-get($args, material-color-name)} #{map-get($args, material-color)}"; //#{inspect($args)}"; +// background-image: linear-gradient($variation-color, $variation-color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); +//} // navbar-variations(" label input[type=checkbox]:checked + .toggle:active:after", $brand-primary -@mixin navbar-variations($extra, $default) { - @include generic-variations($extra, $default, "navbar-variations-content", null); +@mixin navbar-variations($component, $selector-suffix, $color-default) { + @include generic-variations($selector-suffix, $color-default, "navbar-variations-content", null); } @mixin navbar-variations-content($args){ - $mdb-color: map-get($args, material-color); - $mdb-text-color: map-get($args, material-text-color); + $variation-color: map-get($args, material-color); + $variation-color-text: map-get($args, material-text-color); - background-color: $mdb-color; - color: $mdb-text-color; + background-color: $variation-color; + color: $variation-color-text; // deeply defined to override welljumbo class without !impotant need - .navbar-form .form-group input.form-control::placeholder, .navbar-form input.form-control::placeholder { - color: $mdb-text-color; + .navbar-form .form-group input.form-control, + .navbar-form input.form-control { + @include material-placeholder { + color: $variation-color-text; + } } .dropdown-menu { border-radius: $mdb-dropdown-radius; @@ -106,35 +109,35 @@ padding: 13px 16px; &:hover, &:focus { - color: $mdb-color; + color: $variation-color; background-color: $grey-200; } } .active > a { &:hover, &:focus { - color: $mdb-text-color; + color: $variation-color-text; } - background-color: $mdb-color; - color: $mdb-text-color; + background-color: $variation-color; + color: $variation-color-text; } } } // alert-variations("", $brand-primary) -@mixin alert-variations($extra, $default) { - @include generic-variations($extra, $default, "alert-variations-content", null); +@mixin alert-variations($component, $selector-suffix, $color-default) { + @include generic-variations($component, $selector-suffix, $color-default, "alert-variations-content", null); } @mixin alert-variations-content($args){ - $mdb-color: map-get($args, material-color); - $mdb-text-color: map-get($args, material-text-color); + $variation-color: map-get($args, material-color); + $variation-color-text: map-get($args, material-text-color); - background-color: $mdb-color; - color: $mdb-text-color; + background-color: $variation-color; + color: $variation-color-text; a, .alert-link { - color: $mdb-text-color; + color: $variation-color-text; } } @@ -168,62 +171,44 @@ // To use this mixin you should pass a function as final parameter to define // the style. In that definition you can use the following variables to define it. // -// $mdb-color-name ---> "red", "green", "indigo" ... -// $mdb-color-full-name ---> "red", "green-50", "indigo-400" ... -// $mdb-color ---> #f44336, #e8f5e9, #5c6bc0 ... -// $mdb-text-color ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ... +// $variation-color-name ---> "red", "green", "indigo" ... +// $variation-color-full-name ---> "red", "green-50", "indigo-400" ... +// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ... +// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ... // -@mixin generic-variations($extra, $default, $mixin-name, $mdb-param-1) { +@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) { //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include) $args: ( - //extra: $extra, - //default: $default, + //extra: $selector-suffix, + //default: $color-default, mixin-name: $mixin-name, material-param-1: $mdb-param-1 ); // bootstrap styles - &#{$extra}, - &-default#{$extra} { + //&#{$selector-suffix}, + &#{$component}-default#{$selector-suffix} { $args-extra: map-merge($args, ( //material-color-name: "default", //material-color-full-name: "default", - material-color: $default, + material-color: $color-default, material-text-color: $darkbg-text )); @include call-variations-content-mixin($args-extra); } - //&-black#{$extra} { - // $args-black: map-merge($args, ( - // //material-color-name: "black", - // //material-color-full-name: "black", - // material-color: $black, - // material-text-color: $darkbg-text - // )); - // @include call-variations-content-mixin($args-black); - //} - //&-white#{$extra} { - // $args-white: map-merge($args, ( - // //material-color-name: "white", - // //material-color-full-name: "white", - // material-color: $white, - // material-text-color: $lightbg-text - // )); - // @include call-variations-content-mixin($args-white); - //} - &-inverse#{$extra} { + &#{$component}-inverse#{$selector-suffix} { $args-inverse: map-merge($args, ( //material-color-name: "inverse", //material-color-full-name: "inverse", - material-color: $inverse, - material-text-color: contrast-color($inverse, $lightbg-text, $darkbg-text) + material-color: $mdb-brand-inverse, + material-text-color: contrast-color($mdb-brand-inverse, $lightbg-text, $darkbg-text) )); @include call-variations-content-mixin($args-inverse); } - &-primary#{$extra} { + &#{$component}-primary#{$selector-suffix} { $args-primary: map-merge($args, ( //material-color-name: "primary", //material-color-full-name: "primary", @@ -232,7 +217,7 @@ )); @include call-variations-content-mixin($args-primary); } - &-success#{$extra} { + &#{$component}-success#{$selector-suffix} { $args-success: map-merge($args, ( //material-color-name: "success", //material-color-full-name: "success", @@ -241,7 +226,7 @@ )); @include call-variations-content-mixin($args-success); } - &-info#{$extra} { + &#{$component}-info#{$selector-suffix} { $args-info: map-merge($args, ( //material-color-name: "info", //material-color-full-name: "info", @@ -250,7 +235,7 @@ )); @include call-variations-content-mixin($args-info); } - &-warning#{$extra} { + &#{$component}-warning#{$selector-suffix} { $args-warning: map-merge($args, ( //material-color-name: "warning", //material-color-full-name: "warning", @@ -259,7 +244,7 @@ )); @include call-variations-content-mixin($args-warning); } - &-danger#{$extra} { + &#{$component}-danger#{$selector-suffix} { $args-danger: map-merge($args, ( //material-color-name: "danger", //material-color-full-name: "danger", diff --git a/sass/ripples.scss b/sass/ripples.scss index 3534bae9..12f8a717 100644 --- a/sass/ripples.scss +++ b/sass/ripples.scss @@ -3,7 +3,7 @@ .withripple { position: relative; } -.ripple-wrapper { +.ripple-container { position: absolute; top: 0; left: 0; diff --git a/sass/roboto.scss b/sass/roboto.scss deleted file mode 100644 index 2d6936e2..00000000 --- a/sass/roboto.scss +++ /dev/null @@ -1,52 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -@import '_colors'; -@import '_variables'; - -@font-face { - font-family: 'RobotoDraft'; - font-style: normal; - font-weight: 400; - //src: local('RobotoDraft'), local('RobotoDraft-Regular'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff'); - src: local('RobotoDraft'), - local('RobotoDraft-Regular'), - local('Roboto-Regular'), - url('#{$mdb-font-path}/RobotoDraftRegular.woff2?#iefix') format('woff2'), - url('#{$mdb-font-path}/RobotoDraftRegular.woff') format('woff'); -} - -@font-face { - font-family: 'RobotoDraft'; - font-style: normal; - font-weight: 500; - //src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwXJuJo8UJJfpGKt7pXjBv4s.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwaTA90I55Xt7owhZwpPnMsc.woff) format('woff'); - src: local('RobotoDraft Medium'), - local('RobotoDraft-Medium'), - local('Roboto-Medium'), - url('#{$mdb-font-path}/RobotoDraftMedium.woff2?#iefix') format('woff2'), - url('#{$mdb-font-path}/RobotoDraftMedium.woff') format('woff'); -} - -@font-face { - font-family: 'RobotoDraft'; - font-style: normal; - font-weight: 700; - //src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-Vwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwRbnBKKEOwRKgsHDreGcocg.woff) format('woff'); - src: local('RobotoDraft Bold'), - local('RobotoDraft-Bold'), - local('Roboto-Bold'), - url('#{$mdb-font-path}/RobotoDraftBold.woff2?#iefix') format('woff2'), - url('#{$mdb-font-path}/RobotoDraftBold.woff') format('woff'); -} - -@font-face { - font-family: 'RobotoDraft'; - font-style: italic; - font-weight: 400; - //src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfgeOulFbQKHxPa89BaxZzA0.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfoo3ZslTYfJv0R05CazkwN8.woff) format('woff'); - src: local('RobotoDraft Italic'), - local('RobotoDraft-Italic'), - local('Roboto-Italic'), - url('#{$mdb-font-path}/RobotoDraftItalic.woff2?#iefix') format('woff2'), - url('#{$mdb-font-path}/RobotoDraftItalic.woff') format('woff'); -} diff --git a/scripts/ripples.js b/scripts/ripples.js index 634dfdf3..82b67884 100644 --- a/scripts/ripples.js +++ b/scripts/ripples.js @@ -59,15 +59,15 @@ * Verify if the current element already has a ripple wrapper element and * creates if it doesn't */ - if(!($element.find(".ripple-wrapper").length)) { - $element.append(""); + if(!($element.find(".ripple-container").length)) { + $element.append(""); } /** * Find the ripple wrapper */ - var $wrapper = $element.children(".ripple-wrapper"); + var $wrapper = $element.children(".ripple-container"); /**