debian-mirror-gitlab/app/assets/stylesheets/framework/editor-lite.scss

77 lines
1.4 KiB
SCSS
Raw Normal View History

2021-01-29 00:20:46 +05:30
[data-editor-loading] {
@include gl-relative;
@include gl-display-flex;
@include gl-justify-content-center;
@include gl-align-items-center;
2021-04-17 20:07:23 +05:30
@include gl-z-index-0;
> * {
filter: blur(5px);
}
2021-01-29 00:20:46 +05:30
&::before {
content: '';
@include spinner(32px, 3px);
@include gl-absolute;
@include gl-z-index-1;
}
pre {
opacity: 0;
}
}
2021-01-03 14:25:43 +05:30
[id^='editor-lite-'] {
height: 500px;
2020-04-08 14:13:33 +05:30
}
2021-04-29 21:17:54 +05:30
.monaco-editor.gl-editor-lite {
.margin-view-overlays {
.line-numbers {
@include gl-display-flex;
@include gl-justify-content-end;
@include gl-relative;
&::before {
@include gl-visibility-hidden;
@include gl-align-self-center;
@include gl-bg-gray-400;
@include gl-mr-2;
@include gl-w-4;
@include gl-h-4;
mask-image: asset_url('icons-stacked.svg#link');
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center;
content: '';
}
&:hover {
@include gl-text-decoration-underline;
cursor: pointer !important;
}
&:hover::before {
@include gl-visibility-visible;
}
&:focus::before {
@include gl-visibility-visible;
outline: auto;
}
.link-anchor {
@include gl-display-block;
@include gl-absolute;
@include gl-w-full;
@include gl-h-full;
}
}
}
}
.active-line-text {
@include gl-bg-orange-600;
@include gl-opacity-3;
}