}
}
+.text-mono {
+ font-family: $mono;
+}
+
+.text-uppercase {
+ text-transform: uppercase;
+}
+
+.text-capitals {
+ text-transform: capitalize;
+}
+
.code-base {
background-color: #F8F8F8;
font-size: 0.80em;
@extend .code-base;
display: inline;
padding: 1px 3px;
- white-space:pre;
+ white-space:pre-wrap;
line-height: 1.2em;
- margin-bottom: 1.2em;
}
span.code {
* Lists
*/
ul, ol {
- overflow: hidden;
p {
margin: 0;
}
}
}
+li > ol, li > ul {
+ margin-block-end: 0px;
+ margin-block-start: 0px;
+ padding-block-end: 0px;
+ padding-block-start: 0px;
+}
+
/*
* Generic text styling classes
*/
text-align: center;
}
.text-left {
- text-align: left;
+ text-align: start;
}
.text-right {
- text-align: right;
+ text-align: end;
}
@each $sizeLetter, $size in $screen-sizes {
text-align: center;
}
.text-#{$sizeLetter}-left {
- text-align: left;
+ text-align: start;
}
.text-#{$sizeLetter}-right {
- text-align: right;
+ text-align: end;
}
}
}
display: inline-block;
position: relative;
bottom: -0.105em;
- margin-right: $-xs;
+ margin-inline-end: $-xs;
pointer-events: none;
}
-