Ajouter les sources
This commit is contained in:
JDR-Ninja
276
src/sass/components/_character.sass
Normal file
276
src/sass/components/_character.sass
Normal file
@@ -0,0 +1,276 @@
|
||||
.characteristics-panel
|
||||
.tab
|
||||
padding: 4px
|
||||
|
||||
.species
|
||||
font-size: 13px
|
||||
margin: 4px 1rem 0 1rem
|
||||
text-align: justify
|
||||
a
|
||||
margin-right: 1rem
|
||||
|
||||
.mgt2
|
||||
.characteristics
|
||||
flex-basis: 138px
|
||||
flex-grow: 0
|
||||
flex-shrink: 0
|
||||
position: relative
|
||||
|
||||
.characteristics-header
|
||||
color: var(--mgt2-color-primary)
|
||||
background: var(--mgt2-bgcolor-primary)
|
||||
font-family: "Rubik", monospace
|
||||
font-style: normal
|
||||
font-size: 1rem
|
||||
line-height: 2rem
|
||||
text-transform: uppercase
|
||||
|
||||
.characteristic-row
|
||||
display: flex
|
||||
flex-direction: row
|
||||
align-items: center
|
||||
justify-content: center
|
||||
position: relative
|
||||
|
||||
.characteristic-minmax
|
||||
display: flex
|
||||
flex-direction: row
|
||||
align-items: center
|
||||
justify-content: center
|
||||
flex-wrap: nowrap
|
||||
|
||||
.characteristic-dm
|
||||
span
|
||||
&.label
|
||||
font-size: 0.8rem
|
||||
font-weight: 600
|
||||
|
||||
.characteristic-label
|
||||
font-family: "Barlow Condensed", sans-serif
|
||||
font-size: 1.2rem
|
||||
font-weight: 600
|
||||
font-style: italic
|
||||
text-align: center
|
||||
position: relative
|
||||
& > a
|
||||
&.roll
|
||||
color: black
|
||||
position: absolute
|
||||
left: 0
|
||||
a
|
||||
&.cfg-characteristic
|
||||
display: none
|
||||
font-size: 12px
|
||||
position: absolute
|
||||
right: 0
|
||||
top: 0
|
||||
&:hover
|
||||
a
|
||||
&.cfg-characteristic
|
||||
display: block
|
||||
|
||||
.characteristic-input
|
||||
color: var(--mgt2-bgcolor-primary)
|
||||
text-align: center
|
||||
font-size: 1.5rem
|
||||
font-weight: 500
|
||||
width: 2.4rem
|
||||
height: 2rem
|
||||
box-sizing: border-box
|
||||
border: none
|
||||
outline: none
|
||||
background: linear-gradient(45deg, #0000 5.66px, #000 0 calc(5.66px + 2px), #0000 0 calc(100% - 5.66px - 2px), #000 0 calc(100% - 5.66px), #0000 0), linear-gradient(-45deg, #0000 5.66px, #000 0 calc(5.66px + 2px), #0000 0 calc(100% - 5.66px - 2px), #000 0 calc(100% - 5.66px), #0000 0), linear-gradient(90deg, #000 4px, #0000 0) -2px 50%/100% calc(100% - 16px) repeat-x, linear-gradient(#000 4px, #0000 0) 50% -2px/calc(100% - 16px) 100% repeat-y
|
||||
|
||||
.characteristic-dm
|
||||
color: var(--mgt2-color-dm)
|
||||
background-color: transparent
|
||||
text-align: center
|
||||
font-size: 1rem
|
||||
width: 1.5rem
|
||||
height: 1.4rem
|
||||
padding: 0
|
||||
outline: none
|
||||
border: none
|
||||
margin: 0
|
||||
position: absolute
|
||||
right: 0
|
||||
background-color: var(--mgt2-bgcolor-dm)
|
||||
border-radius: 9px
|
||||
margin-right: 2px
|
||||
&:focus
|
||||
outline: none
|
||||
box-shadow: none
|
||||
|
||||
.characteristic-dm-minmax
|
||||
&:focus
|
||||
outline: none
|
||||
box-shadow: none
|
||||
|
||||
.minmaxwrapper
|
||||
display: flex
|
||||
flex-direction: row
|
||||
flex-wrap: nowrap
|
||||
justify-content: center
|
||||
justify-content: center
|
||||
align-items: center
|
||||
margin: 0 0.5rem
|
||||
box-sizing: border-box
|
||||
background: linear-gradient(45deg, #0000 7.07px, #000 0 calc(7.07px + 2px), #0000 0 calc(100% - 7.07px - 2px), #000 0 calc(100% - 7.07px), #0000 0), linear-gradient(-45deg, #0000 7.07px, #000 0 calc(7.07px + 2px), #0000 0 calc(100% - 7.07px - 2px), #000 0 calc(100% - 7.07px), #0000 0), linear-gradient(90deg, #000 4px, #0000 0) -2px 50%/100% calc(100% - 20px) repeat-x, linear-gradient(#000 4px, #0000 0) 50% -2px/calc(100% - 20px) 100% repeat-y
|
||||
input
|
||||
display: inline-block
|
||||
color: black
|
||||
background-color: transparent
|
||||
text-align: center
|
||||
font-size: 1.5rem
|
||||
width: 2rem
|
||||
height: 2rem
|
||||
border: none
|
||||
outline: none
|
||||
&:focus
|
||||
outline: none
|
||||
box-shadow: none
|
||||
&:first-child
|
||||
margin-left: 5px
|
||||
&:last-child
|
||||
margin-right: 5px
|
||||
span
|
||||
font-size: 1.5rem
|
||||
font-weight: 500
|
||||
.computer-overload,
|
||||
.computer-overload i
|
||||
color: var(--mgt2-color-warning) !important
|
||||
ul
|
||||
&.softwares
|
||||
list-style: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
li
|
||||
display: inline-block
|
||||
color: var(--mgt2-color-software)
|
||||
background-color: var(--mgt2-bgcolor-software)
|
||||
padding: 3px 7px
|
||||
border-radius: 8px
|
||||
a
|
||||
display: none
|
||||
&:first-child
|
||||
margin: 0 0.5rem
|
||||
&:hover
|
||||
a
|
||||
display: inline-block
|
||||
|
||||
.character-header
|
||||
display: flex
|
||||
margin-top: 8px
|
||||
margin-right: 8px
|
||||
flex-direction: row
|
||||
flex-wrap: nowrap
|
||||
flex-grow: 0
|
||||
flex-shrink: 0
|
||||
justify-content: flex-start
|
||||
align-items: flex-start
|
||||
.character-header-img
|
||||
flex-basis: 138px
|
||||
flex-grow: 0
|
||||
flex-shrink: 0
|
||||
text-align: center
|
||||
.character-summary
|
||||
flex: 0 0 100%
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style: none
|
||||
border-top: 5px double var(--mgt2-bgcolor-primary)
|
||||
li
|
||||
float: left
|
||||
margin: 0
|
||||
padding: 0
|
||||
color: var(--mgt2-color-primary-light)
|
||||
input
|
||||
display: block
|
||||
border: none
|
||||
font-weight: bold
|
||||
font-family: "Roboto Condensed", sans-serif
|
||||
background-color: #fff
|
||||
font-size: 0.8rem
|
||||
border: 1px solid #fff
|
||||
&:hover
|
||||
border: 1px solid #111
|
||||
.character-header-body
|
||||
display: flex
|
||||
flex-direction: column
|
||||
flex-wrap: nowrap
|
||||
justify-content: flex-start
|
||||
legend
|
||||
font-size: 0.7rem
|
||||
text-transform: uppercase
|
||||
text-wrap: nowrap
|
||||
i
|
||||
margin-right: 0.25rem
|
||||
.character-body
|
||||
display: flex
|
||||
flex-direction: row
|
||||
align-content: flex-start
|
||||
flex-wrap: nowrap
|
||||
.tab
|
||||
width: 100%
|
||||
|
||||
|
||||
.lifes
|
||||
height: 100%
|
||||
display: flex
|
||||
flex-direction: row
|
||||
justify-content: center
|
||||
align-items: center
|
||||
div
|
||||
font-size: 2rem
|
||||
.character-states
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style: none
|
||||
display: flex
|
||||
flex-direction: column
|
||||
justify-content: flex-start
|
||||
align-items: flex-start
|
||||
width: 100%
|
||||
float: right
|
||||
li
|
||||
display: flex
|
||||
margin: 0
|
||||
padding: 0
|
||||
color: #4b4a44
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
width: 100%
|
||||
font-size: 0.7rem
|
||||
line-height: 1.1rem
|
||||
|
||||
.encumbrance-normal
|
||||
color: var(--mgt2-encumbrance-normal)!important
|
||||
|
||||
.encumbrance-heavy
|
||||
color: var(--mgt2-encumbrance-heavy)!important
|
||||
font-weight: bold
|
||||
|
||||
.character-body
|
||||
height: 100%
|
||||
overflow: hidden
|
||||
display: flex
|
||||
flex-direction: row
|
||||
width: 100%
|
||||
justify-content: flex-start
|
||||
align-items: flex-start
|
||||
border-top: 3px solid black
|
||||
|
||||
.actor-footer
|
||||
bottom: 0
|
||||
color: var(--mgt2-color-primary)
|
||||
background-color: var(--mgt2-bgcolor-primary)
|
||||
width: 100%
|
||||
margin: 0 -8px
|
||||
height: 1.5rem
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
padding: 0 1rem
|
||||
flex-grow: 0
|
||||
flex-shrink: 0
|
||||
display: flex
|
||||
flex-direction: row
|
||||
47
src/sass/components/_chat-sidebar.sass
Normal file
47
src/sass/components/_chat-sidebar.sass
Normal file
@@ -0,0 +1,47 @@
|
||||
.chat-sidebar,
|
||||
.mgt2-buttons button
|
||||
background: rgba(0, 0, 0, 0.1)
|
||||
border: 1px solid var(--color-border-light-2)
|
||||
border-radius: 3px
|
||||
box-shadow: 0 0 2px #FFF inset
|
||||
//.chat-message
|
||||
// &.message
|
||||
// color: #0A0405
|
||||
// background-color: #fff
|
||||
// background-image: none
|
||||
.dice-formula,
|
||||
.dice-total
|
||||
background-color: #fff
|
||||
.mgt2-buttons
|
||||
display: flex
|
||||
justify-content: center
|
||||
align-items: center
|
||||
flex-wrap: nowrap
|
||||
color: #0A0405
|
||||
margin-top: 5px
|
||||
button
|
||||
i
|
||||
font-size: 1.1rem
|
||||
padding: 0
|
||||
margin: 0
|
||||
.roll-info
|
||||
display: flex
|
||||
flex-direction: column
|
||||
.roll-type-group
|
||||
flex-direction: row
|
||||
flex-wrap: wrap
|
||||
justify-content: space-between
|
||||
display: flex
|
||||
.roll-type-name
|
||||
font-size: 11px
|
||||
text-transform: uppercase
|
||||
color: #515151
|
||||
.roll-object-name
|
||||
font-weight: 400
|
||||
font-size: 1.4rem
|
||||
.roll-success
|
||||
font-size: 1.2rem
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
margin-top: 1rem
|
||||
text-align: center
|
||||
4
src/sass/components/_dialog.sass
Normal file
4
src/sass/components/_dialog.sass
Normal file
@@ -0,0 +1,4 @@
|
||||
.mgt2
|
||||
.dialog-button
|
||||
color: var(--mgt2-color-primary)
|
||||
background-color: var(--mgt2-bgcolor-primary) !important
|
||||
84
src/sass/components/_forms.sass
Normal file
84
src/sass/components/_forms.sass
Normal file
@@ -0,0 +1,84 @@
|
||||
.mgt2
|
||||
&.sheet
|
||||
textarea
|
||||
color: var(--mgt2-input-color)
|
||||
background-color: var(--mgt2-input-bgcolor)
|
||||
font-family: "Roboto", sans-serif
|
||||
font-size: 13px
|
||||
font-stretch: 100%
|
||||
|
||||
input:focus,
|
||||
textarea:focus,
|
||||
select:focus
|
||||
outline: none
|
||||
box-shadow: none
|
||||
|
||||
.checkbox-small
|
||||
flex: none!important
|
||||
width: auto!important
|
||||
height: auto!important
|
||||
margin: 0!important
|
||||
|
||||
.header
|
||||
color: var(--mgt2-color-primary)
|
||||
background: var(--mgt2-bgcolor-primary)
|
||||
font-size: 14px
|
||||
font-family: "Roboto Condensed", sans-serif
|
||||
font-weight: bold
|
||||
padding-left: 5px
|
||||
margin-bottom: 4px
|
||||
line-height: 30px
|
||||
text-transform: uppercase
|
||||
|
||||
.field-groups
|
||||
display: flex
|
||||
flex-direction: row
|
||||
flex-wrap: nowrap
|
||||
align-items: center
|
||||
justify-content: space-between
|
||||
|
||||
.field-group
|
||||
label
|
||||
text-transform: uppercase
|
||||
font-weight: 700
|
||||
font-size: 14px
|
||||
font-family: "Roboto Condensed", sans-serif
|
||||
font-optical-sizing: auto
|
||||
input
|
||||
&.field
|
||||
background-color: var(--mgt2-input-bgcolor)
|
||||
font-size: 13px
|
||||
&.field-name
|
||||
background-color: var(--mgt2-input-bgcolor)
|
||||
font-size: 2rem
|
||||
border: none
|
||||
font-weight: 700
|
||||
font-family: "Roboto Condensed", sans-serif
|
||||
margin-bottom: 0.5rem
|
||||
padding: 0
|
||||
&.field-item-name
|
||||
background-color: var(--mgt2-input-bgcolor)
|
||||
height: auto
|
||||
font-size: 2rem
|
||||
font-weight: 700
|
||||
font-family: "Roboto Condensed", sans-serif
|
||||
|
||||
.fields
|
||||
display: flex
|
||||
|
||||
.editor
|
||||
min-height: 3rem
|
||||
border: 1px solid var(--mgt2-editor-border)
|
||||
height: 100%
|
||||
|
||||
.sheet-body
|
||||
margin-left: 140px
|
||||
padding-bottom: 1.5rem
|
||||
|
||||
label
|
||||
&.mgt2-checkbox
|
||||
display: flex
|
||||
flex-direction: row
|
||||
align-items: center
|
||||
input
|
||||
margin: 0 0.3rem 0 0
|
||||
38
src/sass/components/_item.sass
Normal file
38
src/sass/components/_item.sass
Normal file
@@ -0,0 +1,38 @@
|
||||
.itemsheet
|
||||
display: flex
|
||||
flex-wrap: nowrap
|
||||
flex-direction: row
|
||||
.itemsheet-header
|
||||
display: flex
|
||||
background-color: var(--mgt2-bgcolor-primary)
|
||||
color: red
|
||||
padding: 0.5rem
|
||||
align-items: center
|
||||
flex: 0 0 2rem
|
||||
label
|
||||
writing-mode: tb-rl
|
||||
transform: rotate(-180deg)
|
||||
font-weight: 700
|
||||
font-size: 20px
|
||||
letter-spacing: 5px
|
||||
font-family: "Rubik Mono One", monospace
|
||||
font-style: normal
|
||||
text-transform: uppercase
|
||||
.itemsheet-maincol
|
||||
flex: 0 0 130px
|
||||
padding: 0 1rem 0 0
|
||||
.itemsheet-panel
|
||||
display: flex
|
||||
flex: inherit
|
||||
padding: 1rem
|
||||
img
|
||||
&.profile-img
|
||||
width: 100px
|
||||
height: 100px
|
||||
.itemsheet input,
|
||||
.itemsheet select
|
||||
color: var(--mgt2-input-color)
|
||||
background-color: var(--mgt2-input-bgcolor)
|
||||
display: block
|
||||
width: 100%
|
||||
font-size: 13px
|
||||
40
src/sass/components/_tab-sidebar.sass
Normal file
40
src/sass/components/_tab-sidebar.sass
Normal file
@@ -0,0 +1,40 @@
|
||||
.mgt2
|
||||
.sheet-sidebar
|
||||
.item
|
||||
margin: 0 1rem
|
||||
|
||||
nav[data-group="sidebar"].tabs
|
||||
position: absolute
|
||||
left: 100%
|
||||
top: 172px
|
||||
display: flex
|
||||
flex-direction: column
|
||||
z-index: -1
|
||||
& > .item
|
||||
height: 40px
|
||||
position: relative
|
||||
display: flex
|
||||
justify-content: end
|
||||
align-items: center
|
||||
padding-right: 0.75rem
|
||||
background: var(--mgt2-bgcolor-primary)
|
||||
color: var(--mgt2-color-primary)
|
||||
border: 1px solid transparent
|
||||
font-size: 1rem
|
||||
transition: all 250ms ease
|
||||
margin-left: 0
|
||||
&.active
|
||||
text-shadow: none
|
||||
margin: 0
|
||||
border-color: var(--mgt2-color-primary)
|
||||
&::after
|
||||
border-left: none
|
||||
inset: 0.25rem 0.25rem 0.25rem 0
|
||||
&::after
|
||||
content: ""
|
||||
position: absolute
|
||||
inset: 0.25rem
|
||||
border: 1px solid var(--mgt2-color-primary)
|
||||
pointer-events: none
|
||||
i
|
||||
margin-left: 0.8rem
|
||||
172
src/sass/components/_tables.sass
Normal file
172
src/sass/components/_tables.sass
Normal file
@@ -0,0 +1,172 @@
|
||||
.container-controls
|
||||
display: inline-block
|
||||
margin-left: 1rem
|
||||
a
|
||||
&:not(:last-child)
|
||||
margin-right: 0.5rem
|
||||
|
||||
.table-container
|
||||
display: flex
|
||||
flex-flow: column nowrap
|
||||
width: 100%
|
||||
margin: 0 auto
|
||||
.table-row
|
||||
display: flex
|
||||
flex-flow: row nowrap
|
||||
width: 100%
|
||||
position: relative
|
||||
align-items: flex-start
|
||||
&.heading
|
||||
background-color: var(--mgt2-bgcolor-primary)
|
||||
align-items: center
|
||||
.row-item
|
||||
text-transform: uppercase
|
||||
font-size: 12px
|
||||
&:first-child
|
||||
font-weight: bold
|
||||
font-size: 13px
|
||||
letter-spacing: 3px
|
||||
i
|
||||
margin-right: 0.5rem
|
||||
&.color-1
|
||||
.row-item
|
||||
background-color: var(--mgt2-bgcolor-primary)
|
||||
color: var(--mgt2-color-primary)
|
||||
&.color-2
|
||||
.row-item
|
||||
background-color: var(--mgt2-bgcolor-form)
|
||||
color: var(--mgt2-bgcolor-primary)
|
||||
div
|
||||
&.row-item
|
||||
padding-left: 5px
|
||||
&:last-child
|
||||
padding-right: 5px
|
||||
&:hover
|
||||
&:not(.heading)
|
||||
background-color: var(--mgt2-row-hover)
|
||||
.table-row-mb-4
|
||||
margin-bottom: 4px
|
||||
.row-item
|
||||
display: flex
|
||||
flex-grow: 1
|
||||
font-size: 14px
|
||||
line-height: 25px
|
||||
align-items: center
|
||||
transition: all 0.15s ease-in-out
|
||||
overflow: hidden !important
|
||||
text-overflow: ellipsis
|
||||
text-wrap: nowrap
|
||||
&.item-controls
|
||||
justify-content: right
|
||||
padding-right: 4px
|
||||
a
|
||||
&:not(:last-child)
|
||||
margin-right: 0.4rem
|
||||
i
|
||||
color: black
|
||||
a[data-roll]
|
||||
margin-right: 0.5rem
|
||||
.heading
|
||||
&.color-1
|
||||
.row-item
|
||||
i
|
||||
color: var(--mgt2-color-primary) !important
|
||||
&.color-2
|
||||
.row-item
|
||||
i
|
||||
color: var(--mgt2-bgcolor-primary) !important
|
||||
.table-subrow
|
||||
border-left: 2px var(--mgt2-subrow-color) dashed
|
||||
color: var(--mgt2-subrow-color)
|
||||
.row-item
|
||||
font-size: 0.8em
|
||||
line-height: 20px
|
||||
&:first-child
|
||||
padding-left: 1rem
|
||||
& > i
|
||||
margin-right: 4px
|
||||
.row-item-center
|
||||
justify-content: center
|
||||
text-align: center
|
||||
.row-item-left
|
||||
justify-content: left
|
||||
.row-item-right
|
||||
justify-content: right
|
||||
.row-item-space-between
|
||||
justify-content: space-between
|
||||
.row-item-2
|
||||
flex-basis: 4rem
|
||||
.row-item-5
|
||||
flex-basis: 5%
|
||||
.row-item-10
|
||||
flex-basis: 10%
|
||||
.row-item-12
|
||||
flex-basis: 4rem
|
||||
.row-item-15
|
||||
flex-basis: 5rem
|
||||
.row-item-20
|
||||
flex-basis: 20%
|
||||
.row-item-25
|
||||
flex-basis: 25%
|
||||
.row-item-30
|
||||
flex-basis: 30%
|
||||
.row-item-35
|
||||
flex-basis: 35%
|
||||
.row-item-40
|
||||
flex-basis: 40%
|
||||
.row-item-45
|
||||
flex-basis: 45%
|
||||
.row-item-50
|
||||
flex-basis: 50%
|
||||
.row-item-65
|
||||
flex-basis: 50%
|
||||
.row-item-85
|
||||
flex-basis: 50%
|
||||
.row-item-storage
|
||||
flex-wrap: wrap
|
||||
flex-grow: 0
|
||||
flex-basis: 20%
|
||||
font-size: 0.7rem
|
||||
line-height: 0.8rem
|
||||
.item-control
|
||||
&.item-equip
|
||||
i
|
||||
color: var(--mgt2-row-inactive-icon)
|
||||
&.active
|
||||
i
|
||||
color: var(--mgt2-color-form)
|
||||
.row-description
|
||||
flex-basis: 100%
|
||||
font-size: 14px
|
||||
padding: 4px 0
|
||||
justify-content: left
|
||||
transition: all 0.15s ease-in-out
|
||||
.row-sub-container
|
||||
display: flex
|
||||
flex-flow: column nowrap
|
||||
flex: 1
|
||||
.row-item
|
||||
padding: 8px 0
|
||||
border-bottom: 1px solid var(--mgt2-bgcolor-primary)
|
||||
.table-row:last-child,
|
||||
.row-sub-container .row-item:last-child
|
||||
border-bottom: 0
|
||||
.table-container
|
||||
&.editable
|
||||
.table-row
|
||||
margin-top: 4px
|
||||
.table-container
|
||||
&.editable
|
||||
.table-row:last-child
|
||||
margin-bottom: 4px
|
||||
.item-options
|
||||
position: absolute
|
||||
top: 0.7rem
|
||||
font-size: 0.7em
|
||||
left: 1.6rem
|
||||
text-transform: uppercase
|
||||
font-family: "DM Sans", sans-serif
|
||||
font-optical-sizing: auto
|
||||
font-weight: 600
|
||||
font-style: normal
|
||||
color: var(--mgt2-subrow-color)
|
||||
58
src/sass/components/_tabs.sass
Normal file
58
src/sass/components/_tabs.sass
Normal file
@@ -0,0 +1,58 @@
|
||||
.mgt2
|
||||
nav
|
||||
&.horizontal-tabs
|
||||
color: var(--mgt2-color-primary)
|
||||
background: var(--mgt2-bgcolor-primary)
|
||||
font-style: normal
|
||||
font-weight: 700
|
||||
font-size: 14px
|
||||
line-height: 30px
|
||||
text-transform: uppercase
|
||||
justify-content: space-around
|
||||
align-items: center
|
||||
font-family: "Roboto Condensed", sans-serif
|
||||
a
|
||||
&.item
|
||||
position: relative
|
||||
flex: 1 1 auto
|
||||
i
|
||||
margin-right: 0.5rem
|
||||
& > a
|
||||
&.item
|
||||
&::after
|
||||
content: ""
|
||||
position: absolute
|
||||
inset: 0.25rem 0.25rem 0.25rem 0.25rem
|
||||
border: 1px solid var( --mgt2-color-primary-active)
|
||||
pointer-events: none
|
||||
&.active
|
||||
&::after
|
||||
border-bottom: none
|
||||
border-top: 2px solid var( --mgt2-color-primary-active)
|
||||
border-left: 2px solid var( --mgt2-color-primary-active)
|
||||
border-right: 2px solid var( --mgt2-color-primary-active)
|
||||
inset: 0.25rem 0.25rem 0 0.25rem
|
||||
.active
|
||||
color: var(--mgt2-color-primary)
|
||||
text-decoration: none
|
||||
text-shadow: none
|
||||
border-bottom: none
|
||||
|
||||
|
||||
.tab[data-tab].fullsize
|
||||
height: calc(100% - 3rem)
|
||||
|
||||
.subTab
|
||||
flex-flow: column
|
||||
height: 100%
|
||||
display: flex
|
||||
justify-content: flex-start
|
||||
align-items: stretch
|
||||
.tab-scroll
|
||||
overflow-y: auto
|
||||
height: 100%
|
||||
.subTabs
|
||||
height: 100%
|
||||
flex-direction: column
|
||||
&.active
|
||||
display: flex !important
|
||||
15
src/sass/mgt2.sass
Normal file
15
src/sass/mgt2.sass
Normal file
@@ -0,0 +1,15 @@
|
||||
@import 'utils/typography'
|
||||
@import 'utils/colors'
|
||||
@import 'utils/global'
|
||||
@import 'utils/window'
|
||||
@import 'utils/flex'
|
||||
|
||||
@import 'components/_forms'
|
||||
@import 'components/_dialog'
|
||||
@import 'components/_character'
|
||||
@import 'components/_item'
|
||||
@import 'components/_chat-sidebar'
|
||||
|
||||
@import 'components/_tabs'
|
||||
@import 'components/_tab-sidebar'
|
||||
@import 'components/_tables'
|
||||
63
src/sass/utils/_colors.sass
Normal file
63
src/sass/utils/_colors.sass
Normal file
@@ -0,0 +1,63 @@
|
||||
$primary-color: #3498db
|
||||
$secondary-color: #2ecc71
|
||||
$background-color: #ecf0f1
|
||||
$text-color: #34495e
|
||||
|
||||
.black-and-red
|
||||
--mgt2-color-form: #0A0405
|
||||
--mgt2-bgcolor-form: #fff
|
||||
--mgt2-color-primary: #EE4050
|
||||
--mgt2-color-primary-active: #AF2F3C
|
||||
--mgt2-bgcolor-primary: #0A0405
|
||||
--mgt2-color-primary-light: #4b4a44
|
||||
--mgt2-color-warning: #EE4050
|
||||
--mgt2-color-dm: #fff
|
||||
--mgt2-bgcolor-dm: #0A0405
|
||||
--mgt2-color-software: #fff
|
||||
--mgt2-bgcolor-software: #0A0405
|
||||
--mgt2-input-color: #0A0405
|
||||
--mgt2-input-bgcolor: #fff
|
||||
--mgt2-editor-border: #C6C6C6
|
||||
--mgt2-row-hover: #F2F2F2
|
||||
--mgt2-subrow-color: #727272
|
||||
--mgt2-row-inactive-icon: #b5b3a4
|
||||
--mgt2-encumbrance-normal: #D94826
|
||||
--mgt2-encumbrance-heavy: #D82727
|
||||
|
||||
.mwamba
|
||||
--mgt2-color-form: #0A0405
|
||||
--mgt2-bgcolor-form: #fff
|
||||
--mgt2-color-primary: #2A9932
|
||||
--mgt2-color-primary-active: #40ED4E
|
||||
--mgt2-bgcolor-primary: #0A0405
|
||||
--mgt2-color-primary-light: #4b4a44
|
||||
--mgt2-color-warning: #EE4050
|
||||
--mgt2-color-dm: #fff
|
||||
--mgt2-bgcolor-dm: #0A0405
|
||||
--mgt2-color-software: #fff
|
||||
--mgt2-bgcolor-software: #0A0405
|
||||
--mgt2-input-color: #0A0405
|
||||
--mgt2-input-bgcolor: #fff
|
||||
--mgt2-editor-border: #C6C6C6
|
||||
--mgt2-row-hover: #F2F2F2
|
||||
--mgt2-subrow-color: #727272
|
||||
--mgt2-row-inactive-icon: #b5b3a4
|
||||
|
||||
.blue
|
||||
--mgt2-color-form: #0A0405
|
||||
--mgt2-bgcolor-form: #fff
|
||||
--mgt2-color-primary: #91AAC8
|
||||
--mgt2-color-primary-active: #BCDCFF
|
||||
--mgt2-bgcolor-primary: #0A0405
|
||||
--mgt2-color-primary-light: #4b4a44
|
||||
--mgt2-color-warning: #EE4050
|
||||
--mgt2-color-dm: #fff
|
||||
--mgt2-bgcolor-dm: #0A0405
|
||||
--mgt2-color-software: #fff
|
||||
--mgt2-bgcolor-software: #0A0405
|
||||
--mgt2-input-color: #0A0405
|
||||
--mgt2-input-bgcolor: #fff
|
||||
--mgt2-editor-border: #C6C6C6
|
||||
--mgt2-row-hover: #F2F2F2
|
||||
--mgt2-subrow-color: #727272
|
||||
--mgt2-row-inactive-icon: #b5b3a4
|
||||
18
src/sass/utils/_flex.sass
Normal file
18
src/sass/utils/_flex.sass
Normal file
@@ -0,0 +1,18 @@
|
||||
.mgt2
|
||||
.flex-fix
|
||||
flex-grow: 0 !important
|
||||
flex-shrink: 0 !important
|
||||
.flex-basis-10
|
||||
flex-basis: 10%
|
||||
.flex-basis-20
|
||||
flex-basis: 20%
|
||||
.flex-basis-30
|
||||
flex-basis: 30%
|
||||
.flex-basis-40
|
||||
flex-basis: 40%
|
||||
.flex-basis-50
|
||||
flex-basis: 50%
|
||||
.flex-basis-60
|
||||
flex-basis: 60%
|
||||
.flex-basis-70
|
||||
flex-basis: 70%
|
||||
39
src/sass/utils/_global.sass
Normal file
39
src/sass/utils/_global.sass
Normal file
@@ -0,0 +1,39 @@
|
||||
.upcase
|
||||
text-transform: uppercase
|
||||
|
||||
.w1-10
|
||||
width: calc(100% / 10)
|
||||
|
||||
.w2-10
|
||||
width: calc(100% / 10 * 2)
|
||||
|
||||
.w3-10
|
||||
width: calc(100% / 10 * 3)
|
||||
|
||||
.w4-10
|
||||
width: calc(100% / 10 * 4)
|
||||
|
||||
.w5-10
|
||||
width: calc(100% / 10 * 5)
|
||||
|
||||
.h100
|
||||
height: 100%
|
||||
|
||||
.w100
|
||||
width: 100%
|
||||
|
||||
.mgt2
|
||||
a:hover
|
||||
text-shadow: none
|
||||
|
||||
.w-100
|
||||
width: 100%
|
||||
|
||||
.mb-1
|
||||
margin-bottom: 8px
|
||||
|
||||
.mt-1, .mt-05
|
||||
margin-top: 8px
|
||||
|
||||
.mt-2
|
||||
margin-top: 14px
|
||||
3
src/sass/utils/_typography.sass
Normal file
3
src/sass/utils/_typography.sass
Normal file
@@ -0,0 +1,3 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
|
||||
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap')
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap')
|
||||
4
src/sass/utils/_variables.sass
Normal file
4
src/sass/utils/_variables.sass
Normal file
@@ -0,0 +1,4 @@
|
||||
$myFont: Helvetica, sans-serif
|
||||
$myColor: red
|
||||
$myFontSize: 18px
|
||||
$myWidth: 680px
|
||||
18
src/sass/utils/_window.sass
Normal file
18
src/sass/utils/_window.sass
Normal file
@@ -0,0 +1,18 @@
|
||||
.mgt2
|
||||
&.sheet
|
||||
header
|
||||
&.window-header
|
||||
color: var(--mgt2-color-primary)
|
||||
background-color: var(--mgt2-bgcolor-primary)
|
||||
h4
|
||||
&.window-title
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
&.window-app
|
||||
.window-content
|
||||
background: var(--mgt2-bgcolor-form)
|
||||
padding: 0
|
||||
|
||||
.nopad
|
||||
.window-content
|
||||
padding: 0
|
||||
Reference in New Issue
Block a user