xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled buttons for faqs preview posts

This commit is contained in:
jorge 2022-12-30 14:15:07 +01:00
parent 3a272ac9ba
commit 294dc62400
3 changed files with 39 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
sass/base/elements/_links.scss
View File

@ -47,7 +47,7 @@ a {
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
background-color: $color__white;
// background-color: $color__white;
border: 1px solid $color__black;
font-size: 4rem;
line-height: 0.8;
@ -64,19 +64,29 @@ a {
.category-faq {
.entry-title {
a {
&::after {
content: "accedeix +";
&::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: $font__light;
font-size: 1rem;
line-height: 0;
}
&::after {
content: "+";
width: 8rem;
height: 2rem;
line-height: inherit;
padding: 0.5rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
&:hover::after {
content: "accedeix >";
line-height: inherit;
font-size: 1rem;
padding: 0.5rem;
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
}
}

28
style.css
View File

@ -725,7 +725,6 @@ a.button {
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
background-color: #fff;
border: 1px solid #000;
font-size: 4rem;
line-height: 0.8;
@ -738,20 +737,31 @@ a.button {
line-height: 1.3;
}
.category-faq .entry-title a::after {
content: "accedeix +";
.category-faq .entry-title a::before {
content: "accedir";
position: absolute;
bottom: 1em;
left: 0.5em;
font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 0;
}
.category-faq .entry-title a::after {
content: "+";
width: 8rem;
height: 2rem;
line-height: inherit;
padding: 0.5rem;
padding: 0 0.5rem;
text-align: right;
font-size: 2.5rem;
line-height: 0.7;
}
.category-faq .entry-title a:hover::after {
content: "accedeix >";
line-height: inherit;
font-size: 1rem;
padding: 0.5rem;
content: ">";
padding: 0 0.1rem;
font-size: 1.5rem;
line-height: 1.2;
}
/* Forms

2
style.css.map
View File

File diff suppressed because one or more lines are too long