mirror of
https://gitlab.com/walljm/dynamicbible.git
synced 2025-07-23 23:39:50 -04:00
112 lines
2.3 KiB
SCSS
112 lines
2.3 KiB
SCSS
html {
|
|
--font-family: Roboto, Helvetica, Arial, sans-serif;
|
|
--font-size: 12pt;
|
|
--primary-color: #333;
|
|
|
|
--card-font: Roboto, Helvetica, Arial, sans-serif;
|
|
--card-border-radius: 0.2em;
|
|
--card-title: #fff;
|
|
--card-color: #000;
|
|
--card-actions-background-color: whitesmoke;
|
|
|
|
--passage-color-primary: rgb(25, 68, 109);
|
|
--passage-color-accent: rgb(122, 166, 206);
|
|
--passage-heading-font-family: "Roboto Condensed";
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
font-family: "Roboto Condensed";
|
|
font-size: var(--font-size);
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 1.5rem;
|
|
font-family: "Roboto Condensed";
|
|
color: var(--card-title);
|
|
padding: 1rem;
|
|
border-top-left-radius: var(--card-border-radius);
|
|
border-top-right-radius: var(--card-border-radius);
|
|
|
|
> mat-icon {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
span {
|
|
line-height: 100%;
|
|
vertical-align: text-top;
|
|
padding-left: 1rem;
|
|
}
|
|
}
|
|
|
|
.card-content {
|
|
padding: 1rem;
|
|
color: var(--card-color);
|
|
font-size: var(--font-size);
|
|
font-family: var(--font-family);
|
|
line-height: calc(var(--font-size) + 0.5rem);
|
|
}
|
|
|
|
.card-close-button {
|
|
float: right;
|
|
margin-right: 0.8rem !important;
|
|
mat-icon {
|
|
font-size: 2.3rem;
|
|
line-height: 1rem !important;
|
|
}
|
|
}
|
|
|
|
.card-actions {
|
|
clear: both;
|
|
width: 100%;
|
|
height: 3.5rem;
|
|
color: var(--card-color);
|
|
background-color: var(--card-actions-background-color);
|
|
border-bottom-left-radius: var(--card-border-radius);
|
|
border-bottom-right-radius: var(--card-border-radius);
|
|
mat-icon {
|
|
font-size: 1.7rem;
|
|
line-height: 2.4rem !important;
|
|
}
|
|
}
|
|
|
|
.card-actions-right {
|
|
float: right;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.card-actions-left {
|
|
float: left;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
mat-toolbar {
|
|
padding-left: 12px;
|
|
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
|
0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
a {
|
|
cursor: pointer;
|
|
border-bottom: 1px dotted #bbb;
|
|
}
|
|
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
|
|
mat-h2,
|
|
.mat-title,
|
|
.mat-typography h2 {
|
|
font-size: calc(var(--font-size) * 1.5) !important;
|
|
line-height: calc(var(--font-size) * 1.7) !important;
|
|
}
|
|
.mat-h3,
|
|
.mat-subheading-2,
|
|
.mat-typography h3 {
|
|
font-size: calc(var(--font-size) * 1.1) !important;
|
|
line-height: calc(var(--font-size) * 1.2) !important;
|
|
}
|