Cassie Levett
918b8a722a
* trophy gold commit' * save trophy gold * update preview * remove unused files and updat readme
129 lines
2.1 KiB
SCSS
129 lines
2.1 KiB
SCSS
/* GLOBAL SETTINGS
|
|
============================= */
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 62.5%; //1rem = 10px
|
|
}
|
|
|
|
button {
|
|
text-overflow: ellipsis;
|
|
font-family: serif;
|
|
font-variant: small-caps;
|
|
transition: all .2s;
|
|
box-shadow: $box-shadow-outset;
|
|
|
|
&:before {
|
|
display: none;
|
|
}
|
|
|
|
&:focus,
|
|
&:hover,
|
|
&:active {
|
|
background: none;
|
|
background-color: $primary !important;
|
|
color: #fff;
|
|
transform: $button-scale-small;
|
|
box-shadow: none;
|
|
}
|
|
|
|
&[type="roll"],
|
|
&[type="action"] {
|
|
background-color: $white;
|
|
border: {
|
|
bottom : 1px solid #666;
|
|
bottom-right-radius: 1px;
|
|
color : hsl(0, 0%, 70%);
|
|
radius : 0.25rem;
|
|
right : 0.02rem solid hsl(0, 0%, 20%);
|
|
style : outset;
|
|
}
|
|
font-size: 2rem !important;
|
|
margin: 0.25rem !important;
|
|
padding: 0.2rem 0.5rem !important;
|
|
}
|
|
}
|
|
|
|
div {
|
|
background-color: transparent;
|
|
width: 100%;
|
|
}
|
|
|
|
fieldset {
|
|
background-color: transparent;
|
|
}
|
|
|
|
h2 {
|
|
&.sheet-label {
|
|
border-bottom: 0.15em solid $dark;
|
|
text-align: center;
|
|
margin-left: 3%;
|
|
}
|
|
}
|
|
|
|
input {
|
|
&[type="text"],
|
|
&[type="number"] {
|
|
background-color: transparent;
|
|
border: none;
|
|
height: 2.1rem;
|
|
padding: 1% 2%;
|
|
width: 100%;
|
|
|
|
&:hover {
|
|
background-color: $secondary;
|
|
}
|
|
}
|
|
&[type='number'] {
|
|
text-align: center;
|
|
width: 100% !important;
|
|
}
|
|
|
|
&::-webkit-outer-spin-button,
|
|
&::-webkit-inner-spin-button {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
label {
|
|
margin-bottom: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
select {
|
|
margin-bottom: 0px;
|
|
vertical-align: bottom;
|
|
border: 2px solid $primary;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
margin-top: 8%;
|
|
width: 100%;
|
|
}
|
|
|
|
span {
|
|
font-size: 1.5rem;
|
|
word-break: break-word;
|
|
}
|
|
|
|
textarea {
|
|
text-align: left;
|
|
border-bottom : 0.2em dotted $light;
|
|
font-size : 12px;
|
|
font-weight : normal;
|
|
min-height : 50px;
|
|
line-height : 18px;
|
|
overflow : hidden;
|
|
overflow-wrap : break-word;
|
|
padding : 2px;
|
|
resize : vertical;
|
|
vertical-align: top;
|
|
overflow: scroll;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.charsheet {
|
|
width: 850px;
|
|
}
|