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

Removed SCSS, using CSS only now

Browse Source 
SCSS wasn't being utilized enough to add much value to the build times
This commit is contained in:
Stefan Zermatten
2017-01-20 09:06:24 +02:00
parent b44fe33b30
commit 4261776d8c
17 changed files with 234 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
rpg-docs/client/views/character/inventory/carryCapacityBar/carryCapacityBar.css Normal file
View File

@@ -0,0 +1,15 @@
.carryCapacityBar {
background-color: #7DC580;
background-color: rgba(255,255,255,0.27);
position: relative;
height: 4px;
}
.carryCapacityBar div{
height: 100%;
position: absolute;
}
.carryCapacityBar .tick {
border-right: solid 2px #E5E5E5;
border-right-color: rgba(255,255,255,0.54);
}

14
rpg-docs/client/views/character/inventory/carryCapacityBar/carryCapacityBar.scss
View File

@@ -1,14 +0,0 @@
.carryCapacityBar {
background-color: #7DC580;
background-color: rgba(255,255,255,0.27);
position: relative;
height: 4px;
div{
height: 100%;
position: absolute;
}
.tick {
border-right: solid 2px #E5E5E5;
border-right-color: rgba(255,255,255,0.54);
}
}

22
rpg-docs/client/views/character/stats/skillRow/skillRow.css Normal file
View File

@@ -0,0 +1,22 @@
.skill-row .skill-mod{
width: 45px;
text-align: center;
}
.skill-row .skill-mod.fail {
color: #D50000;
}
.skill-row .skill-mod.advantage{
background-image: url(/png/advantage/greenUp.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.skill-row .skill-mod.disadvantage{
background-image: url(/png/advantage/redDown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

21
rpg-docs/client/views/character/stats/skillRow/skillRow.scss
View File

@@ -1,21 +0,0 @@
.skill-row {
.skill-mod{
width: 45px;
text-align: center;
&.fail {
color: #D50000;
}
&.advantage{
background-image: url(/png/advantage/greenUp.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
&.disadvantage{
background-image: url(/png/advantage/redDown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
}

63
rpg-docs/client/views/home/intro/intro.scss
View File

@@ -1,33 +1,32 @@
.intro {
.section {
width: 100%;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 24px;
padding-bottom: 24px;
& > div, & > h2 {
padding: 32px;
.display1 {
margin-bottom: 16px;
}
}
.columns > div{
max-width: 300px;
padding: 16px;
text-align: center;
paper-button {
color: #FF5252;
}
}
}
paper-button {
min-width: 200px;
a {
color: inherit;
text-decoration: inherit;
}
}
.intro .section {
width: 100%;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 24px;
padding-bottom: 24px;
}
.intro .section > div, .intro .section > h2 {
padding: 32px;
}
.intro .section .display1 {
margin-bottom: 16px;
}
.intro .section .columns > div {
max-width: 300px;
padding: 16px;
text-align: center;
}
.intro .section paper-button {
color: #FF5252;
}
.intro paper-button {
min-width: 200px;
}

41
rpg-docs/client/views/paperTemplates/fabMenu/fabMenu.css Normal file
View File

@@ -0,0 +1,41 @@
.mini-holder {
position: absolute;
padding: 4px;
bottom: 80px;
right: 24px;
width: 56px;
pointer-events: none;
flex-direction: column-reverse !important;
}
.mini-holder core-tooltip{
transform: scale(0);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
margin: 4px;
}
.mini-holder.active core-tooltip{
transform: scale(1);
}
.mini-holder.active {
pointer-events: auto;
}
.mini-holder.active core-tooltip:nth-child(2){
transition-delay: 0.1s;
}
.mini-holder.active core-tooltip:nth-child(3){
transition-delay: 0.2s;
}
.mini-holder.active core-tooltip:nth-child(4){
transition-delay: 0.3s;
}
.mini-holder.active core-tooltip:nth-child(5){
transition-delay: 0.4s;
}

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

@@ -1,43 +0,0 @@
.mini-holder {
position: absolute;
padding: 4px;
bottom: 80px;
right: 24px;
width: 56px;
pointer-events: none;
flex-direction: column-reverse !important;
core-tooltip{
transform: scale(0);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
margin: 4px;
}
&.active {
pointer-events: auto;
core-tooltip{
transform: scale(1);
}
core-tooltip:nth-child(2){
transition-delay: 0.1s;
}
core-tooltip:nth-child(3){
transition-delay: 0.2s;
}
core-tooltip:nth-child(4){
transition-delay: 0.3s;
}
core-tooltip:nth-child(5){
transition-delay: 0.4s;
}
}
}
.expand-menu {
&::shadow iron-icon {
transition: transform 0.3s ease-in-out;
}
&.active::shadow iron-icon{
transform: rotate(405deg);
}
}