Skip to content

Commit

Permalink
chore: major lint
Browse files Browse the repository at this point in the history
  • Loading branch information
fkakatie committed Jan 9, 2025
1 parent 0737015 commit f224278
Show file tree
Hide file tree
Showing 35 changed files with 815 additions and 826 deletions.
52 changes: 26 additions & 26 deletions blocks/accordion/accordion.css
Original file line number Diff line number Diff line change
@@ -1,45 +1,45 @@
.accordion {
background: #EFEFEF;
border: 1px solid #ddd;
border-radius: 6px;
background: #efefef;
border: 1px solid #ddd;
border-radius: 6px;
}

.item-title {
cursor: pointer;
padding: 12px;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 12px;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center;
}

.item-title::after {
width: 10px;
height: 10px;
border-bottom: 2px solid #a7a7a7;
border-right: 2px solid #a7a7a7;
transform-origin: 75% 75%;
transform: rotate(-45deg) translateY(-50%);
transition: transform .1s ease;
content: '';
width: 10px;
height: 10px;
border-bottom: 2px solid #a7a7a7;
border-right: 2px solid #a7a7a7;
transform-origin: 75% 75%;
transform: rotate(-45deg) translateY(-50%);
transition: transform 0.1s ease;
content: "";
}

.item-title.open {
background: #ddd;
background: #ddd;
}

.item-title.open::after {
transform: rotate(-135deg) translateX(50%);
transform: rotate(-135deg) translateX(50%);
}

.item-content {
display: none;
grid-template-columns: 1fr 1fr;
gap: 12px;
padding: 12px;
border-bottom: 1px solid #ddd;
display: none;
grid-template-columns: 1fr 1fr;
gap: 12px;
padding: 12px;
border-bottom: 1px solid #ddd;
}

.item-title.open + .item-content {
display: grid;
}
display: grid;
}
194 changes: 97 additions & 97 deletions blocks/author-box/author-box.css
Original file line number Diff line number Diff line change
@@ -1,122 +1,122 @@
/* author box */

main .author-box-container {
padding-top: 0;
padding-top: 0;
}

main .author-box-container > div {
max-width: unset;
padding: 0;
margin: 0 auto;
}

main .author-box {
visibility: unset;
max-width: unset;
}
max-width: unset;
padding: 0;
margin: 0 auto;
}

main .author-box-info {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
padding: 0 2rem;
}
main .author-box {
visibility: unset;
max-width: unset;
}

main .author-box-info .sharing-details {
margin-left: auto;
}

main .author-box-info .blog-author-image,
main .author-box-info .blog-author-image img {
flex: 0 0 64px;
margin: 0;
margin-right: 16px;
height: 64px;
width: 64px;
border-radius: 50%;
object-fit: cover;
}
main .author-box-info {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
padding: 0 2rem;
}

main .author-box-info .blog-author-name {
margin-bottom: 0;
}
main .author-box-info .sharing-details {
margin-left: auto;
}

main .author-box-info a {
text-decoration: none;
cursor: pointer;
}
main .author-box-info .blog-author-image,
main .author-box-info .blog-author-image img {
flex: 0 0 64px;
margin: 0;
margin-right: 16px;
height: 64px;
width: 64px;
border-radius: 50%;
object-fit: cover;
}

main .author-box-info .blog-author-name {
margin-bottom: 0;
}

main .author-box-info a {
text-decoration: none;
cursor: pointer;
}

main .author-box-info p,
main .author-box-info p a {
margin: 0;
main .author-box-info p,
main .author-box-info p a {
margin: 0;
}

main .author-box-info .sharing-details svg {
width: 40px;
height: 40px;
}

main .author-box-info .blog-author-blurb {
font-style: italic;
color: grey;
padding-left: 15px;
display: none;
}

main .author-box-info .publication-date-invalid {
display: none;
}

@media (width >= 600px) {
main .author-box {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}

main .author-box-info .sharing-details svg {
width: 40px;
height: 40px;
main .author-box .author-box-info {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

main .author-box-info .blog-author-blurb {
font-style: italic;
color: grey;
padding-left: 15px;
display: none;
max-width: 290px;
margin-left: 10px;
border-left: 1px solid grey;
display: block;
font-size: 15px;
}

main .author-box-info .publication-date-invalid {
display: none;
main .author-box-info .blog-author-details {
font-size: 16px;
}
}

@media (width >= 600px) {
main .author-box {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}

main .author-box .author-box-info {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

main .author-box-info .blog-author-blurb {
max-width: 290px;
margin-left: 10px;
border-left: 1px solid grey;
display: block;
font-size: 15px;
}

main .author-box-info .blog-author-details {
font-size: 16px;
}
@media (width >= 768px) {
main .author-box-info .blog-author-blurb {
max-width: 380px;
margin-left: 20px;
font-size: 18px;
}

@media (width >= 768px) {
main .author-box-info .blog-author-blurb {
max-width: 380px;
margin-left: 20px;
font-size: 18px;
}

main .author-box-info .blog-author-details {
font-size: 18px;
}
main .author-box-info .blog-author-details {
font-size: 18px;
}
}

@media (width >= 900px) {
main .author-box-info .blog-author-blurb {
max-width: 450px;
font-size: 20px;
margin-left: 30px;
padding-left: 30px;
}

main .author-box-info .blog-author-details {
font-size: 20px;
}
@media (width >= 900px) {
main .author-box-info .blog-author-blurb {
max-width: 450px;
font-size: 20px;
margin-left: 30px;
padding-left: 30px;
}

main .author-box-info .blog-author-details {
font-size: 20px;
}
}
8 changes: 4 additions & 4 deletions blocks/availability/availability.css
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
stroke: var(--brand-color-purple);
stroke-width: 0;
fill: var(--brand-color-purple);
transition: fill .2s, stroke .2s, stroke-width .2s;
transition: fill 0.2s, stroke 0.2s, stroke-width 0.2s;
cursor: context-menu;
}

Expand All @@ -60,7 +60,7 @@
font-size: var(--type-detail-m-size);
line-height: var(--type-detail-m-lh);
opacity: 1;
transition: opacity .4s;
transition: opacity 0.4s;
}

@media (width >= 900px) {
Expand All @@ -86,7 +86,7 @@
}

.availability .tooltip::after {
content: '';
content: "";
position: absolute;
left: 50%;
bottom: -6px;
Expand Down Expand Up @@ -116,6 +116,6 @@
border-right: 0;
}

.availability .tooltip[aria-hidden='true'] {
.availability .tooltip[aria-hidden="true"] {
opacity: 0;
}
Loading

0 comments on commit f224278

Please sign in to comment.