resources load more older newers posts styled as buttons

This commit is contained in:
jorge 2022-04-27 17:29:00 +02:00
parent b478f8787b
commit 65d25e92c7
3 changed files with 199 additions and 11 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,114 @@
//button,.button {
// // min-width: 20rem;
//}
//.hero {
// button,.button {
// min-width: 20vw;
// color: $button-color-alt;
// font-size: $global-font-size*1.3;
// border-color: $button-color-alt;
// border-radius: 4rem;
// &:hover{
// color: $anchor-color;
// border-color: $anchor-color;
// }
// }
//}
// wordpress
.wpcf7-form-control[type="submit"] {
@extend .button;
min-width: unset;
}
.post-next,.post-previous {
a {
@extend button;
@extend .hollow;
}
}
// untill here wordpress
button {
@extend .button;
}
button,.button {
// min-width: 20rem;
&.small{
padding: $global-padding*0.5 $global-padding*1.5;
}
&.tiny{
padding: $global-padding*0.3 $global-padding*1.1;
}
&:not(.large,.small,.tiny){
}
&.primary {
color: $white;
}
&.success {
border-color: $success-color;
}
&.alert {
border-color: $alert-color;
color: $white;
&:hover{
color:$white;
}
}
&.secondary {
border-color: $secondary-color;
}
&.inactive {
color: $light-gray;
border-color: $light-gray;
cursor: not-allowed ;
&:hover {
background-color: unset;
}
}
}
.hero {
button,.button {
min-width: 20vw;
padding: $global-padding*0.3 $global-padding*2;
color: $button-color-alt;
font-size: $global-font-size*1.3;
border-color: $button-color-alt;
border-radius: 4rem;
border-radius: $global-radius-archive*2;
&:hover{
color: $anchor-color;
border-color: $anchor-color;
}
}
}
.wpcf7-form-control[type="submit"] {
@extend .button;
min-width: unset;
.search {
.button {
border-color: $primary-color;
}
button.appear{
min-width: unset;
background-color: $primary-color;
color: $white;
border-radius:$global-radius-archive;
border: none;
}
}
.load_more {
button,.button {
font-size: $global-font-size;
}
}
.end_of_page_button {
// @extend .button.small;
@extend .button;
display: flex;
margin: $global-margin auto;
//padding: $global-padding*0.5 $global-padding*5;
font-size: $global-font-size;
}
.accordion-item.is-active {
& button, & .button {
// @extend .button;
background-color: $input-background;
}
}

View File

@ -1,20 +1,114 @@
//button,.button {
// // min-width: 20rem;
//}
//.hero {
// button,.button {
// min-width: 20vw;
// color: $button-color-alt;
// font-size: $global-font-size*1.3;
// border-color: $button-color-alt;
// border-radius: 4rem;
// &:hover{
// color: $anchor-color;
// border-color: $anchor-color;
// }
// }
//}
// wordpress
.wpcf7-form-control[type="submit"] {
@extend .button;
min-width: unset;
}
.post-next,.post-previous {
a {
@extend button;
@extend .hollow;
}
}
// untill here wordpress
button {
@extend .button;
}
button,.button {
// min-width: 20rem;
&.small{
padding: $global-padding*0.5 $global-padding*1.5;
}
&.tiny{
padding: $global-padding*0.3 $global-padding*1.1;
}
&:not(.large,.small,.tiny){
}
&.primary {
color: $white;
}
&.success {
border-color: $success-color;
}
&.alert {
border-color: $alert-color;
color: $white;
&:hover{
color:$white;
}
}
&.secondary {
border-color: $secondary-color;
}
&.inactive {
color: $light-gray;
border-color: $light-gray;
cursor: not-allowed ;
&:hover {
background-color: unset;
}
}
}
.hero {
button,.button {
min-width: 20vw;
padding: $global-padding*0.3 $global-padding*2;
color: $button-color-alt;
font-size: $global-font-size*1.3;
border-color: $button-color-alt;
border-radius: 4rem;
border-radius: $global-radius-archive*2;
&:hover{
color: $anchor-color;
border-color: $anchor-color;
}
}
}
.wpcf7-form-control[type="submit"] {
@extend .button;
min-width: unset;
.search {
.button {
border-color: $primary-color;
}
button.appear{
min-width: unset;
background-color: $primary-color;
color: $white;
border-radius:$global-radius-archive;
border: none;
}
}
.load_more {
button,.button {
font-size: $global-font-size;
}
}
.end_of_page_button {
// @extend .button.small;
@extend .button;
display: flex;
margin: $global-margin auto;
//padding: $global-padding*0.5 $global-padding*5;
font-size: $global-font-size;
}
.accordion-item.is-active {
& button, & .button {
// @extend .button;
background-color: $input-background;
}
}