123456789101112131415161718192021222324252627282930313233343536373839404142 |
- // Mixins
- //-------------------------------
- @mixin centered-block() {
- display: block;
- text-align: center;
- width: 100%;
- padding: 0px;
- }
- @mixin figure2() {
- margin-left: -1rem;
- margin-right: -1rem;
- background-color: var(--code-bg-color);
- }
- // Underline slide borders from left/right and back
- // FROM left or right
- @mixin border-slide($direction) {
- position: relative;
- border-bottom: 0;
- &:hover, &:focus {
- border-bottom: 0;
- }
- &:after {
- color: inherit;
- content: '';
- position: absolute;
- bottom: -0.15em;
- #{$direction}: 0;
- width: 0%;
- border-bottom: 0.15em solid;
- transition: width 0.25s ease-in-out;
- }
- &:hover:after {
- width: 100%;
- }
- }
|