rounded corners
This commit is contained in:
@@ -705,8 +705,6 @@ data:
|
||||
min-height: 2.2em !important;
|
||||
padding: 0.5em 0 0.5em 12px !important; /* top right bottom LEFT */
|
||||
box-sizing: border-box !important;
|
||||
border-top-left-radius: 12px !important;
|
||||
border-top-right-radius: 12px !important;
|
||||
}
|
||||
|
||||
/* The h2 title text inside */
|
||||
@@ -774,8 +772,6 @@ data:
|
||||
.widget-type-reddit,
|
||||
.widget-type-bookmarks {
|
||||
background-color: rgba(20, 50, 70, 0.35) !important; /* DARK BLUE, semi-transparent */
|
||||
border-bottom-left-radius: 12px !important;
|
||||
border-bottom-right-radius: 12px !important;
|
||||
}
|
||||
|
||||
/* RSS feed items */
|
||||
@@ -823,6 +819,39 @@ data:
|
||||
background: rgba(45, 126, 136, 0.16);
|
||||
}
|
||||
|
||||
/* =========================================================================
|
||||
WIDGET ROUNDED CORNERS
|
||||
========================================================================= */
|
||||
|
||||
/* The parent widget container - round ALL corners and clip children */
|
||||
.widget {
|
||||
border-radius: 12px !important;
|
||||
overflow: hidden !important; /* This clips the children to the rounded shape */
|
||||
}
|
||||
|
||||
/* Header - round only TOP corners */
|
||||
.widget-header {
|
||||
border-top-left-radius: 12px !important;
|
||||
border-top-right-radius: 12px !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
/* Content - round only BOTTOM corners */
|
||||
.widget-content,
|
||||
.widget-content:not(.widget-content-frameless),
|
||||
.widget-content-frame {
|
||||
border-top-left-radius: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 12px !important;
|
||||
border-bottom-right-radius: 12px !important;
|
||||
}
|
||||
|
||||
/* For widgets without headers (content only), round all corners */
|
||||
.widget:not(:has(.widget-header)) .widget-content {
|
||||
border-radius: 12px !important;
|
||||
}
|
||||
|
||||
/* =========================================================================
|
||||
BOOKMARK STYLING
|
||||
The link cards in bookmark widgets
|
||||
|
||||
Reference in New Issue
Block a user