| Current Path : /home/xbodynamge/lebauwcentre/wp-content/themes/customify/assets/sass/site/widgets/ |
| Current File : /home/xbodynamge/lebauwcentre/wp-content/themes/customify/assets/sass/site/widgets/_widgets.scss |
/* Widget Common */
.widget-title {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: currentColor;
margin-bottom: 20px;
}
.widget-area {
.widget {
margin-bottom: 2em;
@include for_device( desktop ) {
&:last-of-type {
margin-bottom: 0;
}
}
ul {
list-style: none;
padding: 0px;
margin: 0px;
&:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
li {
margin: 0px 0px 0.6em;
// cat item
&.cat-item, &.woocommerce-widget-layered-nav-list__item {
position: relative;
.count {
right: 0;
background: #eaecee;
color: #999999;
padding: 0px 0.5em;
border-radius: 0.9em;
font-size: 12px;
position: absolute;
top: 4px;
}
&:after {
@include clearfix();
}
}
}
}
//a:not(.wc-forward) {
// color: $color_meta;
// &:hover {
// color: $color_link_hover;
// }
//}
a.button {
&:hover {
text-decoration: none;
}
}
select {
max-width: 100%;
}
table {
font-size: 85%;
th, td {
padding: ms(-6);
text-align: center;
}
tfoot td{
text-align: left;
}
}
*:last-child {
margin-bottom: 0px;
}
.sidebar-search-form {
display: flex;
width: 100%;
max-width: 100%;
label {
width: 100%;
}
.search-field {
width: 100%;
display: block;
}
.search-submit {
padding: 9px 14px;
margin-left: -46px;
overflow: hidden;
box-shadow: none;
background: transparent;
color: #aaaaaa;
line-height: 0px;
&:hover {
svg #svg-search {
fill: #444444;
}
}
svg {
width: 18px;
height: 18px;
}
}
}
}
.widget_categories, .widget_nav_menu, .widget_pages, .widget_product_categories {
ul ul {
margin-top: ms(-4);
margin-left: 0;
margin-bottom: -(ms(-4));
}
.menu-item-has-children {
> a {
margin-bottom: 0px;
}
}
}
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_meta li,
.widget_nav_menu li,
.widget_product_categories li,
.widget_recent_entries li,
.widget_rss li {
display: block;
position: relative;
&:last-child {
border: none;
}
a {
display: block;
width: 100%;
padding-bottom: 0.6em;
margin-bottom: 0.6em;
border-bottom: 1px solid $color_border;
position: relative;
}
ul {
li::before {
left: 15px;
}
a {
padding-left: 20px;
}
ul {
li::before {
left: 30px;
}
a {
padding-left: 40px;
}
}
}
}
.widget_recent_comments {
li {
padding-bottom: 0.6em;
border-bottom: 1px solid $color_border;
position: relative;
}
}
.widget_rss ul li {
margin-bottom: ms(1);
.rsswidget {
font-weight: 400;
font-size: 1.2em;
line-height: 1.28;
}
.rss-date {
display: block;
margin: ms(-3) 0px;
font-size: 85%;
}
}
}
.dark-mode {
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_meta li,
.widget_nav_menu li,
.widget_product_categories li,
.widget_recent_entries li,
.widget_rss li {
a {
border-color: $light_color_border;
}
}
.widget_recent_comments li {
border-color: $light_color_border;
}
.widget ul li.cat-item .count,
.widget ul li.woocommerce-widget-layered-nav-list__item .count {
background: black(0.2);
}
.widget-area .widget select {
border-color: $light_color_border;
}
}
.site-content .widget-area {
.menu {
li {
margin: 0px;
a {
display: block;
padding: 0.6em 0px 0.6em;
//border-bottom: 1px solid $color_border;
}
ul {
margin: 0px;
li {
a {
padding-left: 15px;
}
li {
a {
padding-left: 30px;
}
}
}
}
&.current-menu-item {
> a {
position: relative;
border: 1px solid $color_border;
border-left: none;
border-right: none;
font-size: 110%;
&:before {
border-bottom: 6px solid transparent;
border-left: 6px solid $color_border;
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 5px;
top: 13px;
}
&:after {
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 6px;
top: 13px;
}
}
}
}
}
}
/* Tagcloud widget */
.tagcloud {
a {
border: 1px solid currentColor;
border-radius: 2px;
display: inline-block;
font-size: 0.875em !important;
margin-bottom: 5px;
padding: 1px 10px 1px;
}
}