uberwald/fvtt-never-stop-blowing-up
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

css died

Browse Source
This commit is contained in:
Joscha Maier 2024-10-07 10:03:34 +02:00
parent c1a962e3b8
commit 6dc5149c3b
No known key found for this signature in database
GPG Key ID: 8C4D045D84A30ABA
4 changed files with 127 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
css/kidsonbrooms.css
View File

@ -162,72 +162,140 @@
} }
.flex-group-center { .flex-group-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: center;
flex-direction: center; flex-direction: center;
-ms-flex-wrap: center;
flex-wrap: center; flex-wrap: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
text-align: center; text-align: center;
} }
.flex-group-left { .flex-group-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: flex-start;
flex-direction: flex-start; flex-direction: flex-start;
-ms-flex-wrap: center;
flex-wrap: center; flex-wrap: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
text-align: left; text-align: left;
} }
.flex-group-right { .flex-group-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: flex-end;
flex-direction: flex-end; flex-direction: flex-end;
-ms-flex-wrap: center;
flex-wrap: center; flex-wrap: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
text-align: right; text-align: right;
} }
.flexshrink { .flexshrink {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0; flex: 0;
} }
.flex-between { .flex-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
} }
.flexlarge { .flexlarge {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2; flex: 2;
} }
.align-left { .align-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: flex-start;
flex-direction: flex-start; flex-direction: flex-start;
-ms-flex-wrap: center;
flex-wrap: center; flex-wrap: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
text-align: left; text-align: left;
} }
.align-right { .align-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: flex-end;
flex-direction: flex-end; flex-direction: flex-end;
-ms-flex-wrap: center;
flex-wrap: center; flex-wrap: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
text-align: right; text-align: right;
} }
.align-center { .align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: center;
flex-direction: center; flex-direction: center;
-ms-flex-wrap: center;
flex-wrap: center; flex-wrap: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
text-align: center; text-align: center;
} }
.right-align-input { .right-align-input {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; flex: 1;
margin-left: auto; margin-left: auto;
max-width: 260px; max-width: 260px;
@ -248,21 +316,37 @@
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
} }
.kids-on-brooms .sheet-header { .kids-on-brooms .sheet-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
-webkit-box-flex: 0;
-ms-flex: 0 auto;
flex: 0 auto; flex: 0 auto;
overflow: hidden; overflow: hidden;
margin-bottom: 10px; margin-bottom: 10px;
} }
.kids-on-brooms .sheet-header .profile-img { .kids-on-brooms .sheet-header .profile-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px; flex: 0 0 100px;
height: 100px; height: 100px;
margin-right: 10px; margin-right: 10px;
} }
.kids-on-brooms .sheet-header .header-fields { .kids-on-brooms .sheet-header .header-fields {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; flex: 1;
} }
.kids-on-brooms .sheet-header h1.charname { .kids-on-brooms .sheet-header h1.charname {
@ -281,7 +365,9 @@
border-radius: 10px; border-radius: 10px;
} }
.kids-on-brooms .sheet-tabs { .kids-on-brooms .sheet-tabs {
flex: 0; -webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
} }
.kids-on-brooms .sheet-body, .kids-on-brooms .sheet-body,
.kids-on-brooms .sheet-body .tab, .kids-on-brooms .sheet-body .tab,
@ -295,8 +381,14 @@
padding: 0 8px; padding: 0 8px;
} }
.kids-on-brooms .selection-row { .kids-on-brooms .selection-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -307,6 +399,8 @@
height: 28px; height: 28px;
margin: 2px 0; margin: 2px 0;
padding: 0; padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; align-items: center;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
border: 2px groove #eeede0; border: 2px groove #eeede0;
@ -320,6 +414,8 @@
font-weight: bold; font-weight: bold;
padding-left: 5px; padding-left: 5px;
text-align: left; text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
} }
.kids-on-brooms .items-list { .kids-on-brooms .items-list {
@ -336,7 +432,11 @@
padding: 0; padding: 0;
} }
.kids-on-brooms .items-list .item { .kids-on-brooms .items-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; align-items: center;
padding: 0 2px; padding: 0 2px;
border-bottom: 1px solid #c9c7b8; border-bottom: 1px solid #c9c7b8;
@ -345,11 +445,15 @@
border-bottom: none; border-bottom: none;
} }
.kids-on-brooms .items-list .item .item-name { .kids-on-brooms .items-list .item .item-name {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2; flex: 2;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
font-size: 13px; font-size: 13px;
text-align: left; text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
color: #191813; color: #191813;
} }
@ -359,6 +463,8 @@
overflow-x: hidden; overflow-x: hidden;
} }
.kids-on-brooms .items-list .item .item-name .item-image { .kids-on-brooms .items-list .item .item-name .item-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px; flex: 0 0 30px;
height: 30px; height: 30px;
background-size: 30px; background-size: 30px;
@ -366,8 +472,14 @@
margin-right: 5px; margin-right: 5px;
} }
.kids-on-brooms .items-list .item-controls { .kids-on-brooms .items-list .item-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px; flex: 0 0 100px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; justify-content: flex-end;
} }
.kids-on-brooms .items-list .item-controls a { .kids-on-brooms .items-list .item-controls a {
@ -385,6 +497,8 @@
height: 28px; height: 28px;
margin: 2px 0; margin: 2px 0;
padding: 0; padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; align-items: center;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
border: 2px groove #eeede0; border: 2px groove #eeede0;
@ -399,6 +513,8 @@
text-align: left; text-align: left;
} }
.kids-on-brooms .item-formula { .kids-on-brooms .item-formula {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px; flex: 0 0 200px;
padding: 0 8px; padding: 0 8px;
} }
@ -419,5 +535,3 @@
outline: none; outline: none;
border-color: #8102dd; border-color: #8102dd;
} }
/*# sourceMappingURL=kidsonbrooms.css.map */

2
gulpfile.js
View File

@ -71,7 +71,7 @@ function compileScss() {
/* ----------------------------------------- */ /* ----------------------------------------- */
function watchUpdates() { function watchUpdates() {
gulp.watch(SYSTEM_SCSS, css); gulp.watch(SYSTEM_SCSS, compileScss);
} }

2
scss/components/_forms.scss
View File

@ -38,7 +38,7 @@ div.editor-border {
} }
.sheet-tabs { .sheet-tabs {
flex: 0; flex: 1;
} }
.sheet-body, .sheet-body,

4
templates/actor/actor-character-sheet.html
View File

@ -43,10 +43,14 @@
</section> </section>
</div> </div>
<div class="tab schoolbag" data-group="primary" data-tab="schoolbag">
{{!-- Schoolbag Tab --}} {{!-- Schoolbag Tab --}}
<div class="tab features editor-border" data-group="primary" data-tab="schoolbag"> <div class="tab features editor-border" data-group="primary" data-tab="schoolbag">
{{editor schoolbag target="system.schoolbag" engine="prosemirror" button=false collaborate=false editable=true}} {{editor schoolbag target="system.schoolbag" engine="prosemirror" button=false collaborate=false editable=true}}
</div> </div>
</div>
{{!-- Strengths Tab --}} {{!-- Strengths Tab --}}
<div class="tab features editor-border" data-group="primary" data-tab="strengths"> <div class="tab features editor-border" data-group="primary" data-tab="strengths">