styled buttons for faqs preview posts
This commit is contained in:
parent
3a272ac9ba
commit
294dc62400
|
@ -47,7 +47,7 @@ a {
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
padding: 0 0.38rem;
|
padding: 0 0.38rem;
|
||||||
background-color: $color__white;
|
// background-color: $color__white;
|
||||||
border: 1px solid $color__black;
|
border: 1px solid $color__black;
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
line-height: 0.8;
|
line-height: 0.8;
|
||||||
|
@ -64,19 +64,29 @@ a {
|
||||||
.category-faq {
|
.category-faq {
|
||||||
.entry-title {
|
.entry-title {
|
||||||
a {
|
a {
|
||||||
&::after {
|
&::before {
|
||||||
content: "accedeix +";
|
content: "accedir";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 1em;
|
||||||
|
left: 0.5em;
|
||||||
|
font-family: $font__light;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
&::after {
|
||||||
|
content: "+";
|
||||||
width: 8rem;
|
width: 8rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: inherit;
|
padding: 0 0.5rem;
|
||||||
padding: 0.5rem;
|
text-align: right;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
line-height: 0.7;
|
||||||
}
|
}
|
||||||
&:hover::after {
|
&:hover::after {
|
||||||
content: "accedeix >";
|
content: ">";
|
||||||
line-height: inherit;
|
padding: 0 0.1rem;
|
||||||
font-size: 1rem;
|
font-size: 1.5rem;
|
||||||
padding: 0.5rem;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
28
style.css
28
style.css
|
@ -725,7 +725,6 @@ a.button {
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
padding: 0 0.38rem;
|
padding: 0 0.38rem;
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
line-height: 0.8;
|
line-height: 0.8;
|
||||||
|
@ -738,20 +737,31 @@ a.button {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-faq .entry-title a::after {
|
.category-faq .entry-title a::before {
|
||||||
content: "accedeix +";
|
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;
|
font-size: 1rem;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-faq .entry-title a::after {
|
||||||
|
content: "+";
|
||||||
width: 8rem;
|
width: 8rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
line-height: inherit;
|
padding: 0 0.5rem;
|
||||||
padding: 0.5rem;
|
text-align: right;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
line-height: 0.7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-faq .entry-title a:hover::after {
|
.category-faq .entry-title a:hover::after {
|
||||||
content: "accedeix >";
|
content: ">";
|
||||||
line-height: inherit;
|
padding: 0 0.1rem;
|
||||||
font-size: 1rem;
|
font-size: 1.5rem;
|
||||||
padding: 0.5rem;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Forms
|
/* Forms
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue