uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Update skill on sheet + Update ui and sidebar + Clean Lang

Browse Source 
Update skill on sheet
Update ui and sidebar
Clean Lang
This commit is contained in:
Mandar
2020-12-11 22:33:19 +01:00
parent 8f59902130
commit 03f8cd8dd1
41 changed files with 728 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
system/styles/scss/nav.scss
View File

@@ -2,47 +2,50 @@
nav {
&.sheet-tabs {
background: $l5r5e-title;
color: $l5r5e-black;
--notchSize: 0.5rem;
clip-path: polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - var(--notchSize)) 0%,
100% var(--notchSize),
100% calc(100% - var(--notchSize)),
calc(100%) 100%,
var(--notchSize) 100%,
0% calc(100%)
);
border: 0 none;
margin-bottom: 0;
background: $l5r5e-white;
color: $l5r5e-black;
--notchSize: 0.5rem;
clip-path: polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - var(--notchSize)) 0%,
100% var(--notchSize),
100% calc(100% - var(--notchSize)),
calc(100%) 100%,
var(--notchSize) 100%,
0% calc(100%)
);
}
.item {
&:hover {
background-color: rgba(0, 0, 0, 0.75);
color: rgba(255, 255, 255, 1);
text-shadow: black 1px 2px 0;
}
&:hover {
background-color: $l5r5e-label;
color: $white;
text-shadow: none;
}
}
.item.active {
height: 2.5rem;
line-height: 2rem;
background-color: rgba(73, 12, 11, 0.85);
color: rgba(255, 255, 255, 1);
background-color: rgba(73, 12, 11, 0.85);
clip-path: polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - var(--notchSize)) 0%,
100% var(--notchSize),
100% 100%,
0 100%,
0% 0%,
0% 100%
);
height: 2.5rem;
line-height: 2rem;
background-color: rgba(73, 12, 11, 0.85);
color: rgba(255, 255, 255, 1);
background-color: rgba(73, 12, 11, 0.85);
clip-path: polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - var(--notchSize)) 0%,
100% var(--notchSize),
100% 100%,
0 100%,
0% 0%,
0% 100%
);
&:hover {
background-color: rgba(73, 12, 11, 0.85);
cursor: default;
}
&:hover {
background-color: rgba(73, 12, 11, 0.85);
cursor: default;
}
}
}