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

Add Actor Sheet first design

Browse Source
This commit is contained in:
Mandar
2020-12-09 19:10:12 +01:00
parent 0331ba2854
commit d9a082ec66
67 changed files with 719 additions and 527 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,30 @@
//SCSS
// l5re5.scss
.testing {
width: percentage(1/7);
}
// test
.testing {
width: percentage(2/7);
// -- Nav
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%));
}
.item {
&:hover {
background-color: rgba(0,0,0,0.75);
color: rgba(255,255,255,1);
text-shadow: black 1px 2px 0;
}
}
.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%);
&:hover {
background-color: rgba(73, 12, 11, 0.85);
cursor: default;
}
}
}