This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import '~@angular/material/theming'; | |
| @include mat-core(); | |
| $primary: mat-palette($mat-orange, 800); | |
| $accent: mat-palette($mat-light-blue, 600, 100, 800); | |
| $warn: mat-palette($mat-red, 600); | |
| $theme: mat-light-theme($primary, $accent, $warn); | |
| @include angular-material-theme($theme); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // A light blue and orange theme | |
| .light-blue-orange { | |
| $primary2: md-palette($md-light-blue); | |
| $accent2: md-palette($md-orange, 800); | |
| $warn2: md-palette($md-red, 600); | |
| $light-blue-orange: md-light-theme($primary2, $accent2, $warn2); | |
| @include angular-material-theme($light-blue-orange); | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../core-drawer-panel/core-drawer-panel.html"> | |
| <link rel="import" href="../core-menu/core-submenu.html"> | |
| <link rel="import" href="../core-item/core-item.html"> | |
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-scroll-header-panel/core-scroll-header-panel.html"> | |
| <polymer-element name="my-element"> | |
| <template> |
kyleledbetter
/ dark-cyan-purple.css
Created
September 4, 2017 22:51
Dark Covalent Angular Material Theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Applies styles for users in high contrast mode. Note that this only applies | |
| * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` | |
| * attribute, however Chrome handles high contrast differently. | |
| */ | |
| /* Theme for the ripple elements.*/ | |
| /** The mixins below are shared between md-menu and md-select */ | |
| /** | |
| * This mixin adds the correct panel transform styles based | |
| * on the direction that the menu panel opens. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "theme"; | |
| // You can add global styles to this file that will cascade like normal CSS | |
| // Active icon color in list nav | |
| md-nav-list { | |
| [md-list-item].active { | |
| md-icon[md-list-avatar] { | |
| background-color: mat-color($accent); | |
| color: mat-color($accent, default-contrast) | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import '~@angular/material/core/theming/all-theme'; | |
| // Plus imports for other components in your app. | |
| @include md-core(); | |
| // Define the palettes for your theme using the Material Design palettes available in palette.scss | |
| $primary: md-palette($md-orange, 800); | |
| $accent: md-palette($md-light-blue, 600, A100, A400); | |
| // The warn palette is optional (defaults to red). | |
| $warn: md-palette($md-red, 600); |
kyleledbetter
/ gist:8568375
Created
January 22, 2014 22:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function simulatePathDrawing(path) { | |
| // var path = document.querySelector('.squiggle-animated path'); | |
| var length = path.getTotalLength(); | |
| // Clear any previous transition | |
| path.style.transition = path.style.WebkitTransition = | |
| 'none'; | |
| // Set up the starting positions | |
| path.style.strokeDasharray = length + ' ' + length; | |
| path.style.strokeDashoffset = length; | |
| // Trigger a layout so styles are calculated & the browser |
kyleledbetter
/ gist:3830005
Created
October 3, 2012 21:34
Conditionally load Joomla 3.0 javascript in a template that will support 2.5 as well
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Settings for Joomla 3.0.x | |
| if (version_compare(JVERSION, '3.0.0', 'ge')) { | |
| // Add JavaScript Frameworks | |
| JHtml::_('bootstrap.framework'); | |
| } | |
| // Settings for Joomla 2.5.x and under | |
| else { | |
| // Do non-3.0 stuff here | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../core-drawer-panel/core-drawer-panel.html"> | |
| <link rel="import" href="../core-menu/core-submenu.html"> | |
| <link rel="import" href="../core-item/core-item.html"> | |
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-scroll-header-panel/core-scroll-header-panel.html"> | |
| <link rel="import" href="../core-icons/core-icons.html"> | |
| <link rel="import" href="../core-icons/av-icons.html"> | |
| <link rel="import" href="../paper-fab/paper-fab.html"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../core-drawer-panel/core-drawer-panel.html"> | |
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-header-panel/core-header-panel.html"> | |
| <link rel="import" href="../paper-tabs/paper-tabs.html"> | |
| <link rel="import" href="../paper-tabs/paper-tab.html"> | |
| <link rel="import" href="../paper-input/paper-input.html"> | |
| <link rel="import" href="../core-icons/core-icons.html"> | |
| <link rel="import" href="../paper-item/paper-item.html"> | |
| <link rel="import" href="../chart-js/chart-js.html"> |
NewerOlder