github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-22 18:16:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

BS5 Migration - Blog post cards migration to BS5 ()

Browse source 
* copying blog-posts.less into blog-posts.scss, will not compile yet

* making variable changes in the file

* adding card-body under blog-post

* adding spacing-09 to the list

* format:fix

* rendering bs5 for blog/blog_post

* adding card-body for blog post page card

* fixing some linting errors

* adding neutral-40 as a replacement of ol-blue-gray-2

* selecting the closest spacing

* removing margin

GitOrigin-RevId: e0cad15cec2adccb41d773e38feb99d9fd9f5e07
This commit is contained in:
Davinder Singh 2024-09-24 12:54:19 +01:00 • committed by Copybot
parent 4c2425fe25
commit ba0f95aaf0
2 changed files with 67 additions and 0 deletions
services/web/frontend/stylesheets/bootstrap-5/components
all.scssblog-posts.scss

1
services/web/frontend/stylesheets/bootstrap-5/components/all.scss
View file

@ -17,4 +17,5 @@
@import 'navbar';
@import 'styled-text';
@import 'table';
@import 'blog-posts';
@import 'tabs';

66
services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss Normal file
View file

@ -0,0 +1,66 @@
/*
v2
Blog Pages
*/
.blog {
img {
max-width: 100%;
}
.blog-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: var(--spacing-09);
.card-header {
margin-bottom: var(--margin-sm);
padding: 0;
}
p {
margin-top: 12.5px;
}
}
.tags {
margin-top: var(--margin-md);
.tags-list {
list-style: none;
padding: 0;
}
li {
display: inline-block;
margin: 0;
padding: 0 var(--spacing-04) var(--spacing-04) 0;
}
a {
font-size: small;
}
}
pre {
border: 1px solid var(--neutral-40);
border-radius: var(--border-radius-base);
padding: var(--spacing-04);
}
.figure {
background-color: #fff;
border: 1px solid var(--neutral-40);
display: inline-block;
margin: 0 auto var(--margin-sm) 0;
max-width: 100%;
padding: var(--spacing-04);
.figure-caption {
padding-top: var(--spacing-04);
font-size: small;
}
}
}