fediversity.eu/assets/scss/custom.scss
2024-05-13 16:36:08 +02:00

127 lines
1.9 KiB
SCSS
Executable file

// Add your own custom styles here
.grid-container {
display: flex;
justify-content: space-between;
}
.column {
flex-basis: calc(50% - 10px); /* Adjust width as necessary */
}
.list {
list-style-type: none;
padding: 0;
}
.list-item {
margin-bottom: 10px;
}
.link {
text-decoration: none;
color: inherit;
}
.title {
font-weight: bold;
}
.hr-list {
border: 0;
border-top: 1px solid #ccc;
margin-top: 5px;
margin-bottom: 5px;
}
.list-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.content {
flex: 1;
}
.link {
text-align: left;
}
.time {
text-align: right;
}
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.grid-item {
padding: 20px;
}
.header-with-image {
display: flex;
align-items: flex-start;
}
.header-with-image img {
margin-right: 10px;
max-width: 100px; /* Adjust as needed */
max-height: 100px; /* Adjust as needed */
align-items: center;
}
.read-more-link {
color: #FF6E00; /* Use the variable defined in theme.json */
}
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.hr-list {
margin-top: 0;
margin-bottom: 0;
margin-right: .5rem;
}
.center-layout {
display: flex;
justify-content: center;
}
.hr-list2 {
border: 20;
border-top: 1px solid #FF6E00;
margin-top: 5px;
margin-bottom: 5px;
}
.header-with-image2 {
text-align: center;
}
.header-with-image2 img {
display: inline-block;
}
.line {
border-top: 1px solid #FF6E00; /* Change color and thickness as needed */
margin: 10px 0; /* Adjust spacing between the line and the divs */
}