Skip to content

Instantly share code, notes, and snippets.

@Mativve
Created February 14, 2023 22:46
Show Gist options
  • Save Mativve/41d0d36c381a321b236d663d4ead72f6 to your computer and use it in GitHub Desktop.
Save Mativve/41d0d36c381a321b236d663d4ead72f6 to your computer and use it in GitHub Desktop.
WordPress widgets style - SCSS
.widget{
// Links widget
&_links{
ul{
}
li{
}
a{
}
}
// Meta widget
&_meta{
ul{
}
li{
}
a{
}
}
// Pages widget
&_pages{
ul{
}
li{
}
a{
}
}
// Recent-posts widget
&_recent_entries{
ul{
}
li{
}
a{
}
}
// Archives widget
&_archive{
ul{
}
li{
}
a{
}
select{
}
option{
}
}
// Tag-cloud widget
&_links{
li{
&:after{
}
&:before{
}
}
}
&_tag_cloud{
a{
}
a:after{
}
a:before{
}
}
// Calendar widget
&_calendar{
}
#calendar_wrap{
}
#calendar_wrap th{
}
#calendar_wrap td{
}
#wp-calendar tr td{
}
#wp-calendar caption{
}
#wp-calendar a{
}
#wp-calendar #today{
}
#wp-calendar #prev{
}
#wp-calendar #next{
}
#wp-calendar #next a{
}
#wp-calendar #prev a{
}
// Category widget
&_categories{
ul{
}
ul li{
}
ul ul.children{
}
a{
}
select{
}
select#cat{
}
select.postform{
}
option{
}
.level-0{
}
.level-1{
}
.level-2{
}
.level-3{
}
}
// Recent-commments widget
.recentcomments{
}
#recentcomments{
li{
}
a{
}
}
&_recent_comments{
}
// Search widget
#searchform{
}
&_search{
}
.screen-reader-text{
}
// Text widget
.textwidget{
p{
}
}
&_text{
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment