File: /home/f/r/e/frenchy/refonte2023/wordpress/wp-content/themes/gimont/assets/scss/base/_widgets.scss
.sidebar .widget {
display: block;
margin-bottom: 30px;
padding: 30px;
float: left;
width: 100%;
background-color: #f3f4f7;
&:last-child{
margin-bottom: 60px;
}
a{
color: var(--text);
&:hover{
color: var(--primary);
}
}
h4.widget-title{
position: relative;
margin: 0 0 15px 0;
font-size: 20px;
}
p{
margin-top: 0;
}
img{ width: auto; }
ul{
list-style-type: none;
margin: 0;
padding: 0;
li{
padding: 0.5em 0;
&:first-child{
border-top: 0;
}
&:last-child{
padding-bottom: 0;
}
}
&.children,
&.sub-menu {
margin: 0.5em 0 0 0.8em;
}
}
.screen-reader-text{
display: none;
}
/* Widget Rss */
&.widget_rss{
ul li{
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
&:first-child{
padding-top: 0;
}
&:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
a.rsswidget{
font-weight: 600;
display: block;
line-height: 1.5em;
margin-bottom: 12px;
color: var(--heading);
font-size: 15px;
&:hover{
color: var(--primary);
}
}
.rss-date{
display: inline-block;
margin-bottom: 12px;
font-weight: 500;
opacity: 0.7;
}
.rssSummary{
margin-bottom: 12px;
color: var(--text);
}
cite{
color: var(--text);
opacity: 0.8;
text-decoration: underline;
}
}
}
/* Widget Calendar */
&.widget_calendar{
width: 100%;
caption{
background: transparent;
color: var(--heading);
font-weight: bold;
text-align: center;
border: none;
padding: 5px 0px;
}
table{
margin-bottom: 0;
thead{
border: 1px solid #eee;
tr{
th{
background-color: #f1f1f1;
color: var(--heading);
border: 1px solid #e4e4e4;
text-align: center;
}
}
}
tbody{
tr{
td{
border: none;
text-align: center;
border: 1px solid #e4e4e4;
}
}
}
}
nav{
border: none;
padding: 10px 0px 0px 0px;
display: flex;
justify-content: space-between;
a{
color: var( --primary );
&:hover{
color: #343434;
}
}
}
}
/* Widget Tag clound */
&.widget_tag_cloud{
.tagcloud{
position: relative;
width: 100%;
float: left;
a{
float: left;
margin: 0 10px 10px 0;
display: block;
font-weight: 500;
@include tag();
}
}
}
/* Widget Search */
&.widget_search{
background-color: var(--primary);
form{
position: relative;
&:before{
font-size: 22px;
color: #fff;
opacity: 1;
font-family: 'flaticon_gimont' !important;
content: "\f102";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
position: absolute;
top: 50%;
right: 20px;
line-height: 1;
transform: translate(0, -50%);
cursor: pointer;
}
input[type="search"]{
padding: 0 55px 0 15px;
width: 100%;
color: #fff;
overflow: hidden;
background: unset;
border: unset;
&::placeholder {
opacity: 1;
color: #fff;
font-size: 16px;
font-weight: 500;
}
&::-webkit-search-cancel-button {
display: none;
}
&:-webkit-autofill {
transition-delay: 600s;
}
}
input[type="submit"]{
position: absolute;
right: 0;
top: 0;
background-color: transparent;
border: none;
font-size: 0;
width: 50px;
}
}
}
/**
* Archives
*/
&.widget_categories,
&.widget_archive{
ul{
li{
line-height: 30px;
color: var(--text);
&:before{
content: "\f161";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
color: var(--text);
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
a{
color: var(--text);
text-align: left;
&:hover{
color: var(--primary);
}
}
}
}
.widget-custom{
ul{
li{
line-height: 30px;
&:before{
content: "\f161";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
}
a{
display: flex;
justify-content: space-between;
.number{
background: #eee;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
}
}
}
}
}
&.widget_categories{
ul{
li{
&:before{
content: "\f162";
font-family: "ovaicon";
}
}
}
.widget-custom{
ul{
li{
line-height: 30px;
&:before{
content: "\f162";
font-family: "ovaicon";
}
}
}
}
}
&.widget_pages{
ul{
li{
&:before{
content: "\f163";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
}
}
}
&.widget_nav_menu{
ul{
li{
&:before{
content: "\f163";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
}
}
}
&.widget_meta{
ul{
li{
&:before{
content: "\f112";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
}
}
}
&.widget_recent_comments{
ul{
li{
color: var(--text);
opacity: 0.8;
&:before{
content: "\f151";
font-family: "ovaicon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
vertical-align: middle;
margin-right: 0.6180469716em;
display: block;
float: left;
opacity: 0.5;
width: 1em;
font-size: 0.9em;
line-height: inherit;
}
.comment-author-link{
color: var( --heading );
text-decoration: underline;
a{
&:hover{
color: var(--primary);
}
}
}
}
}
}
}
/* Widget Tag clound */
.widget_tag_cloud{
.tagcloud{
a{
font-size: 0.9em!important;
}
}
}