Skip to content

Instantly share code, notes, and snippets.

View kyleledbetter's full-sized avatar
🤖
Responsible AI Design

Kyle Ledbetter kyleledbetter

🤖
Responsible AI Design
View GitHub Profile
@kyleledbetter
kyleledbetter / dark-cyan-purple.css
Created September 4, 2017 22:51
Dark Covalent Angular Material Theme
/**
* 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.
@kyleledbetter
kyleledbetter / styles.scss
Last active August 1, 2017 22:04
Angular-Material2 utility styles
@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)
}
@kyleledbetter
kyleledbetter / theme.scss
Last active September 16, 2019 04:58
Angular-Material 2 Theme
@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);
@kyleledbetter
kyleledbetter / theme.scss
Created October 14, 2016 03:25
Alternate Angular-Material 2.0 Theme
// 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);
}
@kyleledbetter
kyleledbetter / theme.scss
Created October 14, 2016 00:41
Covalent Angular-Material Theme
@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
kyleledbetter / designer.html
Last active September 16, 2019 04:58
designer
<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
kyleledbetter / designer.html
Last active August 29, 2015 14:12
designer
<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">
@kyleledbetter
kyleledbetter / designer.html
Last active August 29, 2015 14:11
designer
<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">
@kyleledbetter
kyleledbetter / gist:ba6952a18b6a7b634786
Created November 16, 2014 22:39
Delay the OS drag window to new space
defaults write com.apple.dock workspaces-edge-delay -float 60 && killall Dock
@kyleledbetter
kyleledbetter / gist:1a534d77703917349b57
Last active August 29, 2015 14:06
Joomla Protostar Template Responsive Nav
<?php
/**
* @package Joomla.Site
* @subpackage Templates.protostar
*
* @copyright Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;