xarxaprod-wp-theme/sass/base/elements/_lists.scss

157 lines
3.0 KiB
SCSS

ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 0.5em 0.5em;
padding: 0;
}
@media screen {
.xarxaprod-label {
margin: 0;
padding: 0;
display: inline;
li {
display:inline-block;
margin:0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: $color__text-screen;
border: $border__line;
background-color: none;
font-size: $font__size-body*0.8;
}
}
.item-xxp_fund_call {
display: block;
margin:0.2rem 0;
li {
font-size: $font__size-body*1.2;
}
}
.item-xxp_fund_apply_text {
display:inline-block;
margin:0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
font-size: $font__size-body*0.7;
text-transform: uppercase;
}
.xarxaprod-faqs-types {
ul {
margin: 0;
}
.cat-item {
display:inline-block;
margin: 0.1em 0.5em 0.1em 0;
padding: 0.2em 0.2em 0 0.2em;
color: $color__white;
background-color: $color__black;
font-size: $font__size-body*1.1;
text-transform: uppercase;
}
a {
color: $color__white;
text-decoration: none;
&:visited, &:hover{
color: $color__white;
}
}
}
.single-xarxaprod-ajut {
article:not(.type-post) {
.xarxaprod-label {
li {
font-size: $font__size-body*1.1;
}
}
.item-xxp_fund_apply_text {
font-size: $font__size-body*1.1;
}
}
}
ul[id*="menu-footer"] {
column-count: 3;
a {
text-decoration: underline;
}
}
ul[id*="menu-legal"] li {
float: left;
padding-left: 0.8em;
font-size: $font__size-body*0.8;
}
ul[id*="menu-social-media"] {
display:flex;
flex-flow: row;
li {
height: 1.5em;
width: 1.5em;
background-color: $color__white;
border-radius: 5em;
margin-right: 0.3em;
position: relative;
//&:before {
// content:"";
// display: block;
// color: $color__black;
// font-size: $font__size-body*1;
// width: 2em;
// height: 2em;
// text-align:center;
//}
a {
margin-left: -10000em;
&:before {
content:"";
display: inline-flex;
align-content: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: $color__black;
font-size: $font__size-body*1;
font-weight: 900;
}
&[href*="instagram.com"]:before{
content: "in";
}
&[href*="youtube.com"]:before{
content: "yt";
}
&[href*="facebook.com"]:before{
content: "fb";
}
&[href*="twitter.com"]:before{
content: "tw";
}
&[href*="mastodon"]:before{
content: "mt";
}
}
}
}
}