70 lines
1.4 KiB
Plaintext

/* pages/home/additive/additive.wxss */
.main {
width: 100%;
}
.main-item {
margin: 10px;
margin-bottom: 15px;
border-radius: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-style: solid;
border-width: 2px;
border-color: rgba(230, 230, 230, 0.719);
padding: 15px;
}
.logo-image {
width: 75px;
height: 75px;
border-radius: 9999px;
border-style: solid;
border-width: 2px;
border-color: rgba(200, 200, 200, 0.548);
}
.title {
display: flex;
}
.main-title {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
margin: 10px;
}
.title-name {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
}
.title-enname {
color: rgb(150, 150, 150);
}
.chemical-item {
display: flex;
justify-content: space-between;
border-radius: 0.5rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
border-style: solid;
border-width: 2px;
border-color: rgba(230, 230, 230, 0.719);
margin: 10px;
padding: 10px;
align-items: center;
}
.chemical-name {
margin-bottom: 5px;
}
.chemical-cas {
color: rgb(150, 150, 150);
}