OpenSLU / static /css /style.css
LightChen2333's picture
Upload 78 files
223340a
raw
history blame
2.66 kB
.card {
--phoenix-card-spacer-y: 1.5rem;
--phoenix-card-spacer-x: 1.5rem;
--phoenix-card-title-spacer-y: 1rem;
--phoenix-card-border-width: 1px;
--phoenix-card-border-color: var(--phoenix-gray-200);
--phoenix-card-border-radius: 0.5rem;
--phoenix-card-box-shadow: ;
--phoenix-card-inner-border-radius: calc(0.5rem - 1px);
--phoenix-card-cap-padding-y: 1.5rem;
--phoenix-card-cap-padding-x: 1.5rem;
--phoenix-card-cap-bg: var(--phoenix-card-cap-bg);
--phoenix-card-cap-color: ;
--phoenix-card-height: ;
--phoenix-card-color: ;
--phoenix-card-bg: #fff;
--phoenix-card-img-overlay-padding: 1rem;
--phoenix-card-group-margin: 1rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
height: var(--phoenix-card-height);
word-wrap: break-word;
background-color: var(--phoenix-card-bg);
background-clip: border-box;
border: var(--phoenix-card-border-width) solid var(--phoenix-card-border-color);
border-radius: var(--phoenix-card-border-radius);
-webkit-box-shadow: var(--phoenix-card-box-shadow);
box-shadow: var(--phoenix-card-box-shadow);
}
.h-100 {
height: 100% !important;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: var(--phoenix-card-spacer-y) var(--phoenix-card-spacer-x);
color: var(--phoenix-card-color);
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.bullet-item {
height: 0.5rem;
width: 1rem;
border-radius: 2px;
}
.bg-primary {
--phoenix-bg-opacity: 1;
background-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-bg-opacity)) !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.text-900 {
--phoenix-text-opacity: 1;
color: rgba(var(--phoenix-900-rgb), var(--phoenix-text-opacity)) !important;
}
.fw-semi-bold {
font-weight: 600 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
h6, .h6 {
font-size: 0.8rem;
}