jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'update-meteor-1.4' into update-meteor-1.4-polymer-1.0

Browse Source
This commit is contained in:
Stefan Zermatten
2016-12-20 13:57:56 +02:00
parent 7af2e80ec1 b1fdaa726c
commit 07cb3859db
17 changed files with 222 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
rpg-docs/client/style/cards.scss
View File

@@ -1,18 +1,16 @@
@import "{wolves:bourbon}/bourbon";
$thickColumnWidth: 304px;
$thinColumnWidth: 240px;
//Column layout
.column-container {
@include column-fill(balance);
@include column-gap(0px);
@include column-width($thickColumnWidth);
column-fill: balance;
column-gap: 0px;
column-width: $thickColumnWidth;
padding: 4px;
&.thin-columns {
@include column-count(4);
@include column-width($thinColumnWidth);
column-count: 4;
column-width: $thinColumnWidth;
}
& > div {
padding: 4px;

1
rpg-docs/client/style/main.scss
View File

@@ -1,4 +1,3 @@
@import "{wolves:bourbon}/bourbon";
@import "colors";
//apply a natural box layout model to all elements

2
rpg-docs/client/views/layout/layout.html
View File

@@ -1,5 +1,5 @@
<template name="layout">
<core-drawer-panel class="layout" responsiveWidth="905px">
<core-drawer-panel class="layout" responsiveWidth="905px" disableSwipe>
<core-header-panel drawer navigation flex mode="seamed" class="white">
<div id="accountSummary">
{{#if currentUser}}

43
rpg-docs/client/views/layout/polymer.imports.html Normal file
View File

@@ -0,0 +1,43 @@
<!--core components-->
<link rel="import" href="/components/core-animated-pages/core-animated-pages.html">
<link rel="import" href="/components/core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="/components/core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="/components/core-animated-pages/transitions/slide-from-right.html">
<link rel="import" href="/components/core-icons/av-icons.html">
<link rel="import" href="/components/core-icons/core-icons.html">
<link rel="import" href="/components/core-icons/editor-icons.html">
<link rel="import" href="/components/core-icons/image-icons.html">
<link rel="import" href="/components/core-icons/social-icons.html">
<link rel="import" href="/components/core-image/core-image.html">
<link rel="import" href="/components/core-item/core-item.html">
<link rel="import" href="/components/core-menu/core-menu.html">
<link rel="import" href="/components/core-scaffold/core-scaffold.html">
<link rel="import" href="/components/core-transition/core-transition.html">
<!--paper components-->
<link rel="import" href="/components/paper-button/paper-button.html">
<link rel="import" href="/components/paper-checkbox/paper-checkbox.html">
<link rel="import" href="/components/paper-dialog/paper-action-dialog.html">
<link rel="import" href="/components/paper-dialog/paper-dialog.html">
<link rel="import" href="/components/paper-dialog/paper-dialog-transition.html">
<link rel="import" href="/components/paper-fab/paper-fab.html">
<link rel="import" href="/components/paper-fab-menu/paper-fab-menu.html">
<link rel="import" href="/components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="/components/paper-input/paper-autogrow-textarea.html">
<link rel="import" href="/components/paper-input/paper-input.html">
<link rel="import" href="/components/paper-input/paper-input-decorator.html">
<link rel="import" href="/components/paper-item/paper-item.html">
<link rel="import" href="/components/paper-menu-button/paper-menu-button.html">
<link rel="import" href="/components/paper-radio-button/paper-radio-button.html">
<link rel="import" href="/components/paper-radio-group/paper-radio-group.html">
<link rel="import" href="/components/paper-shadow/paper-shadow.html">
<link rel="import" href="/components/paper-spinner/paper-spinner.html">
<link rel="import" href="/components/paper-slider/paper-slider.html">
<link rel="import" href="/components/paper-tabs/paper-tabs.html">
<link rel="import" href="/components/paper-toast/paper-toast.html">
<link rel="import" href="/components/paper-toggle-button/paper-toggle-button.html">
<!--custom components-->
<link rel="import" href="/custom_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="/custom_components/paper-dropdown/paper-dropdown.html">
<link rel="import" href="/custom_components/paper-diff-slider/paper-diff-slider.html">

24
rpg-docs/client/views/private/paperTemplates/fabMenu/fabMenu.scss
View File

@@ -1,5 +1,3 @@
@import "{wolves:bourbon}/bourbon";
.mini-holder {
position: absolute;
padding: 4px;
@@ -9,37 +7,37 @@
pointer-events: none;
flex-direction: column-reverse !important;
core-tooltip{
@include transform(scale(0));
@include transition-property(transform);
@include transition-duration(0.3s);
@include transition-timing-function(ease-in-out);
transform: scale(0);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
margin: 4px;
}
&.active {
pointer-events: auto;
core-tooltip{
@include transform(scale(1));
transform: scale(1);
}
core-tooltip:nth-child(2){
@include transition-delay(0.1s);
transition-delay: 0.1s;
}
core-tooltip:nth-child(3){
@include transition-delay(0.2s);
transition-delay: 0.2s;
}
core-tooltip:nth-child(4){
@include transition-delay(0.3s);
transition-delay: 0.3s;
}
core-tooltip:nth-child(5){
@include transition-delay(0.4s);
transition-delay: 0.4s;
}
}
}
.expand-menu {
&::shadow core-icon {
@include transition(transform 0.3s ease-in-out);
transition: transform 0.3s ease-in-out;
}
&.active::shadow core-icon{
@include transform(rotate(405deg));
transform: rotate(405deg);
}
}