diff options
| author | Jacob Schatz <jschatz1@gmail.com> | 2017-10-19 13:27:21 -0400 |
|---|---|---|
| committer | Jacob Schatz <jschatz1@gmail.com> | 2017-10-19 13:27:21 -0400 |
| commit | 8188a92cf00721a31fa526738a79b38d85f5793e (patch) | |
| tree | 20b24504aca82fbafdbf18e3c774d5110bdd7037 | |
| parent | 00c15cc27c33dd387069fce5777beb29d01f55ac (diff) | |
| download | gitlab-ce-8188a92cf00721a31fa526738a79b38d85f5793e.tar.gz | |
Remove all CSS>
121 files changed, 0 insertions, 28975 deletions
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 0665622fe4a..c56a5e52684 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -17,27 +17,11 @@ * directory. */ -@import "../../../node_modules/pikaday/scss/pikaday"; - -/* - * GitLab UI framework - */ -@import "framework"; - /* * Font icons */ @import "font-awesome"; -/* - * Page specific styles (issues, projects etc): - */ -@import "pages/**/*"; - -/* - * Code highlight - */ -@import "highlight/**/*"; /* * Styles for JS behaviors. diff --git a/app/assets/stylesheets/framework.scss b/app/assets/stylesheets/framework.scss deleted file mode 100644 index aa61ddc6a2c..00000000000 --- a/app/assets/stylesheets/framework.scss +++ /dev/null @@ -1,58 +0,0 @@ -@import "framework/variables"; -@import "framework/mixins"; -@import 'framework/tw_bootstrap_variables'; -@import 'framework/tw_bootstrap'; -@import "framework/layout"; - -@import "framework/animations"; -@import "framework/avatar"; -@import "framework/asciidoctor"; -@import "framework/banner"; -@import "framework/blocks"; -@import "framework/buttons"; -@import "framework/badges"; -@import "framework/calendar"; -@import "framework/callout"; -@import "framework/common"; -@import "framework/dropdowns"; -@import "framework/files"; -@import "framework/filters"; -@import "framework/flash"; -@import "framework/forms"; -@import "framework/gfm"; -@import "framework/gitlab-theme"; -@import "framework/header"; -@import "framework/highlight"; -@import "framework/issue_box"; -@import "framework/jquery"; -@import "framework/lists"; -@import "framework/logo"; -@import "framework/markdown_area"; -@import "framework/media_object"; -@import "framework/mobile"; -@import "framework/modal"; -@import "framework/pagination"; -@import "framework/panels"; -@import "framework/secondary-navigation-elements"; -@import "framework/selects"; -@import "framework/sidebar"; -@import "framework/new-sidebar"; -@import "framework/tables"; -@import "framework/notes"; -@import "framework/tabs"; -@import "framework/timeline"; -@import "framework/tooltips"; -@import "framework/typography"; -@import "framework/zen"; -@import "framework/blank"; -@import "framework/wells"; -@import "framework/page-header"; -@import "framework/awards"; -@import "framework/images"; -@import "framework/broadcast-messages"; -@import "framework/emojis"; -@import "framework/emoji-sprites"; -@import "framework/icons"; -@import "framework/snippets"; -@import "framework/memory_graph"; -@import "framework/responsive-tables"; diff --git a/app/assets/stylesheets/framework/animations.scss b/app/assets/stylesheets/framework/animations.scss deleted file mode 100644 index 374988bb590..00000000000 --- a/app/assets/stylesheets/framework/animations.scss +++ /dev/null @@ -1,273 +0,0 @@ -// This file is based off animate.css 3.5.1, available here: -// https://github.com/daneden/animate.css/blob/3.5.1/animate.css -// -// animate.css - http://daneden.me/animate -// Version - 3.5.1 -// Licensed under the MIT license - http://opensource.org/licenses/MIT -// -// Copyright (c) 2016 Daniel Eden - -.animated { - @include webkit-prefix(animation-duration, 1s); - @include webkit-prefix(animation-fill-mode, both); - - &.infinite { - @include webkit-prefix(animation-iteration-count, infinite); - } - - &.once { - @include webkit-prefix(animation-iteration-count, 1); - } - - &.hinge { - @include webkit-prefix(animation-duration, 2s); - } - - &.flipOutX, - &.flipOutY, - &.bounceIn, - &.bounceOut { - @include webkit-prefix(animation-duration, .75s); - } - - &.short { - @include webkit-prefix(animation-duration, 321ms); - @include webkit-prefix(animation-fill-mode, none); - } -} - -@include keyframes(pulse) { - from, - to { - @include webkit-prefix(transform, scale3d(1, 1, 1)); - } - - 50% { - @include webkit-prefix(transform, scale3d(1.05, 1.05, 1.05)); - } -} - -.pulse { - @include webkit-prefix(animation-name, pulse); -} - -/* -* General hover animations -*/ - - -// Sass multiple transitions mixin | https://gist.github.com/tobiasahlin/7a421fb9306a4f518aab -// Usage: @include transition(width, height 0.3s ease-in-out); -// Output: -webkit-transition(width 0.2s, height 0.3s ease-in-out); -// transition(width 0.2s, height 0.3s ease-in-out); -// -// Pass in any number of transitions -@mixin transition($transitions...) { - $unfoldedTransitions: (); - @each $transition in $transitions { - $unfoldedTransitions: append($unfoldedTransitions, unfoldTransition($transition), comma); - } - - transition: $unfoldedTransitions; -} - -@mixin disableAllAnimation { - /*CSS transitions*/ - -o-transition-property: none !important; - -moz-transition-property: none !important; - -ms-transition-property: none !important; - -webkit-transition-property: none !important; - transition-property: none !important; - /*CSS transforms*/ - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - /*CSS animations*/ - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; -} - -@function unfoldTransition ($transition) { - // Default values - $property: all; - $duration: $general-hover-transition-duration; - $easing: $general-hover-transition-curve; // Browser default is ease, which is what we want - $delay: null; // Browser default is 0, which is what we want - $defaultProperties: ($property, $duration, $easing, $delay); - - // Grab transition properties if they exist - $unfoldedTransition: (); - @for $i from 1 through length($defaultProperties) { - $p: null; - @if $i <= length($transition) { - $p: nth($transition, $i); - } @else { - $p: nth($defaultProperties, $i); - } - $unfoldedTransition: append($unfoldedTransition, $p); - } - - @return $unfoldedTransition; -} - -.btn { - @include transition(background-color, border-color, color, box-shadow); -} - -.dropdown-menu-toggle, -.avatar-circle, -.header-user-avatar { - @include transition(border-color); -} - -.note-action-button .link-highlight, -.toolbar-btn, -.dropdown-toggle-caret { - @include transition(color); -} - -a { - @include transition(background-color, color, border); -} - -.stage-nav-item { - @include transition(background-color, box-shadow); -} - -.dropdown-menu a, -.dropdown-menu button, -.dropdown-menu-nav a { - transition: none; -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -.fade-in { - animation: fadeIn $fade-in-duration 1; -} - -@keyframes fadeInHalf { - 0% { - opacity: 0; - } - - 100% { - opacity: 0.5; - } -} - -.fade-in-half { - animation: fadeInHalf $fade-in-duration 1; -} - -@keyframes fadeInFull { - 0% { - opacity: 0.5; - } - - 100% { - opacity: 1; - } -} - -.fade-in-full { - animation: fadeInFull $fade-in-duration 1; -} - - -.animation-container { - background: $repo-editor-grey; - height: 40px; - overflow: hidden; - position: relative; - - &.animation-container-small { - height: 12px; - } - - &.animation-container-right { - .skeleton-line-2 { - left: 0; - right: 150px; - } - } - - &::before { - animation-duration: 1s; - animation-fill-mode: forwards; - animation-iteration-count: infinite; - animation-name: blockTextShine; - animation-timing-function: linear; - background-image: $repo-editor-linear-gradient; - background-repeat: no-repeat; - background-size: 800px 45px; - content: ' '; - display: block; - height: 100%; - position: relative; - } - - div { - background: $white-light; - height: 6px; - left: 0; - position: absolute; - right: 0; - } - - .skeleton-line-1 { - left: 0; - top: 8px; - } - - .skeleton-line-2 { - left: 150px; - top: 0; - height: 10px; - } - - .skeleton-line-3 { - left: 0; - top: 23px; - } - - .skeleton-line-4 { - left: 0; - top: 38px; - } - - .skeleton-line-5 { - left: 200px; - top: 28px; - height: 10px; - } - - .skeleton-line-6 { - top: 14px; - left: 230px; - height: 10px; - } -} - -@keyframes blockTextShine { - 0% { - transform: translateX(-468px); - } - - 100% { - transform: translateX(468px); - } -} diff --git a/app/assets/stylesheets/framework/asciidoctor.scss b/app/assets/stylesheets/framework/asciidoctor.scss deleted file mode 100644 index 62493c32833..00000000000 --- a/app/assets/stylesheets/framework/asciidoctor.scss +++ /dev/null @@ -1,27 +0,0 @@ -.admonitionblock td.icon { - width: 1%; - - [class^="fa icon-"] { - @extend .fa-2x; - } - - .icon-note { - @extend .fa-thumb-tack; - } - - .icon-tip { - @extend .fa-lightbulb-o; - } - - .icon-warning { - @extend .fa-exclamation-triangle; - } - - .icon-caution { - @extend .fa-fire; - } - - .icon-important { - @extend .fa-exclamation-circle; - } -} diff --git a/app/assets/stylesheets/framework/avatar.scss b/app/assets/stylesheets/framework/avatar.scss deleted file mode 100644 index f1aedc227f3..00000000000 --- a/app/assets/stylesheets/framework/avatar.scss +++ /dev/null @@ -1,118 +0,0 @@ -@mixin avatar-size($size, $margin-right) { - width: $size; - height: $size; - margin-right: $margin-right; -} - -.avatar-circle { - float: left; - margin-right: 15px; - border-radius: $avatar_radius; - border: 1px solid $avatar-border; - &.s16 { @include avatar-size(16px, 6px); } - &.s18 { @include avatar-size(18px, 6px); } - &.s19 { @include avatar-size(19px, 6px); } - &.s20 { @include avatar-size(20px, 7px); } - &.s24 { @include avatar-size(24px, 8px); } - &.s26 { @include avatar-size(26px, 8px); } - &.s32 { @include avatar-size(32px, 10px); } - &.s36 { @include avatar-size(36px, 10px); } - &.s40 { @include avatar-size(40px, 10px); } - &.s46 { @include avatar-size(46px, 15px); } - &.s48 { @include avatar-size(48px, 10px); } - &.s60 { @include avatar-size(60px, 12px); } - &.s70 { @include avatar-size(70px, 14px); } - &.s90 { @include avatar-size(90px, 15px); } - &.s100 { @include avatar-size(100px, 15px); } - &.s110 { @include avatar-size(110px, 15px); } - &.s140 { @include avatar-size(140px, 15px); } - &.s160 { @include avatar-size(160px, 20px); } -} - -.avatar { - @extend .avatar-circle; - @include transition-property(none); - - width: 40px; - height: 40px; - padding: 0; - background: $avatar-background; - overflow: hidden; - - &.avatar-inline { - float: none; - display: inline-block; - margin-left: 4px; - margin-bottom: 2px; - flex-shrink: 0; - -webkit-flex-shrink: 0; - - &.s16 { margin-right: 4px; } - &.s24 { margin-right: 4px; } - } - - &.center { - font-size: 14px; - line-height: 1.8em; - text-align: center; - } - - &.avatar-tile { - border-radius: 0; - border: none; - } - - &:not([href]):hover { - border-color: darken($avatar-border, 10%); - } -} - -.identicon { - text-align: center; - vertical-align: top; - - &.s16 { font-size: 12px; line-height: 1.33; } - &.s24 { font-size: 14px; line-height: 1.8; } - &.s26 { font-size: 20px; line-height: 1.33; } - &.s32 { font-size: 20px; line-height: 30px; } - &.s40 { font-size: 16px; line-height: 38px; } - &.s60 { font-size: 32px; line-height: 58px; } - &.s70 { font-size: 34px; line-height: 70px; } - &.s90 { font-size: 36px; line-height: 88px; } - &.s100 { font-size: 36px; line-height: 98px; } - &.s110 { font-size: 40px; line-height: 108px; font-weight: $gl-font-weight-normal; } - &.s140 { font-size: 72px; line-height: 138px; } - &.s160 { font-size: 96px; line-height: 158px; } -} - -.avatar-container { - @extend .avatar-circle; - overflow: hidden; - display: flex; - - a { - display: flex; - } - - .avatar { - border-radius: 0; - border: none; - height: auto; - width: 100%; - margin: 0; - align-self: center; - } - - &.s40 { min-width: 40px; min-height: 40px; } -} - -.avatar-counter { - background-color: $gray-darkest; - color: $white-light; - border: 1px solid $avatar-border; - border-radius: 1em; - font-family: $regular_font; - font-size: 9px; - line-height: 16px; - text-align: center; -} diff --git a/app/assets/stylesheets/framework/awards.scss b/app/assets/stylesheets/framework/awards.scss deleted file mode 100644 index e0d2ed80de5..00000000000 --- a/app/assets/stylesheets/framework/awards.scss +++ /dev/null @@ -1,249 +0,0 @@ -.awards { - display: flex; - flex-wrap: wrap; - - .emoji-icon { - width: 20px; - height: 20px; - } -} - -.emoji-menu { - display: none; - position: absolute; - top: 0; - margin-top: 3px; - padding: $gl-padding; - z-index: 300; - width: 300px; - font-size: 14px; - background-color: $white-light; - border: 1px solid $border-white-light; - border-radius: $border-radius-base; - box-shadow: 0 6px 12px $award-emoji-menu-shadow; - pointer-events: none; - opacity: 0; - transform: scale(.2); - transform-origin: 0 -45px; - transition: .3s cubic-bezier(.67, .06, .19, 1.44); - transition-property: transform, opacity; - - &.is-rendered { - display: block; - } - - &.is-aligned-right { - transform-origin: 100% -45px; - } - - &.is-visible { - pointer-events: all; - opacity: 1; - transform: scale(1); - } - - .emoji-menu-content { - height: 300px; - overflow-y: scroll; - } - - .disabled { - cursor: default; - opacity: 0.5; - - &:hover { - transform: none; - } - } -} - -.emoji-search { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAFu0lEQVRIia1WTahkVxH+quqce7vf6zdvJpHoIlkYJ2SiJiIokmQjgoGgIAaEIYuYXWICgojiwkmC4taFwhjcyIDusogEIwwiSSCKPwsdwzAg0SjJ9Izzk5n3+nXfe8+pqizOvd395scfsJqi6dPnnDr11Vc/NJ1OwUTosqJLCmYCHCAC2mSHs+ojZv6AO46Y+20AhIneJsafhPhXVZSXDk7qi+aOLhtQNuBmQtcarAKjTXpn2+l3u2yPunvZSABRucjcAV/eMZuM48/Go/g1d19kc4wq+e8MZjWkbI/P5t2P3RFFbv7SQdyBlBUx8N8OTuqjMcof+N94yMPrY2DMm/ytnb32J0QrY+6AqsHM4Q64O9SKDmerKDD3Oy/tNL9vk342CC8RuU6n0ymCMHb22scu7zQngtASOjUHE1BX4UUAv4b7Ow6qiXCXuz/UdvogAAweDY943/b4cAz0ZlYHXeMsnT07RVb7wMUr8ykI4H5HVkMd5Rcb4/jNURVOL5qErAaAUUdCCIJ5kx5q2nw8m39ImEAAsjpE6PStB0YfMcd1wqqG3Xn7A3PfZyyKnNjaqD4fmE/fCNKshirIyY1xvI+Av6g5QIAIIWX7cJPssboSiBBEeKmsZne0Sb8kzAUWNYyq8NvbDo0fZ6beqxuLmqOOMr/lwOh+YXpXtbjERGja9JyZ9+HxpXKb9Gj5oywRESbj+Cj1ENG1QViTGBl1FbC1We1tbVRfHWIoQkhqH9xbpE92XUbb6VJZ1R4crjRz1JWcDMJvLdoMcyAEhjuwHo8Bfndg3mbszhOY+adVlMtD3po51OwzIQiEaams7oeJhxRw1FFOVpFRRUYIhMBAFRnjOsC8IFHHUA4TQQhgAqpAiIFfGbxkIqj54ayGbL7UoOqHCniAEKHLNr26l+D9wQJzeUwMAnfHvEnLECzZRwRV++d60ptjW9VLZeolEJG6GwCCE0CFVNB+Ay0NEqoQYG4YYFu7B8IEVRt3uRzy/osIoLV9QZimWXGHUMFdmI6M64DUF2Je88R9VZqCSP+QlcF5k+4tCzSsXaqjINuK6UyE0+s/mk6/qFq8oAIL9pqMLhkGsNrOyoOIlszust3aJv0U9+kFdwjTGwWl1YdF+KWlQSZ0Se/psj8yGVdg5tJyfH96EBWmLtoEMwMzMFt031NzGWLLzKhC+KV7H5ZeeaMOPxemma2x68puc0LN3+/u6LJiePS6MKHvn4wu6cPzJj0hsioeMfDrEvjv5r6W9gBvjKJujuKzQ0URIZj75NylvT+mbHfXQa4rwAMaVRTMm/SFyzvNy0yF6+4AM+1ubcSnqkAIUjQKl1RKSbE5jt+vovx1MBqF0WW7/d1Z80ab9BtmuJ3Xk5cJKds9TZt/uLPXvtiTrQ+dIwqfAejUvM1os6FNikXKUHfQ+ekUsXT5u85enJ0CaBSkkGEo1syUQ+DfMdE/4GA1uzupf9zdbzhOmLsF4efHVXjaHHAzmDtGdQRd/Nc5wAEJjNki3XfhyvwVNz80xANrht3LsENY9cBBdN1L9GUyyvFRFZ42t75sBvCQRykbRlU4tT2pPxoCvzx09d4GmPs200M6wKdWSDGK8mppYSWdhAlt0qeaLv+IadXU9/Evq4FAZ8ej+LmtcTxaRX4NWI0Uag5Vg1p5MYg8BnlhXIdPHDow+vTWZvVMVttXDLqkTzZdPj6Qii6cP1cSvIdl3iQkNYyi9HH0I22y+93tY3DcQkTZgQtM+POoCr8x97eylkmtrgKuztrvXJ21x/aNKuqIkZ/fntRfCdcTfhUTAIhRzoDojJD0aSNLLwMzmpT7+JaLtyf1MwDo6qz9djFaUq3t9MlFmy/c1OCSceY9fMsVaL9mvH9ocXdkdWxv1scAePG0THAhMOaLdOw/Gvxfxb1w4eCapyIENUcV5M3/u8FitAxZ25P6GAHT3UX39Srw+QOb1ZffA98Dl2Wy1BYkAAAAAElFTkSuQmCC"); - background-repeat: no-repeat; - background-position: right 5px center; - background-size: 16px; -} - -.emoji-menu-list { - margin-bottom: 0; - padding-left: 0; - list-style: none; -} - -.emoji-menu-list-item { - float: left; - padding: 3px; - margin-left: 1px; - margin-right: 1px; -} - -.emoji-menu-btn { - display: block; - cursor: pointer; - width: 30px; - height: 30px; - padding: 0; - background: none; - border: 0; - border-radius: $border-radius-base; - transition: transform .15s cubic-bezier(.3, 0, .2, 2); - - &:hover { - background-color: transparent; - outline: 0; - transform: scale(1.3); - } - - &:focus, - &:active { - outline: 0; - } - - .emoji-icon { - display: inline-block; - position: relative; - top: 3px; - } -} - -.award-menu-holder { - display: inline-block; - - .tooltip { - white-space: nowrap; - } -} - -.award-control { - margin: 4px 8px 4px 0; - outline: 0; - position: relative; - display: block; - float: left; - - &.disabled { - cursor: default; - - &:hover, - &:focus, - &:active { - background-color: $white-light; - border-color: $border-color; - box-shadow: none; - } - } - - &.active, - &:hover, - &:active, - &.is-active { - background-color: $row-hover; - border-color: $row-hover-border; - box-shadow: none; - outline: 0; - - .award-control-icon svg { - background: $award-emoji-positive-add-bg; - - path { - fill: $award-emoji-positive-add-lines; - } - } - - .award-control-icon-neutral { - opacity: 0; - } - - .award-control-icon-positive { - opacity: 1; - transform: scale(1.15); - } - } - - &.is-active { - .award-control-icon-positive { - opacity: 0; - transform: scale(1); - } - - .award-control-icon-super-positive { - opacity: 1; - transform: scale(1); - } - } - - &.user-authored { - cursor: default; - opacity: 0.65; - - &:hover, - &:active { - background-color: $white-light; - border-color: $border-color; - } - } - - &.btn { - &:focus { - outline: 0; - } - - .award-control-icon { - margin: 0; - } - } - - &.is-loading { - .award-control-icon-normal, - .emoji-icon { - display: none; - } - - .award-control-icon-loading { - display: block; - } - } - - .icon, - gl-emoji, - .award-control-icon { - vertical-align: middle; - margin-right: 0.15em; - font-size: 1.5em; - line-height: 1; - } - - .award-control-icon-loading { - display: none; - } - - .award-control-icon { - color: $border-gray-normal; - margin-top: 1px; - padding: 0 2px; - - svg { - margin-bottom: 1px; - height: 18px; - width: 18px; - border-radius: 50%; - - path { - fill: $border-gray-normal; - } - } - } - - .award-control-icon-positive, - .award-control-icon-super-positive { - @include transition(opacity, transform); - position: absolute; - left: 10px; - bottom: 6px; - opacity: 0; - } - - .award-control-text { - vertical-align: middle; - } -} diff --git a/app/assets/stylesheets/framework/badges.scss b/app/assets/stylesheets/framework/badges.scss deleted file mode 100644 index 6bbe32df772..00000000000 --- a/app/assets/stylesheets/framework/badges.scss +++ /dev/null @@ -1,6 +0,0 @@ -.badge { - font-weight: $gl-font-weight-normal; - background-color: $badge-bg; - color: $badge-color; - vertical-align: baseline; -} diff --git a/app/assets/stylesheets/framework/banner.scss b/app/assets/stylesheets/framework/banner.scss deleted file mode 100644 index 6433b0c7855..00000000000 --- a/app/assets/stylesheets/framework/banner.scss +++ /dev/null @@ -1,25 +0,0 @@ -.banner-callout { - display: flex; - position: relative; - flex-wrap: wrap; - - .banner-close { - position: absolute; - top: 10px; - right: 10px; - opacity: 1; - - .dismiss-icon { - color: $gl-text-color; - font-size: $gl-font-size; - } - } - - .banner-graphic { - margin: 20px auto; - } - - &.banner-non-empty-state { - border-bottom: 1px solid $border-color; - } -} diff --git a/app/assets/stylesheets/framework/blank.scss b/app/assets/stylesheets/framework/blank.scss deleted file mode 100644 index 6bb096fc5bd..00000000000 --- a/app/assets/stylesheets/framework/blank.scss +++ /dev/null @@ -1,50 +0,0 @@ -.blank-state-parent-container { - .section-container { - padding: 10px; - } - - .section-body { - width: 100%; - height: 100%; - padding-bottom: 25px; - border: 1px solid $border-color; - border-radius: $border-radius-default; - } -} - -.blank-state { - padding-top: 20px; - padding-bottom: 20px; - text-align: center; - - &.blank-state-welcome { - .blank-state-welcome-title { - font-size: 24px; - } - - .blank-state-text { - margin-bottom: 0; - } - } - - .blank-state-icon { - padding-bottom: 20px; - - svg { - display: block; - margin: auto; - } - } - - .blank-state-title { - margin-top: 0; - margin-bottom: 10px; - font-size: 18px; - } - - .blank-state-text { - max-width: $container-text-max-width; - margin: 0 auto $gl-padding; - font-size: 14px; - } -} diff --git a/app/assets/stylesheets/framework/blocks.scss b/app/assets/stylesheets/framework/blocks.scss deleted file mode 100644 index dbd990f84c1..00000000000 --- a/app/assets/stylesheets/framework/blocks.scss +++ /dev/null @@ -1,348 +0,0 @@ -.centered-light-block { - text-align: center; - color: $gl-text-color; - margin: 20px; -} - -.nothing-here-block { - text-align: center; - padding: 20px; - color: $gl-text-color; - font-weight: $gl-font-weight-normal; - font-size: 14px; - line-height: 36px; - - &.diff-collapsed { - padding: 5px; - - .click-to-expand { - cursor: pointer; - } - } -} - -.row-content-block { - margin-top: 0; - background-color: $gray-light; - padding: $gl-padding; - margin-bottom: 0; - border-top: 1px solid $white-dark; - border-bottom: 1px solid $white-dark; - color: $gl-text-color; - - &.oneline-block { - line-height: 42px; - } - - &.white { - background-color: $white-light; - } - - &.top-block { - border-top: none; - } - - &.middle-block { - margin-top: 0; - margin-bottom: 0; - } - - &.clear-block { - margin-bottom: $gl-padding - 1px; - padding-bottom: $gl-padding; - } - - &.second-block { - margin-top: -1px; - margin-bottom: 0; - } - - &.footer-block { - margin-top: 0; - border-bottom: none; - margin-bottom: -$gl-padding; - } - - &.content-component-block { - padding: 11px 0; - background-color: $white-light; - } - - .title { - color: $gl-text-color; - } - - .oneline { - line-height: 35px; - } - - > p:last-child { - margin-bottom: 0; - } - - .block-controls { - display: -webkit-flex; - display: flex; - -webkit-justify-content: flex-end; - justify-content: flex-end; - -webkit-flex: 1; - flex: 1; - - .control { - float: left; - margin-left: 10px; - } - } - - &.build-content { - background-color: $white-light; - border-top: none; - } - - &.top-block .container-fluid { - background-color: inherit; - } -} - -.sub-header-block { - background-color: $white-light; - border-bottom: 1px solid $white-dark; - padding: 11px 0; - margin-bottom: 11px; - - .oneline { - line-height: 35px; - } - - &.no-bottom-space { - border-bottom: 0; - margin-bottom: 0; - } -} - -.cover-block { - text-align: center; - background: $gray-light; - padding-top: 44px; - position: relative; - - .avatar-holder { - .avatar, - .identicon { - margin: 0 auto; - float: none; - } - - .identicon { - border-radius: 50%; - } - } - - .cover-title { - color: $gl-text-color; - font-size: 23px; - - h1 { - color: $gl-text-color; - margin-bottom: 6px; - font-size: 23px; - } - - .visibility-icon { - display: inline-block; - margin-left: 5px; - font-size: 18px; - color: $gray; - } - - p { - padding: 0 $gl-padding; - color: $gl-text-color; - } - } - - .cover-desc { - color: $gl-text-color; - - &.username:last-child { - padding-bottom: $gl-padding; - } - } - - .cover-controls { - position: absolute; - top: 10px; - right: 10px; - - &.left { - left: 10px; - right: auto; - } - } - - &.groups-cover-block { - background: $white-light; - border-bottom: 1px solid $border-color; - text-align: left; - padding: 24px 0; - - .group-info { - .cover-title { - margin-top: 9px; - } - - p { - margin-bottom: 0; - } - } - - @media (max-width: $screen-xs-max) { - text-align: center; - - .avatar { - float: none; - } - } - } - - &.user-cover-block { - padding: 24px 0 0; - - .nav-links { - justify-content: center; - width: 100%; - float: none; - - &.scrolling-tabs { - float: none; - } - } - } - - .group-info { - - h1 { - display: inline; - font-weight: $gl-font-weight-normal; - font-size: 24px; - color: $gl-text-color; - } - } -} - -.block-connector { - margin-top: -1px; -} - -.nav-block { - .controls { - float: right; - margin-top: 8px; - padding-bottom: 8px; - } -} - -.content-block { - padding: $gl-padding 0; - border-bottom: 1px solid $white-dark; - - &.oneline-block { - line-height: 36px; - } - - > .controls { - float: right; - } - - .new-branch { - margin-top: 3px; - } -} - -.content-block-small { - padding: 10px 0; -} - -.landing { - margin: $gl-padding auto; - overflow: hidden; - display: flex; - position: relative; - border: 1px solid $blue-300; - border-radius: $border-radius-default; - background-color: $blue-50; - justify-content: center; - - .dismiss-button { - position: absolute; - right: 6px; - top: 6px; - cursor: pointer; - color: $blue-300; - z-index: 1; - border: none; - background-color: transparent; - - &:hover, - &:focus { - border: none; - color: $blue-400; - } - } - - .svg-container { - align-self: center; - } - - .inner-content { - text-align: left; - white-space: nowrap; - - h4 { - color: $gl-text-color; - font-size: 17px; - } - - p { - color: $gl-text-color; - margin-bottom: $gl-padding; - } - } - - @media (max-width: $screen-sm-min) { - flex-direction: column; - - .inner-content { - white-space: normal; - padding: 0 28px; - text-align: center; - } - } -} - -.empty-state { - margin: 5% auto 0; - - .text-content { - max-width: 460px; - margin: 0 auto; - padding: $gl-padding; - } - - .emoji-icon { - display: inline-block; - } - - .btn { - margin: $btn-side-margin 5px; - - @media(max-width: $screen-xs-max) { - width: 100%; - } - } -} - -.flex-container-block { - display: -webkit-flex; - display: flex; -} diff --git a/app/assets/stylesheets/framework/broadcast-messages.scss b/app/assets/stylesheets/framework/broadcast-messages.scss deleted file mode 100644 index 9b54fb94cdc..00000000000 --- a/app/assets/stylesheets/framework/broadcast-messages.scss +++ /dev/null @@ -1,21 +0,0 @@ -.broadcast-message { - @extend .alert-warning; - padding: 10px; - text-align: center; - - div, - p { - display: inline; - margin: 0; - - a { - color: inherit; - text-decoration: underline; - } - } -} - -.broadcast-message-preview { - @extend .broadcast-message; - margin-bottom: 20px; -} diff --git a/app/assets/stylesheets/framework/buttons.scss b/app/assets/stylesheets/framework/buttons.scss deleted file mode 100644 index b131e2d57ee..00000000000 --- a/app/assets/stylesheets/framework/buttons.scss +++ /dev/null @@ -1,413 +0,0 @@ -@mixin btn-comment-icon { - border-radius: 50%; - background: $white-light; - padding: 1px 5px; - font-size: 12px; - color: $blue-500; - width: 23px; - height: 23px; - border: 1px solid $blue-500; - - &:hover, - &.inverted { - background: $blue-500; - border-color: $blue-600; - color: $white-light; - } - - &:active { - outline: 0; - } -} - -@mixin btn-default { - border-radius: 3px; - font-size: $gl-font-size; - font-weight: $gl-font-weight-normal; - padding: $gl-vert-padding $gl-btn-padding; - - &:focus, - &:active { - background-color: $btn-active-gray; - box-shadow: $gl-btn-active-background; - } -} - -@mixin btn-middle { - @include btn-default; -} - -@mixin btn-outline($background, $text, $border, $hover-background, $hover-text, $hover-border, $active-background, $active-border) { - background-color: $background; - color: $text; - border-color: $border; - - > .icon { - color: $text; - } - - &:hover, - &:focus { - background-color: $hover-background; - border-color: $hover-border; - color: $hover-text; - - > .icon { - color: $hover-text; - } - } - - &:active { - background-color: $active-background; - border-color: $active-border; - color: $hover-text; - - > .icon { - color: $hover-text; - } - } -} - -@mixin btn-color($light, $border-light, $normal, $border-normal, $dark, $border-dark, $color) { - background-color: $light; - border-color: $border-light; - color: $color; - - &:hover, - &:focus { - background-color: $normal; - border-color: $border-normal; - color: $color; - } - - &:active, - &.active { - box-shadow: $gl-btn-active-background; - - background-color: $dark; - border-color: $border-dark; - color: $color; - } - - svg { - - path { - fill: $color; - } - - use { - stroke: $color; - } - } -} - -@mixin btn-green { - @include btn-color($green-500, $green-600, $green-600, $green-700, $green-700, $green-800, $white-light); -} - -@mixin btn-blue { - @include btn-color($blue-500, $blue-600, $blue-600, $blue-700, $blue-700, $blue-800, $white-light); -} - -@mixin btn-orange { - @include btn-color($orange-500, $orange-600, $orange-600, $orange-700, $orange-700, $orange-800, $white-light); -} - -@mixin btn-red { - @include btn-color($red-500, $red-600, $red-600, $red-700, $red-700, $red-800, $white-light); -} - -@mixin btn-gray { - @include btn-color($gray-light, $border-gray-normal, $gray-normal, $border-gray-normal, $gray-dark, $border-gray-dark, $gl-text-color); -} - -@mixin btn-white { - @include btn-color($white-light, $border-color, $white-normal, $border-white-normal, $white-dark, $border-gray-dark, $gl-text-color); -} - -@mixin btn-with-margin { - margin-left: $btn-side-margin; - float: left; - - &.inline { - float: none; - } - - &.btn-sm { - margin-left: $btn-sm-side-margin; - } - - &.btn-xs { - margin-left: $btn-xs-side-margin; - } -} - -.btn { - @include btn-default; - @include btn-white; - - color: $gl-text-color; - - &:focus:active { - outline: 0; - } - - &.btn-sm { - padding: 4px 10px; - font-size: 13px; - line-height: 18px; - } - - &.btn-xs { - padding: 2px 5px; - } - - &.btn-success, - &.btn-new, - &.btn-create, - &.btn-save { - @include btn-green; - } - - &.btn-inverted { - &.btn-success, - &.btn-new, - &.btn-create, - &.btn-save { - @include btn-outline($white-light, $green-600, $green-500, $green-500, $white-light, $green-600, $green-600, $green-700); - } - - &.btn-remove { - @include btn-outline($white-light, $red-500, $red-500, $red-500, $white-light, $red-600, $red-600, $red-700); - } - } - - &.btn-gray { - @include btn-gray; - } - - &.btn-info, - &.btn-primary, - &.btn-register { - @include btn-blue; - } - - &.btn-warning { - @include btn-orange; - } - - &.btn-close, - &.btn-close-color { - @include btn-outline($white-light, $orange-600, $orange-500, $orange-500, $white-light, $orange-600, $orange-600, $orange-700); - } - - &.btn-spam { - @include btn-outline($white-light, $red-500, $red-500, $red-500, $white-light, $red-600, $red-600, $red-700); - } - - &.btn-danger, - &.btn-remove, - &.btn-red { - @include btn-red; - } - - &.btn-cancel { - float: right; - } - - &.btn-reopen, - .btn-reopen-color { - /* should be same as parent class for now */ - } - - &.btn-grouped { - @include btn-with-margin; - } - - &.disabled { - pointer-events: auto !important; - } - - &[disabled] { - pointer-events: none !important; - } - - .fa-caret-down, - .fa-chevron-down { - margin-left: 5px; - } - - &.dropdown-toggle { - .fa-caret-down { - margin-left: 3px; - } - } - - svg { - height: 15px; - width: 15px; - position: relative; - top: 2px; - } - - svg, - .fa { - &:not(:last-child) { - margin-right: 5px; - } - } -} - -.btn-terminal { - svg { - height: 14px; - width: 18px; - } -} - -.btn-lg { - padding: 12px 20px; -} - -.btn-transparent { - color: $gl-text-color-secondary; - background-color: transparent; - border: 0; - - &:hover, - &:active, - &:focus { - background-color: transparent; - box-shadow: none; - } -} - -.btn-block { - width: 100%; - margin: 0; - margin-bottom: 15px; - - &.btn { - padding: 6px 0; - } -} - -.btn-group { - &.btn-grouped { - @include btn-with-margin; - } -} - -.btn-clipboard { - border: none; - padding: 0 5px; -} - -.input-group-btn { - .btn { - @include btn-middle; - - &:hover { - outline: none; - } - - &:active { - outline: none; - } - - &.btn-clipboard { - padding-left: 15px; - padding-right: 15px; - } - } - - .active { - box-shadow: $gl-btn-active-background; - - border: 1px solid $border-gray-dark !important; - background-color: $btn-active-gray-light !important; - } -} - -.btn-loading { - &:not(.disabled) .fa { - display: none; - } - - .fa { - margin-right: 5px; - } -} - -.btn-text-field { - width: 100%; - text-align: left; - padding: 6px 16px; - border-color: $border-color; - color: $gray-darkest; - background-color: $gray-light; - - &:hover, - &:active, - &:focus { - cursor: text; - box-shadow: none; - border-color: lighten($dropdown-input-focus-border, 20%); - color: $gray-darkest; - background-color: $gray-light; - } -} - -.btn-build { - margin-left: 10px; - - i { - color: $gl-text-color-secondary; - } -} - -.clone-dropdown-btn a { - color: $dropdown-link-color; - - &:hover { - text-decoration: none; - } -} - -.btn-static { - background-color: $gray-light !important; - border: 1px solid $border-gray-normal; - cursor: default; - - &:active { - -moz-box-shadow: inset 0 0 0 $white-light; - -webkit-box-shadow: inset 0 0 0 $white-light; - box-shadow: inset 0 0 0 $white-light; - } -} - -.btn-inverted { - &-secondary { - @include btn-outline($white-light, $blue-500, $blue-500, $blue-500, $white-light, $blue-600, $blue-600, $blue-700); - } -} - -@media (max-width: $screen-xs-max) { - .btn-wide-on-xs { - width: 100%; - } -} - -.btn-blank { - padding: 0; - background: transparent; - border: 0; - - &:hover, - &:active, - &:focus { - outline: 0; - background: transparent; - box-shadow: none; - } -} diff --git a/app/assets/stylesheets/framework/calendar.scss b/app/assets/stylesheets/framework/calendar.scss deleted file mode 100644 index c165ec0b94b..00000000000 --- a/app/assets/stylesheets/framework/calendar.scss +++ /dev/null @@ -1,102 +0,0 @@ -.calender-block { - padding-left: 0; - padding-right: 0; - border-top: 0; - direction: rtl; - - @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) { - overflow-x: auto; - } -} - -.user-calendar-activities { - direction: ltr; - - .str-truncated { - max-width: 70%; - } - - .user-calendar-activities-loading { - font-size: 24px; - } -} - -.user-calendar { - text-align: center; - - .calendar { - display: inline-block; - } -} - -.user-contrib-cell { - &:hover { - cursor: pointer; - stroke: $black; - } -} - -.user-contrib-text { - font-size: 12px; - fill: $calendar-user-contrib-text; -} - -.calendar-hint { - margin-top: -23px; - float: right; - font-size: 12px; - direction: ltr; -} - -.pika-single.gitlab-theme { - .pika-label { - color: $gl-text-color-secondary; - font-size: 14px; - font-weight: $gl-font-weight-normal; - } - - th { - padding: 2px 0; - color: $note-disabled-comment-color; - font-weight: $gl-font-weight-normal; - text-transform: lowercase; - border-top: 1px solid $calendar-border-color; - } - - abbr { - cursor: default; - } - - td { - border: 1px solid $calendar-border-color; - - &:first-child { - border-left: 0; - } - - &:last-child { - border-right: 0; - } - } - - .pika-day { - border-radius: 0; - background-color: $white-light; - text-align: center; - } - - .is-today { - .pika-day { - color: inherit; - font-weight: $gl-font-weight-normal; - } - } - - .is-selected .pika-day, - .pika-day:hover, - .is-today .pika-day { - background: $gray-darker; - color: $gl-text-color; - box-shadow: none; - } -} diff --git a/app/assets/stylesheets/framework/callout.scss b/app/assets/stylesheets/framework/callout.scss deleted file mode 100644 index e0e46dd73af..00000000000 --- a/app/assets/stylesheets/framework/callout.scss +++ /dev/null @@ -1,49 +0,0 @@ -/* - * Callouts from Bootstrap3 docs - * - * Not quite alerts, but custom and helpful notes for folks reading the docs. - * Requires a base and modifier class. - */ - -/* Common styles for all types */ -.bs-callout { - margin: $gl-padding 0; - padding: $gl-padding; - border-left: 3px solid $border-color; - color: $text-color; - background: $gray-light; -} - -.bs-callout h4 { - margin-top: 0; - margin-bottom: 5px; -} - -.bs-callout p:last-child { - margin-bottom: 0; -} - -/* Variations */ -.bs-callout-danger { - background-color: $callout-danger-bg; - border-color: $callout-danger-border; - color: $callout-danger-color; -} - -.bs-callout-warning { - background-color: $callout-warning-bg; - border-color: $callout-warning-border; - color: $callout-warning-color; -} - -.bs-callout-info { - background-color: $callout-info-bg; - border-color: $callout-info-border; - color: $callout-info-color; -} - -.bs-callout-success { - background-color: $callout-success-bg; - border-color: $callout-success-border; - color: $callout-success-color; -} diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss deleted file mode 100644 index 96f9dda26c4..00000000000 --- a/app/assets/stylesheets/framework/common.scss +++ /dev/null @@ -1,450 +0,0 @@ -/** COLORS **/ -.cgray { color: $common-gray; } -.clgray { color: $common-gray-light; } -.cred { color: $common-red; } -.cgreen { color: $common-green; } -.cdark { color: $common-gray-dark; } - -/** COMMON CLASSES **/ -.prepend-top-0 { margin-top: 0; } -.prepend-top-5 { margin-top: 5px; } -.prepend-top-10 { margin-top: 10px; } -.prepend-top-default { margin-top: $gl-padding !important; } -.prepend-top-20 { margin-top: 20px; } -.prepend-left-4 { margin-left: 4px; } -.prepend-left-5 { margin-left: 5px; } -.prepend-left-10 { margin-left: 10px; } -.prepend-left-default { margin-left: $gl-padding; } -.prepend-left-20 { margin-left: 20px; } -.append-right-5 { margin-right: 5px; } -.append-right-8 { margin-right: 8px; } -.append-right-10 { margin-right: 10px; } -.append-right-default { margin-right: $gl-padding; } -.append-right-20 { margin-right: 20px; } -.append-bottom-0 { margin-bottom: 0; } -.append-bottom-5 { margin-bottom: 5px; } -.append-bottom-10 { margin-bottom: 10px; } -.append-bottom-15 { margin-bottom: 15px; } -.append-bottom-20 { margin-bottom: 20px; } -.append-bottom-default { margin-bottom: $gl-padding; } -.inline { display: inline-block; } -.center { text-align: center; } -.vertical-align-middle { vertical-align: middle; } - -.underlined-link { text-decoration: underline; } -.hint { font-style: italic; color: $hint-color; } -.light { color: $common-gray; } - -.slead { - color: $common-gray; - font-size: 14px; - margin-bottom: 12px; - font-weight: $gl-font-weight-normal; - line-height: 24px; -} - -.bold { - font-weight: $gl-font-weight-bold; -} - -.tab-content { - overflow: visible; -} - -pre { - &.clean { - background: none; - border: none; - margin: 0; - padding: 0; - } - - &.well-pre { - border: 1px solid $well-pre-bg; - background: $gray-light; - border-radius: 0; - color: $well-pre-color; - } - - &.wrap { - word-break: break-word; - white-space: pre-wrap; - } -} - -hr { - margin: 24px 0; - border-top: 1px solid darken($gray-normal, 8%); -} - -.str-truncated { - @include str-truncated; -} - -.block-truncated { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - - > div, - .str-truncated { - display: inline; - } -} - -.item-title { font-weight: $gl-font-weight-bold; } - -/** FLASH message **/ -.author_link, -.author-link { - color: $gl-link-color; -} - -.back-link { - font-size: 14px; -} - -table a code { - position: relative; - top: -2px; - margin-right: 3px; -} - -.loading { - margin: 20px auto; - height: 40px; - color: $loading-color; - font-size: 32px; - text-align: center; -} - -span.update-author { - display: block; - color: $update-author-color; - font-weight: $gl-font-weight-normal; - font-style: italic; - - strong { - font-weight: $gl-font-weight-bold; - font-style: normal; - } -} - -.field_with_errors { - display: inline; -} - -p.time { - color: $time-color; - font-size: 90%; - margin: 30px 3px 3px 2px; -} - -.highlight { - text-shadow: none; -} - -.thin_area { - height: 150px; -} - -// Fix issue with notes & lists creating a bunch of bottom borders. -li.note { - img { max-width: 100%; } - .note-title { - li { - border-bottom: none !important; - } - } -} - -.markdown { - img { - max-width: 100%; - } -} - -.wiki_content code, -.readme code { - background-color: inherit; -} - -.project_member_show { - td:first-child { - color: $project-member-show-color; - } -} - -.rss-icon { - img { - width: 24px; - vertical-align: top; - } - - strong { - line-height: 24px; - } -} - -.show-suppressed-diff, -.show-all-commits { - cursor: pointer; -} - -.git_error_tips { - @extend .col-md-6; - text-align: left; - margin-top: 40px; - - pre { - background: $white-light; - border: none; - font-size: 12px; - } -} - -.error-message { - padding: 10px; - background: $error-bg; - margin: 0; - color: $white-light; - - a { - color: $white-light; - text-decoration: underline; - } -} - -.browser-alert { - padding: 10px; - text-align: center; - background: $error-bg; - color: $white-light; - font-weight: $gl-font-weight-bold; - - a { - color: $white-light; - text-decoration: underline; - } -} - -.warning_message { - border-left: 4px solid $warning-message-border; - color: $warning-message-color; - padding: 10px; - margin-bottom: 10px; - background: $warning-message-bg; - padding-left: 20px; - - &.centered { - text-align: center; - } -} - -.gitlab-promo { - a { - color: $gl-promo-color; - margin-right: 30px; - } -} - -.milestone { - &.milestone-closed { - background: $gray-light; - } - - .progress { - margin-bottom: 0; - margin-top: 4px; - box-shadow: none; - background-color: $border-gray-light; - } -} - -.control-group { - .controls { - span { - &.descr { - position: relative; - top: 2px; - left: 5px; - color: $control-group-descr-color; - } - } - } -} - -img.emoji { - height: 20px; - vertical-align: top; - width: 20px; - margin-top: 1px; -} - -.chart { - overflow: hidden; - height: 220px; -} - -.description-block { - @extend .light-well; - @extend .light; - margin-bottom: 10px; -} - -table { - td.permission-x { - background: $table-permission-x-bg !important; - text-align: center; - } -} - -.btn-sign-in { - text-shadow: none; - - @media (min-width: $screen-sm-min) { - margin-top: 8px; - } -} - -.side-filters { - fieldset { - margin-bottom: 15px; - } -} - -.footer-links { - margin-bottom: 20px; - - a { - margin-right: 15px; - } -} - -.well { - margin-bottom: $gl-padding; - - hr { - border-color: $gray-darker; - } -} - -.search_box { - @extend .well; - text-align: center; -} - -.header-with-avatar { - h3 { - margin: 0; - font-weight: $gl-font-weight-bold; - } - - .username { - font-size: 18px; - color: $username-color; - margin-top: 8px; - } - - .description { - font-size: $gl-font-size; - color: $description-color; - margin-top: 8px; - } -} - -.profiler-results { - top: 73px !important; - - .profiler-button, - .profiler-controls { - border-color: $profiler-border !important; - } -} - -.dropzone .dz-preview .dz-progress { - border-color: $border-color !important; -} - -.dropzone .dz-preview .dz-progress .dz-upload { - background: $gl-success !important; -} - -.dz-message { - margin: 0; -} - -.space-right { - margin-right: 10px; -} - -.alert, -.progress { - margin-bottom: $gl-padding; -} - -.project-item-select-holder { - display: inline-block; - position: relative; - - .project-item-select { - position: absolute; - top: 0; - right: 0; - min-width: 250px; - visibility: hidden; - } -} - -.content-separator { - margin-left: -$gl-padding; - margin-right: -$gl-padding; - border-top: 1px solid $border-color; -} - -.hide-bottom-border { - border-bottom: none !important; -} - -.gl-accessibility { - &:focus { - display: flex; - align-items: center; - top: 1px; - left: 1px; - width: auto; - height: 100%; - padding: 0 10px; - clip: auto; - text-decoration: none; - color: $gl-text-color; - background: $gray-light; - z-index: 1; - } -} - -.bordered-box { - border: 1px solid $border-color; - border-radius: $border-radius-default; -} - -.str-truncated { - &-60 { - @include str-truncated(60%); - } - - &-100 { - @include str-truncated(100%); - } -} - -.tooltip { - .tooltip-inner { - word-wrap: break-word; - } -} - -.disabled-content { - pointer-events: none; - opacity: .5; -} diff --git a/app/assets/stylesheets/framework/dropdowns.scss b/app/assets/stylesheets/framework/dropdowns.scss deleted file mode 100644 index a9d804e735d..00000000000 --- a/app/assets/stylesheets/framework/dropdowns.scss +++ /dev/null @@ -1,1034 +0,0 @@ -.dropdown { - position: relative; - - .btn-link { - &:hover { - cursor: pointer; - } - } -} - -@mixin chevron-active { - .fa-chevron-down { - color: $gray-darkest; - } -} - -@mixin set-visible { - transform: translateY(0); - visibility: visible; - opacity: 1; - transition-duration: 100ms, 150ms, 25ms; - transition-delay: 35ms, 50ms, 25ms; -} - -@mixin set-invisible { - transform: translateY(-10px); - visibility: hidden; - opacity: 0; - transition-property: opacity, transform, visibility; - transition-duration: 70ms, 250ms, 250ms; - transition-timing-function: linear, $dropdown-animation-timing; - transition-delay: 25ms, 50ms, 0ms; -} - -.open { - .dropdown-menu, - .dropdown-menu-nav { - @include set-visible; - display: block; - - @media (max-width: $screen-xs-max) { - width: 100%; - } - } - - .dropdown-toggle, - .dropdown-menu-toggle { - @include chevron-active; - border-color: $gray-darkest; - } - - [data-toggle="dropdown"] { - outline: 0; - } -} - -.dropdown-toggle { - padding: 6px 8px 6px 10px; - background-color: $white-light; - color: $gl-text-color; - font-size: 14px; - text-align: left; - border: 1px solid $border-color; - border-radius: $border-radius-base; - white-space: nowrap; - - &[disabled] { - opacity: .65; - cursor: not-allowed; - } - - &.no-outline { - outline: 0; - } - - &.large { - width: 200px; - } - - &.wide { - width: 100%; - - + .dropdown-select { - width: 100%; - } - } - - // Allows dynamic-width text in the dropdown toggle. - // Resizes to allow long text without overflowing the container. - &.dynamic { - width: auto; - min-width: 160px; - max-width: 100%; - padding-right: 25px; - } - - .fa { - color: $gray-darkest; - } - - .fa-chevron-down { - font-size: $dropdown-chevron-size; - position: relative; - top: -2px; - margin-left: 5px; - } - - &:hover { - @include chevron-active; - border-color: $gray-darkest; - } - - &:focus:active { - @include chevron-active; - border-color: $dropdown-toggle-active-border-color; - outline: 0; - } -} - -.dropdown-menu-toggle { - @extend .dropdown-toggle; - padding-right: 25px; - position: relative; - width: 163px; - text-overflow: ellipsis; - overflow: hidden; - - .fa { - position: absolute; - - &.fa-spinner { - font-size: 16px; - margin-top: -3px; - } - } - - .fa-chevron-down, - .fa-spinner { - position: absolute; - top: 11px; - right: 8px; - } -} - -@mixin dropdown-link { - display: block; - position: relative; - padding: 5px 8px; - color: $gl-text-color; - line-height: initial; - border-radius: 2px; - white-space: nowrap; - overflow: hidden; - - &:hover, - &:focus, - &.is-focused { - background-color: $dropdown-link-hover-bg; - text-decoration: none; - - .badge { - background-color: darken($dropdown-link-hover-bg, 5%); - } - } - - &.dropdown-menu-user-link { - line-height: 16px; - } - - .icon-play { - fill: $gl-text-color-secondary; - margin-right: 6px; - height: 12px; - width: 11px; - } -} - -.dropdown-menu, -.dropdown-menu-nav { - @include set-invisible; - display: block; - position: absolute; - width: auto; - top: 100%; - left: 0; - z-index: 300; - min-width: 240px; - max-width: 500px; - margin-top: 2px; - margin-bottom: 2px; - font-size: 14px; - font-weight: $gl-font-weight-normal; - padding: 8px 0; - background-color: $white-light; - border: 1px solid $dropdown-border-color; - border-radius: $border-radius-base; - box-shadow: 0 2px 4px $dropdown-shadow-color; - - &.dropdown-open-left { - right: 0; - left: auto; - } - - &.is-loading { - .dropdown-content { - display: none; - } - - .dropdown-loading { - display: block; - } - } - - .shortcut-mappings { - display: none; - } - - &.shortcuts .shortcut-mappings { - display: inline-block; - margin-right: 5px; - } - - ul { - margin: 0; - padding: 0; - } - - li { - text-align: left; - list-style: none; - padding: 0 10px; - } - - .divider { - height: 1px; - margin: 6px 10px; - padding: 0; - background-color: $dropdown-divider-color; - } - - .separator { - width: 100%; - height: 1px; - margin-top: 8px; - margin-bottom: 8px; - background-color: $dropdown-divider-color; - } - - a { - @include dropdown-link; - } - - .dropdown-menu-empty-item a { - &:hover, - &:focus { - background-color: transparent; - } - } - - .dropdown-header { - color: $gl-text-color-secondary; - font-size: 13px; - line-height: 22px; - padding: 0 16px; - } - - &.capitalize-header .dropdown-header { - text-transform: capitalize; - } - - .dropdown-bold-header { - font-weight: $gl-font-weight-bold; - line-height: 22px; - padding: 0 16px; - } - - .separator + .dropdown-header, - .separator + .dropdown-bold-header { - padding-top: 2px; - } - - .unclickable { - cursor: not-allowed; - padding: 5px 8px; - color: $gl-text-color-secondary; - } - - .badge + span:not(.badge) { - // Expects up to 3 digits on the badge - margin-right: 40px; - } -} - -.droplab-dropdown { - .dropdown-toggle > i { - pointer-events: none; - } - - .dropdown-menu li { - padding: $gl-btn-padding; - cursor: pointer; - - > a, - > button { - display: flex; - margin: 0; - padding: 0; - border-radius: 0; - text-overflow: inherit; - background-color: inherit; - color: inherit; - border: inherit; - text-align: left; - - &:hover, - &:focus { - background-color: inherit; - color: inherit; - } - - &.btn .fa:not(:last-child) { - margin-left: 5px; - } - } - - &:hover, - &:focus { - background-color: $dropdown-hover-color; - color: $white-light; - } - - &.droplab-item-selected i { - visibility: visible; - } - - &.divider { - margin: 0 8px; - padding: 0; - border-top: $gray-darkest; - } - - .icon { - visibility: hidden; - } - - .description { - display: inline-block; - white-space: normal; - margin-left: 5px; - - p { - margin-bottom: 0; - } - } - } - - .icon { - display: inline-block; - vertical-align: top; - padding-top: 2px; - } -} - -.droplab-dropdown .dropdown-menu, -.droplab-dropdown .dropdown-menu-nav { - display: none; - opacity: 1; - visibility: visible; - transform: translateY(0); -} - -.comment-type-dropdown.open .dropdown-menu { - display: block; -} - -.filtered-search-box-input-container { - .dropdown-menu, - .dropdown-menu-nav { - max-width: 280px; - } -} - -.dropdown-menu-drop-up { - top: auto; - bottom: 100%; -} - -.dropdown-menu-large { - width: 340px; -} - -.dropdown-menu-no-wrap { - a { - white-space: normal; - } -} - -.dropdown-menu-full-width { - width: 100%; -} - -.dropdown-menu-paging { - .dropdown-page-two, - .dropdown-menu-back { - display: none; - } - - &.is-page-two { - .dropdown-page-one { - display: none; - } - - .dropdown-page-two, - .dropdown-menu-back { - display: block; - } - - .dropdown-content { - padding: 0 10px; - } - } -} - -.dropdown-menu-user { - .avatar { - float: left; - width: 2 * $gl-padding; - height: 2 * $gl-padding; - margin: 0 10px 0 0; - } -} - -.dropdown-menu-user-link { - padding-top: 10px; - padding-bottom: 7px; -} - -.dropdown-menu-user-full-name { - display: block; - font-weight: $gl-font-weight-normal; - line-height: 16px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; -} - -.dropdown-menu-user-username { - display: block; - line-height: 16px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; -} - -.dropdown-select { - width: $dropdown-width; - - @media (max-width: $screen-sm-min) { - width: 100%; - } -} - -.dropdown-menu-align-right { - left: auto; - right: 0; - margin-top: -5px; -} - -.dropdown-menu-selectable { - a { - padding-left: 26px; - position: relative; - - &.is-indeterminate, - &.is-active { - font-weight: $gl-font-weight-bold; - color: $gl-text-color; - - &::before { - position: absolute; - left: 6px; - top: 50%; - transform: translateY(-50%); - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - } - - &.is-indeterminate::before { - content: "\f068"; - } - - &.is-active::before { - content: "\f00c"; - position: absolute; - top: 50%; - transform: translateY(-50%); - } - } -} - - -.dropdown-title { - position: relative; - padding: 2px 25px 10px; - margin: 0 10px 10px; - font-weight: $gl-font-weight-bold; - line-height: 1; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - border-bottom: 1px solid $dropdown-divider-color; - overflow: hidden; -} - -.dropdown-title-button { - position: absolute; - top: 0; - padding: 0; - color: $dropdown-title-btn-color; - font-size: 14px; - border: 0; - background: none; - outline: 0; - - &:hover { - color: darken($dropdown-title-btn-color, 15%); - } -} - -.dropdown-menu-close { - right: 5px; - width: 20px; - height: 20px; - top: -1px; -} - -.dropdown-menu-back { - left: 7px; - top: 2px; -} - -.dropdown-input { - position: relative; - margin-bottom: 10px; - padding: 0 10px; - - .fa { - position: absolute; - top: 10px; - right: 20px; - color: $dropdown-input-fa-color; - font-size: 12px; - pointer-events: none; - } - - .dropdown-input-clear { - display: none; - cursor: pointer; - pointer-events: all; - right: 22px; - top: 9px; - font-size: 14px; - } - - &.has-value { - .dropdown-input-clear { - display: block; - } - - .dropdown-input-search { - display: none; - } - } -} - -.dropdown-input-field, -.default-dropdown-input { - display: block; - width: 100%; - min-height: 30px; - padding: 0 7px; - color: $dropdown-input-color; - line-height: 30px; - border: 1px solid $dropdown-divider-color; - border-radius: 2px; - outline: 0; - - &:focus { - color: $dropdown-link-color; - border-color: $dropdown-input-focus-border; - box-shadow: 0 0 4px $dropdown-input-focus-shadow; - - ~ .fa { - color: $dropdown-link-color; - } - } - - &:hover { - ~ .fa { - color: $dropdown-link-color; - } - } -} - -.dropdown-content { - max-height: 215px; - overflow-y: auto; -} - -.dropdown-info-note { - color: $gl-text-color-secondary; - text-align: center; -} - -.dropdown-footer { - padding-top: 10px; - margin-top: 10px; - font-size: 13px; - border-top: 1px solid $dropdown-divider-color; -} - -.dropdown-footer-content { - padding-left: 10px; - padding-right: 10px; -} - -.dropdown-due-date-footer { - padding-top: 0; - margin-left: 10px; - margin-right: 10px; - border-top: 0; -} - -.dropdown-footer-list { - font-size: 14px; - - a { - cursor: pointer; - padding-left: 10px; - } -} - -.dropdown-loading { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: none; - z-index: 9; - background-color: $dropdown-loading-bg; - font-size: 28px; - - .fa { - position: absolute; - top: 50%; - left: 50%; - margin-top: -14px; - margin-left: -14px; - } -} - -.dropdown-label-box { - position: relative; - top: 3px; - margin-right: 5px; - display: inline-block; - width: 15px; - height: 15px; - border-radius: $border-radius-base; -} - -.dropdown-menu-due-date { - .dropdown-content { - max-height: 230px; - } - - .pika-single { - position: relative !important; - top: 0 !important; - border: 0; - box-shadow: none; - } - - .pika-lendar { - margin-top: -5px; - margin-bottom: 0; - } -} - -.dropdown-menu-inner-title { - display: block; - color: $gl-text-color; - font-weight: $gl-font-weight-bold; -} - -.dropdown-menu-inner-content { - display: block; - color: $gl-text-color-secondary; -} - -.dropdown-toggle-text { - &.is-default { - color: $gl-text-color-secondary; - } -} - -.droplab-item-ignore { - pointer-events: none; -} - -.pika-single.animate-picker.is-bound, -.pika-single.animate-picker.is-bound.is-hidden { - /* - * Having `!important` is not recommended but - * since `pikaday` sets positioning inline - * there's no way it can be gracefully overridden - * using config options. - */ - position: absolute !important; - display: block; -} - -.pika-single.animate-picker.is-bound { - @include set-visible; -} - -.pika-single.animate-picker.is-bound.is-hidden { - @include set-invisible; - overflow: hidden; -} - -@mixin dropdown-item-hover { - background-color: $dropdown-item-hover-bg; - color: $gl-text-color; -} - -// TODO: change global style and remove mixin -@mixin new-style-dropdown($selector: '') { - #{$selector}.dropdown-menu, - #{$selector}.dropdown-menu-nav { - margin-bottom: 24px; - - &.dropdown-open-top { - margin-bottom: $dropdown-vertical-offset; - } - - li { - display: block; - padding: 0 1px; - - &:hover { - background-color: transparent; - } - - &.divider { - margin: 6px 0; - - &:hover { - background-color: $dropdown-divider-color; - } - } - - &.dropdown-header { - padding: 8px 16px; - } - - &.droplab-item-active button { - @include dropdown-item-hover; - } - - a, - button, - .menu-item { - border-radius: 0; - box-shadow: none; - padding: 8px 16px; - text-align: left; - white-space: normal; - width: 100%; - - &.dropdown-menu-user-link { - white-space: nowrap; - - .dropdown-menu-user-username { - display: block; - } - } - - // make sure the text color is not overriden - &.text-danger { - color: $brand-danger; - } - - &.is-focused, - &:hover, - &:active, - &:focus { - @include dropdown-item-hover; - - background-color: $dropdown-item-hover-bg; - color: $gl-text-color; - - // make sure the text color is not overriden - &.text-danger { - color: $brand-danger; - } - } - - &.is-active { - font-weight: inherit; - - &::before { - top: 16px; - } - - &.dropdown-menu-user-link::before { - top: 50%; - transform: translateY(-50%); - } - } - } - - &.dropdown-menu-empty-item a { - &:hover, - &:focus { - background-color: transparent; - } - } - } - - &.dropdown-menu-selectable { - li { - a { - padding: 8px 40px; - - &.is-indeterminate::before, - &.is-active::before { - left: 16px; - } - } - } - } - } - - #{$selector}.dropdown-menu-align-right { - margin-top: 2px; - } - - .open { - #{$selector}.dropdown-menu, - #{$selector}.dropdown-menu-nav { - @media (max-width: $screen-xs-max) { - max-width: 100%; - } - } - } -} - -@media (max-width: $screen-xs-max) { - .navbar-gitlab { - li.header-projects, - li.header-more, - li.header-new, - li.header-user { - position: static; - } - } - - header.navbar-gitlab .dropdown { - .dropdown-menu, - .dropdown-menu-nav { - width: 100%; - min-width: 100%; - } - } - - header.navbar-gitlab-new .header-content .dropdown { - .dropdown-menu { - left: 0; - min-width: 100%; - } - } -} - -@include new-style-dropdown('.breadcrumbs-list .dropdown '); -@include new-style-dropdown('.js-namespace-select + '); - -header.header-content .dropdown-menu.projects-dropdown-menu { - padding: 0; -} - -.projects-dropdown-container { - display: flex; - flex-direction: row; - width: 500px; - height: 334px; - - .project-dropdown-sidebar, - .project-dropdown-content { - padding: 8px 0; - } - - .loading-animation { - color: $almost-black; - } - - .project-dropdown-sidebar { - width: 30%; - border-right: 1px solid $border-color; - } - - .project-dropdown-content { - position: relative; - width: 70%; - } - - @media (max-width: $screen-xs-max) { - flex-direction: column; - width: 100%; - height: auto; - flex: 1; - - .project-dropdown-sidebar, - .project-dropdown-content { - width: 100%; - } - - .project-dropdown-sidebar { - border-bottom: 1px solid $border-color; - border-right: 0; - } - } -} - -.projects-dropdown-container { - .projects-list-frequent-container, - .projects-list-search-container, { - padding: 8px 0; - overflow-y: auto; - } - - .section-header, - .projects-list-frequent-container li.section-empty, - .projects-list-search-container li.section-empty { - padding: 0 15px; - } - - .section-header, - .projects-list-frequent-container li.section-empty, - .projects-list-search-container li.section-empty { - color: $gl-text-color-secondary; - font-size: $gl-font-size; - } - - .projects-list-frequent-container, - .projects-list-search-container { - li.section-empty.section-failure { - color: $callout-danger-color; - } - } - - .search-input-container { - position: relative; - padding: 4px $gl-padding; - - .search-icon { - position: absolute; - top: 13px; - right: 25px; - color: $md-area-border; - } - } - - .section-header { - font-weight: 700; - margin-top: 8px; - } - - .projects-list-search-container { - height: 284px; - } - - @media (max-width: $screen-xs-max) { - .projects-list-frequent-container { - width: auto; - height: auto; - padding-bottom: 0; - } - } -} - -.projects-list-item-container { - .project-item-avatar-container - .project-item-metadata-container { - float: left; - } - - .project-title, - .project-namespace { - max-width: 250px; - overflow: hidden; - text-overflow: ellipsis; - } - - &:hover { - .project-item-avatar-container .avatar { - border-color: $md-area-border; - } - } - - .project-title { - font-size: $gl-font-size; - font-weight: 400; - line-height: 16px; - } - - .project-namespace { - margin-top: 4px; - font-size: 12px; - line-height: 12px; - color: $gl-text-color-secondary; - } - - @media (max-width: $screen-xs-max) { - .project-item-metadata-container { - float: none; - } - } -} diff --git a/app/assets/stylesheets/framework/emoji-sprites.scss b/app/assets/stylesheets/framework/emoji-sprites.scss deleted file mode 100644 index 925415f84b1..00000000000 --- a/app/assets/stylesheets/framework/emoji-sprites.scss +++ /dev/null @@ -1,1811 +0,0 @@ -.emoji-zzz { background-position: 0 0; } -.emoji-1234 { background-position: -20px 0; } -.emoji-1F627 { background-position: 0 -20px; } -.emoji-8ball { background-position: -20px -20px; } -.emoji-a { background-position: -40px 0; } -.emoji-ab { background-position: -40px -20px; } -.emoji-abc { background-position: 0 -40px; } -.emoji-abcd { background-position: -20px -40px; } -.emoji-accept { background-position: -40px -40px; } -.emoji-aerial_tramway { background-position: -60px 0; } -.emoji-airplane { background-position: -60px -20px; } -.emoji-airplane_arriving { background-position: -60px -40px; } -.emoji-airplane_departure { background-position: 0 -60px; } -.emoji-airplane_small { background-position: -20px -60px; } -.emoji-alarm_clock { background-position: -40px -60px; } -.emoji-alembic { background-position: -60px -60px; } -.emoji-alien { background-position: -80px 0; } -.emoji-ambulance { background-position: -80px -20px; } -.emoji-amphora { background-position: -80px -40px; } -.emoji-anchor { background-position: -80px -60px; } -.emoji-angel { background-position: 0 -80px; } -.emoji-angel_tone1 { background-position: -20px -80px; } -.emoji-angel_tone2 { background-position: -40px -80px; } -.emoji-angel_tone3 { background-position: -60px -80px; } -.emoji-angel_tone4 { background-position: -80px -80px; } -.emoji-angel_tone5 { background-position: -100px 0; } -.emoji-anger { background-position: -100px -20px; } -.emoji-anger_right { background-position: -100px -40px; } -.emoji-angry { background-position: -100px -60px; } -.emoji-ant { background-position: -100px -80px; } -.emoji-apple { background-position: 0 -100px; } -.emoji-aquarius { background-position: -20px -100px; } -.emoji-aries { background-position: -40px -100px; } -.emoji-arrow_backward { background-position: -60px -100px; } -.emoji-arrow_double_down { background-position: -80px -100px; } -.emoji-arrow_double_up { background-position: -100px -100px; } -.emoji-arrow_down { background-position: -120px 0; } -.emoji-arrow_down_small { background-position: -120px -20px; } -.emoji-arrow_forward { background-position: -120px -40px; } -.emoji-arrow_heading_down { background-position: -120px -60px; } -.emoji-arrow_heading_up { background-position: -120px -80px; } -.emoji-arrow_left { background-position: -120px -100px; } -.emoji-arrow_lower_left { background-position: 0 -120px; } -.emoji-arrow_lower_right { background-position: -20px -120px; } -.emoji-arrow_right { background-position: -40px -120px; } -.emoji-arrow_right_hook { background-position: -60px -120px; } -.emoji-arrow_up { background-position: -80px -120px; } -.emoji-arrow_up_down { background-position: -100px -120px; } -.emoji-arrow_up_small { background-position: -120px -120px; } -.emoji-arrow_upper_left { background-position: -140px 0; } -.emoji-arrow_upper_right { background-position: -140px -20px; } -.emoji-arrows_clockwise { background-position: -140px -40px; } -.emoji-arrows_counterclockwise { background-position: -140px -60px; } -.emoji-art { background-position: -140px -80px; } -.emoji-articulated_lorry { background-position: -140px -100px; } -.emoji-asterisk { background-position: -140px -120px; } -.emoji-astonished { background-position: 0 -140px; } -.emoji-athletic_shoe { background-position: -20px -140px; } -.emoji-atm { background-position: -40px -140px; } -.emoji-atom { background-position: -60px -140px; } -.emoji-avocado { background-position: -80px -140px; } -.emoji-b { background-position: -100px -140px; } -.emoji-baby { background-position: -120px -140px; } -.emoji-baby_bottle { background-position: -140px -140px; } -.emoji-baby_chick { background-position: -160px 0; } -.emoji-baby_symbol { background-position: -160px -20px; } -.emoji-baby_tone1 { background-position: -160px -40px; } -.emoji-baby_tone2 { background-position: -160px -60px; } -.emoji-baby_tone3 { background-position: -160px -80px; } -.emoji-baby_tone4 { background-position: -160px -100px; } -.emoji-baby_tone5 { background-position: -160px -120px; } -.emoji-back { background-position: -160px -140px; } -.emoji-bacon { background-position: 0 -160px; } -.emoji-badminton { background-position: -20px -160px; } -.emoji-baggage_claim { background-position: -40px -160px; } -.emoji-balloon { background-position: -60px -160px; } -.emoji-ballot_box { background-position: -80px -160px; } -.emoji-ballot_box_with_check { background-position: -100px -160px; } -.emoji-bamboo { background-position: -120px -160px; } -.emoji-banana { background-position: -140px -160px; } -.emoji-bangbang { background-position: -160px -160px; } -.emoji-bank { background-position: -180px 0; } -.emoji-bar_chart { background-position: -180px -20px; } -.emoji-barber { background-position: -180px -40px; } -.emoji-baseball { background-position: -180px -60px; } -.emoji-basketball { background-position: -180px -80px; } -.emoji-basketball_player { background-position: -180px -100px; } -.emoji-basketball_player_tone1 { background-position: -180px -120px; } -.emoji-basketball_player_tone2 { background-position: -180px -140px; } -.emoji-basketball_player_tone3 { background-position: -180px -160px; } -.emoji-basketball_player_tone4 { background-position: 0 -180px; } -.emoji-basketball_player_tone5 { background-position: -20px -180px; } -.emoji-bat { background-position: -40px -180px; } -.emoji-bath { background-position: -60px -180px; } -.emoji-bath_tone1 { background-position: -80px -180px; } -.emoji-bath_tone2 { background-position: -100px -180px; } -.emoji-bath_tone3 { background-position: -120px -180px; } -.emoji-bath_tone4 { background-position: -140px -180px; } -.emoji-bath_tone5 { background-position: -160px -180px; } -.emoji-bathtub { background-position: -180px -180px; } -.emoji-battery { background-position: -200px 0; } -.emoji-beach { background-position: -200px -20px; } -.emoji-beach_umbrella { background-position: -200px -40px; } -.emoji-bear { background-position: -200px -60px; } -.emoji-bed { background-position: -200px -80px; } -.emoji-bee { background-position: -200px -100px; } -.emoji-beer { background-position: -200px -120px; } -.emoji-beers { background-position: -200px -140px; } -.emoji-beetle { background-position: -200px -160px; } -.emoji-beginner { background-position: -200px -180px; } -.emoji-bell { background-position: 0 -200px; } -.emoji-bellhop { background-position: -20px -200px; } -.emoji-bento { background-position: -40px -200px; } -.emoji-bicyclist { background-position: -60px -200px; } -.emoji-bicyclist_tone1 { background-position: -80px -200px; } -.emoji-bicyclist_tone2 { background-position: -100px -200px; } -.emoji-bicyclist_tone3 { background-position: -120px -200px; } -.emoji-bicyclist_tone4 { background-position: -140px -200px; } -.emoji-bicyclist_tone5 { background-position: -160px -200px; } -.emoji-bike { background-position: -180px -200px; } -.emoji-bikini { background-position: -200px -200px; } -.emoji-biohazard { background-position: -220px 0; } -.emoji-bird { background-position: -220px -20px; } -.emoji-birthday { background-position: -220px -40px; } -.emoji-black_circle { background-position: -220px -60px; } -.emoji-black_heart { background-position: -220px -80px; } -.emoji-black_joker { background-position: -220px -100px; } -.emoji-black_large_square { background-position: -220px -120px; } -.emoji-black_medium_small_square { background-position: -220px -140px; } -.emoji-black_medium_square { background-position: -220px -160px; } -.emoji-black_nib { background-position: -220px -180px; } -.emoji-black_small_square { background-position: -220px -200px; } -.emoji-black_square_button { background-position: 0 -220px; } -.emoji-blossom { background-position: -20px -220px; } -.emoji-blowfish { background-position: -40px -220px; } -.emoji-blue_book { background-position: -60px -220px; } -.emoji-blue_car { background-position: -80px -220px; } -.emoji-blue_heart { background-position: -100px -220px; } -.emoji-blush { background-position: -120px -220px; } -.emoji-boar { background-position: -140px -220px; } -.emoji-bomb { background-position: -160px -220px; } -.emoji-book { background-position: -180px -220px; } -.emoji-bookmark { background-position: -200px -220px; } -.emoji-bookmark_tabs { background-position: -220px -220px; } -.emoji-books { background-position: -240px 0; } -.emoji-boom { background-position: -240px -20px; } -.emoji-boot { background-position: -240px -40px; } -.emoji-bouquet { background-position: -240px -60px; } -.emoji-bow { background-position: -240px -80px; } -.emoji-bow_and_arrow { background-position: -240px -100px; } -.emoji-bow_tone1 { background-position: -240px -120px; } -.emoji-bow_tone2 { background-position: -240px -140px; } -.emoji-bow_tone3 { background-position: -240px -160px; } -.emoji-bow_tone4 { background-position: -240px -180px; } -.emoji-bow_tone5 { background-position: -240px -200px; } -.emoji-bowling { background-position: -240px -220px; } -.emoji-boxing_glove { background-position: 0 -240px; } -.emoji-boy { background-position: -20px -240px; } -.emoji-boy_tone1 { background-position: -40px -240px; } -.emoji-boy_tone2 { background-position: -60px -240px; } -.emoji-boy_tone3 { background-position: -80px -240px; } -.emoji-boy_tone4 { background-position: -100px -240px; } -.emoji-boy_tone5 { background-position: -120px -240px; } -.emoji-bread { background-position: -140px -240px; } -.emoji-bride_with_veil { background-position: -160px -240px; } -.emoji-bride_with_veil_tone1 { background-position: -180px -240px; } -.emoji-bride_with_veil_tone2 { background-position: -200px -240px; } -.emoji-bride_with_veil_tone3 { background-position: -220px -240px; } -.emoji-bride_with_veil_tone4 { background-position: -240px -240px; } -.emoji-bride_with_veil_tone5 { background-position: -260px 0; } -.emoji-bridge_at_night { background-position: -260px -20px; } -.emoji-briefcase { background-position: -260px -40px; } -.emoji-broken_heart { background-position: -260px -60px; } -.emoji-bug { background-position: -260px -80px; } -.emoji-bulb { background-position: -260px -100px; } -.emoji-bullettrain_front { background-position: -260px -120px; } -.emoji-bullettrain_side { background-position: -260px -140px; } -.emoji-burrito { background-position: -260px -160px; } -.emoji-bus { background-position: -260px -180px; } -.emoji-busstop { background-position: -260px -200px; } -.emoji-bust_in_silhouette { background-position: -260px -220px; } -.emoji-busts_in_silhouette { background-position: -260px -240px; } -.emoji-butterfly { background-position: 0 -260px; } -.emoji-cactus { background-position: -20px -260px; } -.emoji-cake { background-position: -40px -260px; } -.emoji-calendar { background-position: -60px -260px; } -.emoji-calendar_spiral { background-position: -80px -260px; } -.emoji-call_me { background-position: -100px -260px; } -.emoji-call_me_tone1 { background-position: -120px -260px; } -.emoji-call_me_tone2 { background-position: -140px -260px; } -.emoji-call_me_tone3 { background-position: -160px -260px; } -.emoji-call_me_tone4 { background-position: -180px -260px; } -.emoji-call_me_tone5 { background-position: -200px -260px; } -.emoji-calling { background-position: -220px -260px; } -.emoji-camel { background-position: -240px -260px; } -.emoji-camera { background-position: -260px -260px; } -.emoji-camera_with_flash { background-position: -280px 0; } -.emoji-camping { background-position: -280px -20px; } -.emoji-cancer { background-position: -280px -40px; } -.emoji-candle { background-position: -280px -60px; } -.emoji-candy { background-position: -280px -80px; } -.emoji-canoe { background-position: -280px -100px; } -.emoji-capital_abcd { background-position: -280px -120px; } -.emoji-capricorn { background-position: -280px -140px; } -.emoji-card_box { background-position: -280px -160px; } -.emoji-card_index { background-position: -280px -180px; } -.emoji-carousel_horse { background-position: -280px -200px; } -.emoji-carrot { background-position: -280px -220px; } -.emoji-cartwheel { background-position: -280px -240px; } -.emoji-cartwheel_tone1 { background-position: -280px -260px; } -.emoji-cartwheel_tone2 { background-position: 0 -280px; } -.emoji-cartwheel_tone3 { background-position: -20px -280px; } -.emoji-cartwheel_tone4 { background-position: -40px -280px; } -.emoji-cartwheel_tone5 { background-position: -60px -280px; } -.emoji-cat { background-position: -80px -280px; } -.emoji-cat2 { background-position: -100px -280px; } -.emoji-cd { background-position: -120px -280px; } -.emoji-chains { background-position: -140px -280px; } -.emoji-champagne { background-position: -160px -280px; } -.emoji-champagne_glass { background-position: -180px -280px; } -.emoji-chart { background-position: -200px -280px; } -.emoji-chart_with_downwards_trend { background-position: -220px -280px; } -.emoji-chart_with_upwards_trend { background-position: -240px -280px; } -.emoji-checkered_flag { background-position: -260px -280px; } -.emoji-cheese { background-position: -280px -280px; } -.emoji-cherries { background-position: -300px 0; } -.emoji-cherry_blossom { background-position: -300px -20px; } -.emoji-chestnut { background-position: -300px -40px; } -.emoji-chicken { background-position: -300px -60px; } -.emoji-children_crossing { background-position: -300px -80px; } -.emoji-chipmunk { background-position: -300px -100px; } -.emoji-chocolate_bar { background-position: -300px -120px; } -.emoji-christmas_tree { background-position: -300px -140px; } -.emoji-church { background-position: -300px -160px; } -.emoji-cinema { background-position: -300px -180px; } -.emoji-circus_tent { background-position: -300px -200px; } -.emoji-city_dusk { background-position: -300px -220px; } -.emoji-city_sunset { background-position: -300px -240px; } -.emoji-cityscape { background-position: -300px -260px; } -.emoji-cl { background-position: -300px -280px; } -.emoji-clap { background-position: 0 -300px; } -.emoji-clap_tone1 { background-position: -20px -300px; } -.emoji-clap_tone2 { background-position: -40px -300px; } -.emoji-clap_tone3 { background-position: -60px -300px; } -.emoji-clap_tone4 { background-position: -80px -300px; } -.emoji-clap_tone5 { background-position: -100px -300px; } -.emoji-clapper { background-position: -120px -300px; } -.emoji-classical_building { background-position: -140px -300px; } -.emoji-clipboard { background-position: -160px -300px; } -.emoji-clock { background-position: -180px -300px; } -.emoji-clock1 { background-position: -200px -300px; } -.emoji-clock10 { background-position: -220px -300px; } -.emoji-clock1030 { background-position: -240px -300px; } -.emoji-clock11 { background-position: -260px -300px; } -.emoji-clock1130 { background-position: -280px -300px; } -.emoji-clock12 { background-position: -300px -300px; } -.emoji-clock1230 { background-position: -320px 0; } -.emoji-clock130 { background-position: -320px -20px; } -.emoji-clock2 { background-position: -320px -40px; } -.emoji-clock230 { background-position: -320px -60px; } -.emoji-clock3 { background-position: -320px -80px; } -.emoji-clock330 { background-position: -320px -100px; } -.emoji-clock4 { background-position: -320px -120px; } -.emoji-clock430 { background-position: -320px -140px; } -.emoji-clock5 { background-position: -320px -160px; } -.emoji-clock530 { background-position: -320px -180px; } -.emoji-clock6 { background-position: -320px -200px; } -.emoji-clock630 { background-position: -320px -220px; } -.emoji-clock7 { background-position: -320px -240px; } -.emoji-clock730 { background-position: -320px -260px; } -.emoji-clock8 { background-position: -320px -280px; } -.emoji-clock830 { background-position: -320px -300px; } -.emoji-clock9 { background-position: 0 -320px; } -.emoji-clock930 { background-position: -20px -320px; } -.emoji-closed_book { background-position: -40px -320px; } -.emoji-closed_lock_with_key { background-position: -60px -320px; } -.emoji-closed_umbrella { background-position: -80px -320px; } -.emoji-cloud { background-position: -100px -320px; } -.emoji-cloud_lightning { background-position: -120px -320px; } -.emoji-cloud_rain { background-position: -140px -320px; } -.emoji-cloud_snow { background-position: -160px -320px; } -.emoji-cloud_tornado { background-position: -180px -320px; } -.emoji-clown { background-position: -200px -320px; } -.emoji-clubs { background-position: -220px -320px; } -.emoji-cocktail { background-position: -240px -320px; } -.emoji-coffee { background-position: -260px -320px; } -.emoji-coffin { background-position: -280px -320px; } -.emoji-cold_sweat { background-position: -300px -320px; } -.emoji-comet { background-position: -320px -320px; } -.emoji-compression { background-position: -340px 0; } -.emoji-computer { background-position: -340px -20px; } -.emoji-confetti_ball { background-position: -340px -40px; } -.emoji-confounded { background-position: -340px -60px; } -.emoji-confused { background-position: -340px -80px; } -.emoji-congratulations { background-position: -340px -100px; } -.emoji-construction { background-position: -340px -120px; } -.emoji-construction_site { background-position: -340px -140px; } -.emoji-construction_worker { background-position: -340px -160px; } -.emoji-construction_worker_tone1 { background-position: -340px -180px; } -.emoji-construction_worker_tone2 { background-position: -340px -200px; } -.emoji-construction_worker_tone3 { background-position: -340px -220px; } -.emoji-construction_worker_tone4 { background-position: -340px -240px; } -.emoji-construction_worker_tone5 { background-position: -340px -260px; } -.emoji-control_knobs { background-position: -340px -280px; } -.emoji-convenience_store { background-position: -340px -300px; } -.emoji-cookie { background-position: -340px -320px; } -.emoji-cooking { background-position: 0 -340px; } -.emoji-cool { background-position: -20px -340px; } -.emoji-cop { background-position: -40px -340px; } -.emoji-cop_tone1 { background-position: -60px -340px; } -.emoji-cop_tone2 { background-position: -80px -340px; } -.emoji-cop_tone3 { background-position: -100px -340px; } -.emoji-cop_tone4 { background-position: -120px -340px; } -.emoji-cop_tone5 { background-position: -140px -340px; } -.emoji-copyright { background-position: -160px -340px; } -.emoji-corn { background-position: -180px -340px; } -.emoji-couch { background-position: -200px -340px; } -.emoji-couple { background-position: -220px -340px; } -.emoji-couple_mm { background-position: -240px -340px; } -.emoji-couple_with_heart { background-position: -260px -340px; } -.emoji-couple_ww { background-position: -280px -340px; } -.emoji-couplekiss { background-position: -300px -340px; } -.emoji-cow { background-position: -320px -340px; } -.emoji-cow2 { background-position: -340px -340px; } -.emoji-cowboy { background-position: -360px 0; } -.emoji-crab { background-position: -360px -20px; } -.emoji-crayon { background-position: -360px -40px; } -.emoji-credit_card { background-position: -360px -60px; } -.emoji-crescent_moon { background-position: -360px -80px; } -.emoji-cricket { background-position: -360px -100px; } -.emoji-crocodile { background-position: -360px -120px; } -.emoji-croissant { background-position: -360px -140px; } -.emoji-cross { background-position: -360px -160px; } -.emoji-crossed_flags { background-position: -360px -180px; } -.emoji-crossed_swords { background-position: -360px -200px; } -.emoji-crown { background-position: -360px -220px; } -.emoji-cruise_ship { background-position: -360px -240px; } -.emoji-cry { background-position: -360px -260px; } -.emoji-crying_cat_face { background-position: -360px -280px; } -.emoji-crystal_ball { background-position: -360px -300px; } -.emoji-cucumber { background-position: -360px -320px; } -.emoji-cupid { background-position: -360px -340px; } -.emoji-curly_loop { background-position: 0 -360px; } -.emoji-currency_exchange { background-position: -20px -360px; } -.emoji-curry { background-position: -40px -360px; } -.emoji-custard { background-position: -60px -360px; } -.emoji-customs { background-position: -80px -360px; } -.emoji-cyclone { background-position: -100px -360px; } -.emoji-dagger { background-position: -120px -360px; } -.emoji-dancer { background-position: -140px -360px; } -.emoji-dancer_tone1 { background-position: -160px -360px; } -.emoji-dancer_tone2 { background-position: -180px -360px; } -.emoji-dancer_tone3 { background-position: -200px -360px; } -.emoji-dancer_tone4 { background-position: -220px -360px; } -.emoji-dancer_tone5 { background-position: -240px -360px; } -.emoji-dancers { background-position: -260px -360px; } -.emoji-dango { background-position: -280px -360px; } -.emoji-dark_sunglasses { background-position: -300px -360px; } -.emoji-dart { background-position: -320px -360px; } -.emoji-dash { background-position: -340px -360px; } -.emoji-date { background-position: -360px -360px; } -.emoji-deciduous_tree { background-position: -380px 0; } -.emoji-deer { background-position: -380px -20px; } -.emoji-department_store { background-position: -380px -40px; } -.emoji-desert { background-position: -380px -60px; } -.emoji-desktop { background-position: -380px -80px; } -.emoji-diamond_shape_with_a_dot_inside { background-position: -380px -100px; } -.emoji-diamonds { background-position: -380px -120px; } -.emoji-disappointed { background-position: -380px -140px; } -.emoji-disappointed_relieved { background-position: -380px -160px; } -.emoji-dividers { background-position: -380px -180px; } -.emoji-dizzy { background-position: -380px -200px; } -.emoji-dizzy_face { background-position: -380px -220px; } -.emoji-do_not_litter { background-position: -380px -240px; } -.emoji-dog { background-position: -380px -260px; } -.emoji-dog2 { background-position: -380px -280px; } -.emoji-dollar { background-position: -380px -300px; } -.emoji-dolls { background-position: -380px -320px; } -.emoji-dolphin { background-position: -380px -340px; } -.emoji-door { background-position: -380px -360px; } -.emoji-doughnut { background-position: 0 -380px; } -.emoji-dove { background-position: -20px -380px; } -.emoji-dragon { background-position: -40px -380px; } -.emoji-dragon_face { background-position: -60px -380px; } -.emoji-dress { background-position: -80px -380px; } -.emoji-dromedary_camel { background-position: -100px -380px; } -.emoji-drooling_face { background-position: -120px -380px; } -.emoji-droplet { background-position: -140px -380px; } -.emoji-drum { background-position: -160px -380px; } -.emoji-duck { background-position: -180px -380px; } -.emoji-dvd { background-position: -200px -380px; } -.emoji-e-mail { background-position: -220px -380px; } -.emoji-eagle { background-position: -240px -380px; } -.emoji-ear { background-position: -260px -380px; } -.emoji-ear_of_rice { background-position: -280px -380px; } -.emoji-ear_tone1 { background-position: -300px -380px; } -.emoji-ear_tone2 { background-position: -320px -380px; } -.emoji-ear_tone3 { background-position: -340px -380px; } -.emoji-ear_tone4 { background-position: -360px -380px; } -.emoji-ear_tone5 { background-position: -380px -380px; } -.emoji-earth_africa { background-position: -400px 0; } -.emoji-earth_americas { background-position: -400px -20px; } -.emoji-earth_asia { background-position: -400px -40px; } -.emoji-egg { background-position: -400px -60px; } -.emoji-eggplant { background-position: -400px -80px; } -.emoji-eight { background-position: -400px -100px; } -.emoji-eight_pointed_black_star { background-position: -400px -120px; } -.emoji-eight_spoked_asterisk { background-position: -400px -140px; } -.emoji-eject { background-position: -400px -160px; } -.emoji-electric_plug { background-position: -400px -180px; } -.emoji-elephant { background-position: -400px -200px; } -.emoji-end { background-position: -400px -220px; } -.emoji-envelope { background-position: -400px -240px; } -.emoji-envelope_with_arrow { background-position: -400px -260px; } -.emoji-euro { background-position: -400px -280px; } -.emoji-european_castle { background-position: -400px -300px; } -.emoji-european_post_office { background-position: -400px -320px; } -.emoji-evergreen_tree { background-position: -400px -340px; } -.emoji-exclamation { background-position: -400px -360px; } -.emoji-expressionless { background-position: -400px -380px; } -.emoji-eye { background-position: 0 -400px; } -.emoji-eye_in_speech_bubble { background-position: -20px -400px; } -.emoji-eyeglasses { background-position: -40px -400px; } -.emoji-eyes { background-position: -60px -400px; } -.emoji-face_palm { background-position: -80px -400px; } -.emoji-face_palm_tone1 { background-position: -100px -400px; } -.emoji-face_palm_tone2 { background-position: -120px -400px; } -.emoji-face_palm_tone3 { background-position: -140px -400px; } -.emoji-face_palm_tone4 { background-position: -160px -400px; } -.emoji-face_palm_tone5 { background-position: -180px -400px; } -.emoji-factory { background-position: -200px -400px; } -.emoji-fallen_leaf { background-position: -220px -400px; } -.emoji-family { background-position: -240px -400px; } -.emoji-family_mmb { background-position: -260px -400px; } -.emoji-family_mmbb { background-position: -280px -400px; } -.emoji-family_mmg { background-position: -300px -400px; } -.emoji-family_mmgb { background-position: -320px -400px; } -.emoji-family_mmgg { background-position: -340px -400px; } -.emoji-family_mwbb { background-position: -360px -400px; } -.emoji-family_mwg { background-position: -380px -400px; } -.emoji-family_mwgb { background-position: -400px -400px; } -.emoji-family_mwgg { background-position: -420px 0; } -.emoji-family_wwb { background-position: -420px -20px; } -.emoji-family_wwbb { background-position: -420px -40px; } -.emoji-family_wwg { background-position: -420px -60px; } -.emoji-family_wwgb { background-position: -420px -80px; } -.emoji-family_wwgg { background-position: -420px -100px; } -.emoji-fast_forward { background-position: -420px -120px; } -.emoji-fax { background-position: -420px -140px; } -.emoji-fearful { background-position: -420px -160px; } -.emoji-feet { background-position: -420px -180px; } -.emoji-fencer { background-position: -420px -200px; } -.emoji-ferris_wheel { background-position: -420px -220px; } -.emoji-ferry { background-position: -420px -240px; } -.emoji-field_hockey { background-position: -420px -260px; } -.emoji-file_cabinet { background-position: -420px -280px; } -.emoji-file_folder { background-position: -420px -300px; } -.emoji-film_frames { background-position: -420px -320px; } -.emoji-fingers_crossed { background-position: -420px -340px; } -.emoji-fingers_crossed_tone1 { background-position: -420px -360px; } -.emoji-fingers_crossed_tone2 { background-position: -420px -380px; } -.emoji-fingers_crossed_tone3 { background-position: -420px -400px; } -.emoji-fingers_crossed_tone4 { background-position: 0 -420px; } -.emoji-fingers_crossed_tone5 { background-position: -20px -420px; } -.emoji-fire { background-position: -40px -420px; } -.emoji-fire_engine { background-position: -60px -420px; } -.emoji-fireworks { background-position: -80px -420px; } -.emoji-first_place { background-position: -100px -420px; } -.emoji-first_quarter_moon { background-position: -120px -420px; } -.emoji-first_quarter_moon_with_face { background-position: -140px -420px; } -.emoji-fish { background-position: -160px -420px; } -.emoji-fish_cake { background-position: -180px -420px; } -.emoji-fishing_pole_and_fish { background-position: -200px -420px; } -.emoji-fist { background-position: -220px -420px; } -.emoji-fist_tone1 { background-position: -240px -420px; } -.emoji-fist_tone2 { background-position: -260px -420px; } -.emoji-fist_tone3 { background-position: -280px -420px; } -.emoji-fist_tone4 { background-position: -300px -420px; } -.emoji-fist_tone5 { background-position: -320px -420px; } -.emoji-five { background-position: -340px -420px; } -.emoji-flag_ac { background-position: -360px -420px; } -.emoji-flag_ad { background-position: -380px -420px; } -.emoji-flag_ae { background-position: -400px -420px; } -.emoji-flag_af { background-position: -420px -420px; } -.emoji-flag_ag { background-position: -440px 0; } -.emoji-flag_ai { background-position: -440px -20px; } -.emoji-flag_al { background-position: -440px -40px; } -.emoji-flag_am { background-position: -440px -60px; } -.emoji-flag_ao { background-position: -440px -80px; } -.emoji-flag_aq { background-position: -440px -100px; } -.emoji-flag_ar { background-position: -440px -120px; } -.emoji-flag_as { background-position: -440px -140px; } -.emoji-flag_at { background-position: -440px -160px; } -.emoji-flag_au { background-position: -440px -180px; } -.emoji-flag_aw { background-position: -440px -200px; } -.emoji-flag_ax { background-position: -440px -220px; } -.emoji-flag_az { background-position: -440px -240px; } -.emoji-flag_ba { background-position: -440px -260px; } -.emoji-flag_bb { background-position: -440px -280px; } -.emoji-flag_bd { background-position: -440px -300px; } -.emoji-flag_be { background-position: -440px -320px; } -.emoji-flag_bf { background-position: -440px -340px; } -.emoji-flag_bg { background-position: -440px -360px; } -.emoji-flag_bh { background-position: -440px -380px; } -.emoji-flag_bi { background-position: -440px -400px; } -.emoji-flag_bj { background-position: -440px -420px; } -.emoji-flag_bl { background-position: 0 -440px; } -.emoji-flag_black { background-position: -20px -440px; } -.emoji-flag_bm { background-position: -40px -440px; } -.emoji-flag_bn { background-position: -60px -440px; } -.emoji-flag_bo { background-position: -80px -440px; } -.emoji-flag_bq { background-position: -100px -440px; } -.emoji-flag_br { background-position: -120px -440px; } -.emoji-flag_bs { background-position: -140px -440px; } -.emoji-flag_bt { background-position: -160px -440px; } -.emoji-flag_bv { background-position: -180px -440px; } -.emoji-flag_bw { background-position: -200px -440px; } -.emoji-flag_by { background-position: -220px -440px; } -.emoji-flag_bz { background-position: -240px -440px; } -.emoji-flag_ca { background-position: -260px -440px; } -.emoji-flag_cc { background-position: -280px -440px; } -.emoji-flag_cd { background-position: -300px -440px; } -.emoji-flag_cf { background-position: -320px -440px; } -.emoji-flag_cg { background-position: -340px -440px; } -.emoji-flag_ch { background-position: -360px -440px; } -.emoji-flag_ci { background-position: -380px -440px; } -.emoji-flag_ck { background-position: -400px -440px; } -.emoji-flag_cl { background-position: -420px -440px; } -.emoji-flag_cm { background-position: -440px -440px; } -.emoji-flag_cn { background-position: -460px 0; } -.emoji-flag_co { background-position: -460px -20px; } -.emoji-flag_cp { background-position: -460px -40px; } -.emoji-flag_cr { background-position: -460px -60px; } -.emoji-flag_cu { background-position: -460px -80px; } -.emoji-flag_cv { background-position: -460px -100px; } -.emoji-flag_cw { background-position: -460px -120px; } -.emoji-flag_cx { background-position: -460px -140px; } -.emoji-flag_cy { background-position: -460px -160px; } -.emoji-flag_cz { background-position: -460px -180px; } -.emoji-flag_de { background-position: -460px -200px; } -.emoji-flag_dg { background-position: -460px -220px; } -.emoji-flag_dj { background-position: -460px -240px; } -.emoji-flag_dk { background-position: -460px -260px; } -.emoji-flag_dm { background-position: -460px -280px; } -.emoji-flag_do { background-position: -460px -300px; } -.emoji-flag_dz { background-position: -460px -320px; } -.emoji-flag_ea { background-position: -460px -340px; } -.emoji-flag_ec { background-position: -460px -360px; } -.emoji-flag_ee { background-position: -460px -380px; } -.emoji-flag_eg { background-position: -460px -400px; } -.emoji-flag_eh { background-position: -460px -420px; } -.emoji-flag_er { background-position: -460px -440px; } -.emoji-flag_es { background-position: 0 -460px; } -.emoji-flag_et { background-position: -20px -460px; } -.emoji-flag_eu { background-position: -40px -460px; } -.emoji-flag_fi { background-position: -60px -460px; } -.emoji-flag_fj { background-position: -80px -460px; } -.emoji-flag_fk { background-position: -100px -460px; } -.emoji-flag_fm { background-position: -120px -460px; } -.emoji-flag_fo { background-position: -140px -460px; } -.emoji-flag_fr { background-position: -160px -460px; } -.emoji-flag_ga { background-position: -180px -460px; } -.emoji-flag_gb { background-position: -200px -460px; } -.emoji-flag_gd { background-position: -220px -460px; } -.emoji-flag_ge { background-position: -240px -460px; } -.emoji-flag_gf { background-position: -260px -460px; } -.emoji-flag_gg { background-position: -280px -460px; } -.emoji-flag_gh { background-position: -300px -460px; } -.emoji-flag_gi { background-position: -320px -460px; } -.emoji-flag_gl { background-position: -340px -460px; } -.emoji-flag_gm { background-position: -360px -460px; } -.emoji-flag_gn { background-position: -380px -460px; } -.emoji-flag_gp { background-position: -400px -460px; } -.emoji-flag_gq { background-position: -420px -460px; } -.emoji-flag_gr { background-position: -440px -460px; } -.emoji-flag_gs { background-position: -460px -460px; } -.emoji-flag_gt { background-position: -480px 0; } -.emoji-flag_gu { background-position: -480px -20px; } -.emoji-flag_gw { background-position: -480px -40px; } -.emoji-flag_gy { background-position: -480px -60px; } -.emoji-flag_hk { background-position: -480px -80px; } -.emoji-flag_hm { background-position: -480px -100px; } -.emoji-flag_hn { background-position: -480px -120px; } -.emoji-flag_hr { background-position: -480px -140px; } -.emoji-flag_ht { background-position: -480px -160px; } -.emoji-flag_hu { background-position: -480px -180px; } -.emoji-flag_ic { background-position: -480px -200px; } -.emoji-flag_id { background-position: -480px -220px; } -.emoji-flag_ie { background-position: -480px -240px; } -.emoji-flag_il { background-position: -480px -260px; } -.emoji-flag_im { background-position: -480px -280px; } -.emoji-flag_in { background-position: -480px -300px; } -.emoji-flag_io { background-position: -480px -320px; } -.emoji-flag_iq { background-position: -480px -340px; } -.emoji-flag_ir { background-position: -480px -360px; } -.emoji-flag_is { background-position: -480px -380px; } -.emoji-flag_it { background-position: -480px -400px; } -.emoji-flag_je { background-position: -480px -420px; } -.emoji-flag_jm { background-position: -480px -440px; } -.emoji-flag_jo { background-position: -480px -460px; } -.emoji-flag_jp { background-position: 0 -480px; } -.emoji-flag_ke { background-position: -20px -480px; } -.emoji-flag_kg { background-position: -40px -480px; } -.emoji-flag_kh { background-position: -60px -480px; } -.emoji-flag_ki { background-position: -80px -480px; } -.emoji-flag_km { background-position: -100px -480px; } -.emoji-flag_kn { background-position: -120px -480px; } -.emoji-flag_kp { background-position: -140px -480px; } -.emoji-flag_kr { background-position: -160px -480px; } -.emoji-flag_kw { background-position: -180px -480px; } -.emoji-flag_ky { background-position: -200px -480px; } -.emoji-flag_kz { background-position: -220px -480px; } -.emoji-flag_la { background-position: -240px -480px; } -.emoji-flag_lb { background-position: -260px -480px; } -.emoji-flag_lc { background-position: -280px -480px; } -.emoji-flag_li { background-position: -300px -480px; } -.emoji-flag_lk { background-position: -320px -480px; } -.emoji-flag_lr { background-position: -340px -480px; } -.emoji-flag_ls { background-position: -360px -480px; } -.emoji-flag_lt { background-position: -380px -480px; } -.emoji-flag_lu { background-position: -400px -480px; } -.emoji-flag_lv { background-position: -420px -480px; } -.emoji-flag_ly { background-position: -440px -480px; } -.emoji-flag_ma { background-position: -460px -480px; } -.emoji-flag_mc { background-position: -480px -480px; } -.emoji-flag_md { background-position: -500px 0; } -.emoji-flag_me { background-position: -500px -20px; } -.emoji-flag_mf { background-position: -500px -40px; } -.emoji-flag_mg { background-position: -500px -60px; } -.emoji-flag_mh { background-position: -500px -80px; } -.emoji-flag_mk { background-position: -500px -100px; } -.emoji-flag_ml { background-position: -500px -120px; } -.emoji-flag_mm { background-position: -500px -140px; } -.emoji-flag_mn { background-position: -500px -160px; } -.emoji-flag_mo { background-position: -500px -180px; } -.emoji-flag_mp { background-position: -500px -200px; } -.emoji-flag_mq { background-position: -500px -220px; } -.emoji-flag_mr { background-position: -500px -240px; } -.emoji-flag_ms { background-position: -500px -260px; } -.emoji-flag_mt { background-position: -500px -280px; } -.emoji-flag_mu { background-position: -500px -300px; } -.emoji-flag_mv { background-position: -500px -320px; } -.emoji-flag_mw { background-position: -500px -340px; } -.emoji-flag_mx { background-position: -500px -360px; } -.emoji-flag_my { background-position: -500px -380px; } -.emoji-flag_mz { background-position: -500px -400px; } -.emoji-flag_na { background-position: -500px -420px; } -.emoji-flag_nc { background-position: -500px -440px; } -.emoji-flag_ne { background-position: -500px -460px; } -.emoji-flag_nf { background-position: -500px -480px; } -.emoji-flag_ng { background-position: 0 -500px; } -.emoji-flag_ni { background-position: -20px -500px; } -.emoji-flag_nl { background-position: -40px -500px; } -.emoji-flag_no { background-position: -60px -500px; } -.emoji-flag_np { background-position: -80px -500px; } -.emoji-flag_nr { background-position: -100px -500px; } -.emoji-flag_nu { background-position: -120px -500px; } -.emoji-flag_nz { background-position: -140px -500px; } -.emoji-flag_om { background-position: -160px -500px; } -.emoji-flag_pa { background-position: -180px -500px; } -.emoji-flag_pe { background-position: -200px -500px; } -.emoji-flag_pf { background-position: -220px -500px; } -.emoji-flag_pg { background-position: -240px -500px; } -.emoji-flag_ph { background-position: -260px -500px; } -.emoji-flag_pk { background-position: -280px -500px; } -.emoji-flag_pl { background-position: -300px -500px; } -.emoji-flag_pm { background-position: -320px -500px; } -.emoji-flag_pn { background-position: -340px -500px; } -.emoji-flag_pr { background-position: -360px -500px; } -.emoji-flag_ps { background-position: -380px -500px; } -.emoji-flag_pt { background-position: -400px -500px; } -.emoji-flag_pw { background-position: -420px -500px; } -.emoji-flag_py { background-position: -440px -500px; } -.emoji-flag_qa { background-position: -460px -500px; } -.emoji-flag_re { background-position: -480px -500px; } -.emoji-flag_ro { background-position: -500px -500px; } -.emoji-flag_rs { background-position: -520px 0; } -.emoji-flag_ru { background-position: -520px -20px; } -.emoji-flag_rw { background-position: -520px -40px; } -.emoji-flag_sa { background-position: -520px -60px; } -.emoji-flag_sb { background-position: -520px -80px; } -.emoji-flag_sc { background-position: -520px -100px; } -.emoji-flag_sd { background-position: -520px -120px; } -.emoji-flag_se { background-position: -520px -140px; } -.emoji-flag_sg { background-position: -520px -160px; } -.emoji-flag_sh { background-position: -520px -180px; } -.emoji-flag_si { background-position: -520px -200px; } -.emoji-flag_sj { background-position: -520px -220px; } -.emoji-flag_sk { background-position: -520px -240px; } -.emoji-flag_sl { background-position: -520px -260px; } -.emoji-flag_sm { background-position: -520px -280px; } -.emoji-flag_sn { background-position: -520px -300px; } -.emoji-flag_so { background-position: -520px -320px; } -.emoji-flag_sr { background-position: -520px -340px; } -.emoji-flag_ss { background-position: -520px -360px; } -.emoji-flag_st { background-position: -520px -380px; } -.emoji-flag_sv { background-position: -520px -400px; } -.emoji-flag_sx { background-position: -520px -420px; } -.emoji-flag_sy { background-position: -520px -440px; } -.emoji-flag_sz { background-position: -520px -460px; } -.emoji-flag_ta { background-position: -520px -480px; } -.emoji-flag_tc { background-position: -520px -500px; } -.emoji-flag_td { background-position: 0 -520px; } -.emoji-flag_tf { background-position: -20px -520px; } -.emoji-flag_tg { background-position: -40px -520px; } -.emoji-flag_th { background-position: -60px -520px; } -.emoji-flag_tj { background-position: -80px -520px; } -.emoji-flag_tk { background-position: -100px -520px; } -.emoji-flag_tl { background-position: -120px -520px; } -.emoji-flag_tm { background-position: -140px -520px; } -.emoji-flag_tn { background-position: -160px -520px; } -.emoji-flag_to { background-position: -180px -520px; } -.emoji-flag_tr { background-position: -200px -520px; } -.emoji-flag_tt { background-position: -220px -520px; } -.emoji-flag_tv { background-position: -240px -520px; } -.emoji-flag_tw { background-position: -260px -520px; } -.emoji-flag_tz { background-position: -280px -520px; } -.emoji-flag_ua { background-position: -300px -520px; } -.emoji-flag_ug { background-position: -320px -520px; } -.emoji-flag_um { background-position: -340px -520px; } -.emoji-flag_us { background-position: -360px -520px; } -.emoji-flag_uy { background-position: -380px -520px; } -.emoji-flag_uz { background-position: -400px -520px; } -.emoji-flag_va { background-position: -420px -520px; } -.emoji-flag_vc { background-position: -440px -520px; } -.emoji-flag_ve { background-position: -460px -520px; } -.emoji-flag_vg { background-position: -480px -520px; } -.emoji-flag_vi { background-position: -500px -520px; } -.emoji-flag_vn { background-position: -520px -520px; } -.emoji-flag_vu { background-position: -540px 0; } -.emoji-flag_wf { background-position: -540px -20px; } -.emoji-flag_white { background-position: -540px -40px; } -.emoji-flag_ws { background-position: -540px -60px; } -.emoji-flag_xk { background-position: -540px -80px; } -.emoji-flag_ye { background-position: -540px -100px; } -.emoji-flag_yt { background-position: -540px -120px; } -.emoji-flag_za { background-position: -540px -140px; } -.emoji-flag_zm { background-position: -540px -160px; } -.emoji-flag_zw { background-position: -540px -180px; } -.emoji-flags { background-position: -540px -200px; } -.emoji-flashlight { background-position: -540px -220px; } -.emoji-fleur-de-lis { background-position: -540px -240px; } -.emoji-floppy_disk { background-position: -540px -260px; } -.emoji-flower_playing_cards { background-position: -540px -280px; } -.emoji-flushed { background-position: -540px -300px; } -.emoji-fog { background-position: -540px -320px; } -.emoji-foggy { background-position: -540px -340px; } -.emoji-football { background-position: -540px -360px; } -.emoji-footprints { background-position: -540px -380px; } -.emoji-fork_and_knife { background-position: -540px -400px; } -.emoji-fork_knife_plate { background-position: -540px -420px; } -.emoji-fountain { background-position: -540px -440px; } -.emoji-four { background-position: -540px -460px; } -.emoji-four_leaf_clover { background-position: -540px -480px; } -.emoji-fox { background-position: -540px -500px; } -.emoji-frame_photo { background-position: -540px -520px; } -.emoji-free { background-position: 0 -540px; } -.emoji-french_bread { background-position: -20px -540px; } -.emoji-fried_shrimp { background-position: -40px -540px; } -.emoji-fries { background-position: -60px -540px; } -.emoji-frog { background-position: -80px -540px; } -.emoji-frowning { background-position: -100px -540px; } -.emoji-frowning2 { background-position: -120px -540px; } -.emoji-fuelpump { background-position: -140px -540px; } -.emoji-full_moon { background-position: -160px -540px; } -.emoji-full_moon_with_face { background-position: -180px -540px; } -.emoji-game_die { background-position: -200px -540px; } -.emoji-gear { background-position: -220px -540px; } -.emoji-gem { background-position: -240px -540px; } -.emoji-gemini { background-position: -260px -540px; } -.emoji-ghost { background-position: -280px -540px; } -.emoji-gift { background-position: -300px -540px; } -.emoji-gift_heart { background-position: -320px -540px; } -.emoji-girl { background-position: -340px -540px; } -.emoji-girl_tone1 { background-position: -360px -540px; } -.emoji-girl_tone2 { background-position: -380px -540px; } -.emoji-girl_tone3 { background-position: -400px -540px; } -.emoji-girl_tone4 { background-position: -420px -540px; } -.emoji-girl_tone5 { background-position: -440px -540px; } -.emoji-globe_with_meridians { background-position: -460px -540px; } -.emoji-goal { background-position: -480px -540px; } -.emoji-goat { background-position: -500px -540px; } -.emoji-golf { background-position: -520px -540px; } -.emoji-golfer { background-position: -540px -540px; } -.emoji-gorilla { background-position: -560px 0; } -.emoji-grapes { background-position: -560px -20px; } -.emoji-green_apple { background-position: -560px -40px; } -.emoji-green_book { background-position: -560px -60px; } -.emoji-green_heart { background-position: -560px -80px; } -.emoji-grey_exclamation { background-position: -560px -100px; } -.emoji-grey_question { background-position: -560px -120px; } -.emoji-grimacing { background-position: -560px -140px; } -.emoji-grin { background-position: -560px -160px; } -.emoji-grinning { background-position: -560px -180px; } -.emoji-guardsman { background-position: -560px -200px; } -.emoji-guardsman_tone1 { background-position: -560px -220px; } -.emoji-guardsman_tone2 { background-position: -560px -240px; } -.emoji-guardsman_tone3 { background-position: -560px -260px; } -.emoji-guardsman_tone4 { background-position: -560px -280px; } -.emoji-guardsman_tone5 { background-position: -560px -300px; } -.emoji-guitar { background-position: -560px -320px; } -.emoji-gun { background-position: -560px -340px; } -.emoji-haircut { background-position: -560px -360px; } -.emoji-haircut_tone1 { background-position: -560px -380px; } -.emoji-haircut_tone2 { background-position: -560px -400px; } -.emoji-haircut_tone3 { background-position: -560px -420px; } -.emoji-haircut_tone4 { background-position: -560px -440px; } -.emoji-haircut_tone5 { background-position: -560px -460px; } -.emoji-hamburger { background-position: -560px -480px; } -.emoji-hammer { background-position: -560px -500px; } -.emoji-hammer_pick { background-position: -560px -520px; } -.emoji-hamster { background-position: -560px -540px; } -.emoji-hand_splayed { background-position: 0 -560px; } -.emoji-hand_splayed_tone1 { background-position: -20px -560px; } -.emoji-hand_splayed_tone2 { background-position: -40px -560px; } -.emoji-hand_splayed_tone3 { background-position: -60px -560px; } -.emoji-hand_splayed_tone4 { background-position: -80px -560px; } -.emoji-hand_splayed_tone5 { background-position: -100px -560px; } -.emoji-handbag { background-position: -120px -560px; } -.emoji-handball { background-position: -140px -560px; } -.emoji-handball_tone1 { background-position: -160px -560px; } -.emoji-handball_tone2 { background-position: -180px -560px; } -.emoji-handball_tone3 { background-position: -200px -560px; } -.emoji-handball_tone4 { background-position: -220px -560px; } -.emoji-handball_tone5 { background-position: -240px -560px; } -.emoji-handshake { background-position: -260px -560px; } -.emoji-handshake_tone1 { background-position: -280px -560px; } -.emoji-handshake_tone2 { background-position: -300px -560px; } -.emoji-handshake_tone3 { background-position: -320px -560px; } -.emoji-handshake_tone4 { background-position: -340px -560px; } -.emoji-handshake_tone5 { background-position: -360px -560px; } -.emoji-hash { background-position: -380px -560px; } -.emoji-hatched_chick { background-position: -400px -560px; } -.emoji-hatching_chick { background-position: -420px -560px; } -.emoji-head_bandage { background-position: -440px -560px; } -.emoji-headphones { background-position: -460px -560px; } -.emoji-hear_no_evil { background-position: -480px -560px; } -.emoji-heart { background-position: -500px -560px; } -.emoji-heart_decoration { background-position: -520px -560px; } -.emoji-heart_exclamation { background-position: -540px -560px; } -.emoji-heart_eyes { background-position: -560px -560px; } -.emoji-heart_eyes_cat { background-position: -580px 0; } -.emoji-heartbeat { background-position: -580px -20px; } -.emoji-heartpulse { background-position: -580px -40px; } -.emoji-hearts { background-position: -580px -60px; } -.emoji-heavy_check_mark { background-position: -580px -80px; } -.emoji-heavy_division_sign { background-position: -580px -100px; } -.emoji-heavy_dollar_sign { background-position: -580px -120px; } -.emoji-heavy_minus_sign { background-position: -580px -140px; } -.emoji-heavy_multiplication_x { background-position: -580px -160px; } -.emoji-heavy_plus_sign { background-position: -580px -180px; } -.emoji-helicopter { background-position: -580px -200px; } -.emoji-helmet_with_cross { background-position: -580px -220px; } -.emoji-herb { background-position: -580px -240px; } -.emoji-hibiscus { background-position: -580px -260px; } -.emoji-high_brightness { background-position: -580px -280px; } -.emoji-high_heel { background-position: -580px -300px; } -.emoji-hockey { background-position: -580px -320px; } -.emoji-hole { background-position: -580px -340px; } -.emoji-homes { background-position: -580px -360px; } -.emoji-honey_pot { background-position: -580px -380px; } -.emoji-horse { background-position: -580px -400px; } -.emoji-horse_racing { background-position: -580px -420px; } -.emoji-horse_racing_tone1 { background-position: -580px -440px; } -.emoji-horse_racing_tone2 { background-position: -580px -460px; } -.emoji-horse_racing_tone3 { background-position: -580px -480px; } -.emoji-horse_racing_tone4 { background-position: -580px -500px; } -.emoji-horse_racing_tone5 { background-position: -580px -520px; } -.emoji-hospital { background-position: -580px -540px; } -.emoji-hot_pepper { background-position: -580px -560px; } -.emoji-hotdog { background-position: 0 -580px; } -.emoji-hotel { background-position: -20px -580px; } -.emoji-hotsprings { background-position: -40px -580px; } -.emoji-hourglass { background-position: -60px -580px; } -.emoji-hourglass_flowing_sand { background-position: -80px -580px; } -.emoji-house { background-position: -100px -580px; } -.emoji-house_abandoned { background-position: -120px -580px; } -.emoji-house_with_garden { background-position: -140px -580px; } -.emoji-hugging { background-position: -160px -580px; } -.emoji-hushed { background-position: -180px -580px; } -.emoji-ice_cream { background-position: -200px -580px; } -.emoji-ice_skate { background-position: -220px -580px; } -.emoji-icecream { background-position: -240px -580px; } -.emoji-id { background-position: -260px -580px; } -.emoji-ideograph_advantage { background-position: -280px -580px; } -.emoji-imp { background-position: -300px -580px; } -.emoji-inbox_tray { background-position: -320px -580px; } -.emoji-incoming_envelope { background-position: -340px -580px; } -.emoji-information_desk_person { background-position: -360px -580px; } -.emoji-information_desk_person_tone1 { background-position: -380px -580px; } -.emoji-information_desk_person_tone2 { background-position: -400px -580px; } -.emoji-information_desk_person_tone3 { background-position: -420px -580px; } -.emoji-information_desk_person_tone4 { background-position: -440px -580px; } -.emoji-information_desk_person_tone5 { background-position: -460px -580px; } -.emoji-information_source { background-position: -480px -580px; } -.emoji-innocent { background-position: -500px -580px; } -.emoji-interrobang { background-position: -520px -580px; } -.emoji-iphone { background-position: -540px -580px; } -.emoji-island { background-position: -560px -580px; } -.emoji-izakaya_lantern { background-position: -580px -580px; } -.emoji-jack_o_lantern { background-position: -600px 0; } -.emoji-japan { background-position: -600px -20px; } -.emoji-japanese_castle { background-position: -600px -40px; } -.emoji-japanese_goblin { background-position: -600px -60px; } -.emoji-japanese_ogre { background-position: -600px -80px; } -.emoji-jeans { background-position: -600px -100px; } -.emoji-joy { background-position: -600px -120px; } -.emoji-joy_cat { background-position: -600px -140px; } -.emoji-joystick { background-position: -600px -160px; } -.emoji-juggling { background-position: -600px -180px; } -.emoji-juggling_tone1 { background-position: -600px -200px; } -.emoji-juggling_tone2 { background-position: -600px -220px; } -.emoji-juggling_tone3 { background-position: -600px -240px; } -.emoji-juggling_tone4 { background-position: -600px -260px; } -.emoji-juggling_tone5 { background-position: -600px -280px; } -.emoji-kaaba { background-position: -600px -300px; } -.emoji-key { background-position: -600px -320px; } -.emoji-key2 { background-position: -600px -340px; } -.emoji-keyboard { background-position: -600px -360px; } -.emoji-kimono { background-position: -600px -380px; } -.emoji-kiss { background-position: -600px -400px; } -.emoji-kiss_mm { background-position: -600px -420px; } -.emoji-kiss_ww { background-position: -600px -440px; } -.emoji-kissing { background-position: -600px -460px; } -.emoji-kissing_cat { background-position: -600px -480px; } -.emoji-kissing_closed_eyes { background-position: -600px -500px; } -.emoji-kissing_heart { background-position: -600px -520px; } -.emoji-kissing_smiling_eyes { background-position: -600px -540px; } -.emoji-kiwi { background-position: -600px -560px; } -.emoji-knife { background-position: -600px -580px; } -.emoji-koala { background-position: 0 -600px; } -.emoji-koko { background-position: -20px -600px; } -.emoji-label { background-position: -40px -600px; } -.emoji-large_blue_circle { background-position: -60px -600px; } -.emoji-large_blue_diamond { background-position: -80px -600px; } -.emoji-large_orange_diamond { background-position: -100px -600px; } -.emoji-last_quarter_moon { background-position: -120px -600px; } -.emoji-last_quarter_moon_with_face { background-position: -140px -600px; } -.emoji-laughing { background-position: -160px -600px; } -.emoji-leaves { background-position: -180px -600px; } -.emoji-ledger { background-position: -200px -600px; } -.emoji-left_facing_fist { background-position: -220px -600px; } -.emoji-left_facing_fist_tone1 { background-position: -240px -600px; } -.emoji-left_facing_fist_tone2 { background-position: -260px -600px; } -.emoji-left_facing_fist_tone3 { background-position: -280px -600px; } -.emoji-left_facing_fist_tone4 { background-position: -300px -600px; } -.emoji-left_facing_fist_tone5 { background-position: -320px -600px; } -.emoji-left_luggage { background-position: -340px -600px; } -.emoji-left_right_arrow { background-position: -360px -600px; } -.emoji-leftwards_arrow_with_hook { background-position: -380px -600px; } -.emoji-lemon { background-position: -400px -600px; } -.emoji-leo { background-position: -420px -600px; } -.emoji-leopard { background-position: -440px -600px; } -.emoji-level_slider { background-position: -460px -600px; } -.emoji-levitate { background-position: -480px -600px; } -.emoji-libra { background-position: -500px -600px; } -.emoji-lifter { background-position: -520px -600px; } -.emoji-lifter_tone1 { background-position: -540px -600px; } -.emoji-lifter_tone2 { background-position: -560px -600px; } -.emoji-lifter_tone3 { background-position: -580px -600px; } -.emoji-lifter_tone4 { background-position: -600px -600px; } -.emoji-lifter_tone5 { background-position: -620px 0; } -.emoji-light_rail { background-position: -620px -20px; } -.emoji-link { background-position: -620px -40px; } -.emoji-lion_face { background-position: -620px -60px; } -.emoji-lips { background-position: -620px -80px; } -.emoji-lipstick { background-position: -620px -100px; } -.emoji-lizard { background-position: -620px -120px; } -.emoji-lock { background-position: -620px -140px; } -.emoji-lock_with_ink_pen { background-position: -620px -160px; } -.emoji-lollipop { background-position: -620px -180px; } -.emoji-loop { background-position: -620px -200px; } -.emoji-loud_sound { background-position: -620px -220px; } -.emoji-loudspeaker { background-position: -620px -240px; } -.emoji-love_hotel { background-position: -620px -260px; } -.emoji-love_letter { background-position: -620px -280px; } -.emoji-low_brightness { background-position: -620px -300px; } -.emoji-lying_face { background-position: -620px -320px; } -.emoji-m { background-position: -620px -340px; } -.emoji-mag { background-position: -620px -360px; } -.emoji-mag_right { background-position: -620px -380px; } -.emoji-mahjong { background-position: -620px -400px; } -.emoji-mailbox { background-position: -620px -420px; } -.emoji-mailbox_closed { background-position: -620px -440px; } -.emoji-mailbox_with_mail { background-position: -620px -460px; } -.emoji-mailbox_with_no_mail { background-position: -620px -480px; } -.emoji-man { background-position: -620px -500px; } -.emoji-man_dancing { background-position: -620px -520px; } -.emoji-man_dancing_tone1 { background-position: -620px -540px; } -.emoji-man_dancing_tone2 { background-position: -620px -560px; } -.emoji-man_dancing_tone3 { background-position: -620px -580px; } -.emoji-man_dancing_tone4 { background-position: -620px -600px; } -.emoji-man_dancing_tone5 { background-position: 0 -620px; } -.emoji-man_in_tuxedo { background-position: -20px -620px; } -.emoji-man_in_tuxedo_tone1 { background-position: -40px -620px; } -.emoji-man_in_tuxedo_tone2 { background-position: -60px -620px; } -.emoji-man_in_tuxedo_tone3 { background-position: -80px -620px; } -.emoji-man_in_tuxedo_tone4 { background-position: -100px -620px; } -.emoji-man_in_tuxedo_tone5 { background-position: -120px -620px; } -.emoji-man_tone1 { background-position: -140px -620px; } -.emoji-man_tone2 { background-position: -160px -620px; } -.emoji-man_tone3 { background-position: -180px -620px; } -.emoji-man_tone4 { background-position: -200px -620px; } -.emoji-man_tone5 { background-position: -220px -620px; } -.emoji-man_with_gua_pi_mao { background-position: -240px -620px; } -.emoji-man_with_gua_pi_mao_tone1 { background-position: -260px -620px; } -.emoji-man_with_gua_pi_mao_tone2 { background-position: -280px -620px; } -.emoji-man_with_gua_pi_mao_tone3 { background-position: -300px -620px; } -.emoji-man_with_gua_pi_mao_tone4 { background-position: -320px -620px; } -.emoji-man_with_gua_pi_mao_tone5 { background-position: -340px -620px; } -.emoji-man_with_turban { background-position: -360px -620px; } -.emoji-man_with_turban_tone1 { background-position: -380px -620px; } -.emoji-man_with_turban_tone2 { background-position: -400px -620px; } -.emoji-man_with_turban_tone3 { background-position: -420px -620px; } -.emoji-man_with_turban_tone4 { background-position: -440px -620px; } -.emoji-man_with_turban_tone5 { background-position: -460px -620px; } -.emoji-mans_shoe { background-position: -480px -620px; } -.emoji-map { background-position: -500px -620px; } -.emoji-maple_leaf { background-position: -520px -620px; } -.emoji-martial_arts_uniform { background-position: -540px -620px; } -.emoji-mask { background-position: -560px -620px; } -.emoji-massage { background-position: -580px -620px; } -.emoji-massage_tone1 { background-position: -600px -620px; } -.emoji-massage_tone2 { background-position: -620px -620px; } -.emoji-massage_tone3 { background-position: -640px 0; } -.emoji-massage_tone4 { background-position: -640px -20px; } -.emoji-massage_tone5 { background-position: -640px -40px; } -.emoji-meat_on_bone { background-position: -640px -60px; } -.emoji-medal { background-position: -640px -80px; } -.emoji-mega { background-position: -640px -100px; } -.emoji-melon { background-position: -640px -120px; } -.emoji-menorah { background-position: -640px -140px; } -.emoji-mens { background-position: -640px -160px; } -.emoji-metal { background-position: -640px -180px; } -.emoji-metal_tone1 { background-position: -640px -200px; } -.emoji-metal_tone2 { background-position: -640px -220px; } -.emoji-metal_tone3 { background-position: -640px -240px; } -.emoji-metal_tone4 { background-position: -640px -260px; } -.emoji-metal_tone5 { background-position: -640px -280px; } -.emoji-metro { background-position: -640px -300px; } -.emoji-microphone { background-position: -640px -320px; } -.emoji-microphone2 { background-position: -640px -340px; } -.emoji-microscope { background-position: -640px -360px; } -.emoji-middle_finger { background-position: -640px -380px; } -.emoji-middle_finger_tone1 { background-position: -640px -400px; } -.emoji-middle_finger_tone2 { background-position: -640px -420px; } -.emoji-middle_finger_tone3 { background-position: -640px -440px; } -.emoji-middle_finger_tone4 { background-position: -640px -460px; } -.emoji-middle_finger_tone5 { background-position: -640px -480px; } -.emoji-military_medal { background-position: -640px -500px; } -.emoji-milk { background-position: -640px -520px; } -.emoji-milky_way { background-position: -640px -540px; } -.emoji-minibus { background-position: -640px -560px; } -.emoji-minidisc { background-position: -640px -580px; } -.emoji-mobile_phone_off { background-position: -640px -600px; } -.emoji-money_mouth { background-position: -640px -620px; } -.emoji-money_with_wings { background-position: 0 -640px; } -.emoji-moneybag { background-position: -20px -640px; } -.emoji-monkey { background-position: -40px -640px; } -.emoji-monkey_face { background-position: -60px -640px; } -.emoji-monorail { background-position: -80px -640px; } -.emoji-mortar_board { background-position: -100px -640px; } -.emoji-mosque { background-position: -120px -640px; } -.emoji-motor_scooter { background-position: -140px -640px; } -.emoji-motorboat { background-position: -160px -640px; } -.emoji-motorcycle { background-position: -180px -640px; } -.emoji-motorway { background-position: -200px -640px; } -.emoji-mount_fuji { background-position: -220px -640px; } -.emoji-mountain { background-position: -240px -640px; } -.emoji-mountain_bicyclist { background-position: -260px -640px; } -.emoji-mountain_bicyclist_tone1 { background-position: -280px -640px; } -.emoji-mountain_bicyclist_tone2 { background-position: -300px -640px; } -.emoji-mountain_bicyclist_tone3 { background-position: -320px -640px; } -.emoji-mountain_bicyclist_tone4 { background-position: -340px -640px; } -.emoji-mountain_bicyclist_tone5 { background-position: -360px -640px; } -.emoji-mountain_cableway { background-position: -380px -640px; } -.emoji-mountain_railway { background-position: -400px -640px; } -.emoji-mountain_snow { background-position: -420px -640px; } -.emoji-mouse { background-position: -440px -640px; } -.emoji-mouse2 { background-position: -460px -640px; } -.emoji-mouse_three_button { background-position: -480px -640px; } -.emoji-movie_camera { background-position: -500px -640px; } -.emoji-moyai { background-position: -520px -640px; } -.emoji-mrs_claus { background-position: -540px -640px; } -.emoji-mrs_claus_tone1 { background-position: -560px -640px; } -.emoji-mrs_claus_tone2 { background-position: -580px -640px; } -.emoji-mrs_claus_tone3 { background-position: -600px -640px; } -.emoji-mrs_claus_tone4 { background-position: -620px -640px; } -.emoji-mrs_claus_tone5 { background-position: -640px -640px; } -.emoji-muscle { background-position: -660px 0; } -.emoji-muscle_tone1 { background-position: -660px -20px; } -.emoji-muscle_tone2 { background-position: -660px -40px; } -.emoji-muscle_tone3 { background-position: -660px -60px; } -.emoji-muscle_tone4 { background-position: -660px -80px; } -.emoji-muscle_tone5 { background-position: -660px -100px; } -.emoji-mushroom { background-position: -660px -120px; } -.emoji-musical_keyboard { background-position: -660px -140px; } -.emoji-musical_note { background-position: -660px -160px; } -.emoji-musical_score { background-position: -660px -180px; } -.emoji-mute { background-position: -660px -200px; } -.emoji-nail_care { background-position: -660px -220px; } -.emoji-nail_care_tone1 { background-position: -660px -240px; } -.emoji-nail_care_tone2 { background-position: -660px -260px; } -.emoji-nail_care_tone3 { background-position: -660px -280px; } -.emoji-nail_care_tone4 { background-position: -660px -300px; } -.emoji-nail_care_tone5 { background-position: -660px -320px; } -.emoji-name_badge { background-position: -660px -340px; } -.emoji-nauseated_face { background-position: -660px -360px; } -.emoji-necktie { background-position: -660px -380px; } -.emoji-negative_squared_cross_mark { background-position: -660px -400px; } -.emoji-nerd { background-position: -660px -420px; } -.emoji-neutral_face { background-position: -660px -440px; } -.emoji-new { background-position: -660px -460px; } -.emoji-new_moon { background-position: -660px -480px; } -.emoji-new_moon_with_face { background-position: -660px -500px; } -.emoji-newspaper { background-position: -660px -520px; } -.emoji-newspaper2 { background-position: -660px -540px; } -.emoji-ng { background-position: -660px -560px; } -.emoji-night_with_stars { background-position: -660px -580px; } -.emoji-nine { background-position: -660px -600px; } -.emoji-no_bell { background-position: -660px -620px; } -.emoji-no_bicycles { background-position: -660px -640px; } -.emoji-no_entry { background-position: 0 -660px; } -.emoji-no_entry_sign { background-position: -20px -660px; } -.emoji-no_good { background-position: -40px -660px; } -.emoji-no_good_tone1 { background-position: -60px -660px; } -.emoji-no_good_tone2 { background-position: -80px -660px; } -.emoji-no_good_tone3 { background-position: -100px -660px; } -.emoji-no_good_tone4 { background-position: -120px -660px; } -.emoji-no_good_tone5 { background-position: -140px -660px; } -.emoji-no_mobile_phones { background-position: -160px -660px; } -.emoji-no_mouth { background-position: -180px -660px; } -.emoji-no_pedestrians { background-position: -200px -660px; } -.emoji-no_smoking { background-position: -220px -660px; } -.emoji-non-potable_water { background-position: -240px -660px; } -.emoji-nose { background-position: -260px -660px; } -.emoji-nose_tone1 { background-position: -280px -660px; } -.emoji-nose_tone2 { background-position: -300px -660px; } -.emoji-nose_tone3 { background-position: -320px -660px; } -.emoji-nose_tone4 { background-position: -340px -660px; } -.emoji-nose_tone5 { background-position: -360px -660px; } -.emoji-notebook { background-position: -380px -660px; } -.emoji-notebook_with_decorative_cover { background-position: -400px -660px; } -.emoji-notepad_spiral { background-position: -420px -660px; } -.emoji-notes { background-position: -440px -660px; } -.emoji-nut_and_bolt { background-position: -460px -660px; } -.emoji-o { background-position: -480px -660px; } -.emoji-o2 { background-position: -500px -660px; } -.emoji-ocean { background-position: -520px -660px; } -.emoji-octagonal_sign { background-position: -540px -660px; } -.emoji-octopus { background-position: -560px -660px; } -.emoji-oden { background-position: -580px -660px; } -.emoji-office { background-position: -600px -660px; } -.emoji-oil { background-position: -620px -660px; } -.emoji-ok { background-position: -640px -660px; } -.emoji-ok_hand { background-position: -660px -660px; } -.emoji-ok_hand_tone1 { background-position: -680px 0; } -.emoji-ok_hand_tone2 { background-position: -680px -20px; } -.emoji-ok_hand_tone3 { background-position: -680px -40px; } -.emoji-ok_hand_tone4 { background-position: -680px -60px; } -.emoji-ok_hand_tone5 { background-position: -680px -80px; } -.emoji-ok_woman { background-position: -680px -100px; } -.emoji-ok_woman_tone1 { background-position: -680px -120px; } -.emoji-ok_woman_tone2 { background-position: -680px -140px; } -.emoji-ok_woman_tone3 { background-position: -680px -160px; } -.emoji-ok_woman_tone4 { background-position: -680px -180px; } -.emoji-ok_woman_tone5 { background-position: -680px -200px; } -.emoji-older_man { background-position: -680px -220px; } -.emoji-older_man_tone1 { background-position: -680px -240px; } -.emoji-older_man_tone2 { background-position: -680px -260px; } -.emoji-older_man_tone3 { background-position: -680px -280px; } -.emoji-older_man_tone4 { background-position: -680px -300px; } -.emoji-older_man_tone5 { background-position: -680px -320px; } -.emoji-older_woman { background-position: -680px -340px; } -.emoji-older_woman_tone1 { background-position: -680px -360px; } -.emoji-older_woman_tone2 { background-position: -680px -380px; } -.emoji-older_woman_tone3 { background-position: -680px -400px; } -.emoji-older_woman_tone4 { background-position: -680px -420px; } -.emoji-older_woman_tone5 { background-position: -680px -440px; } -.emoji-om_symbol { background-position: -680px -460px; } -.emoji-on { background-position: -680px -480px; } -.emoji-oncoming_automobile { background-position: -680px -500px; } -.emoji-oncoming_bus { background-position: -680px -520px; } -.emoji-oncoming_police_car { background-position: -680px -540px; } -.emoji-oncoming_taxi { background-position: -680px -560px; } -.emoji-one { background-position: -680px -580px; } -.emoji-open_file_folder { background-position: -680px -600px; } -.emoji-open_hands { background-position: -680px -620px; } -.emoji-open_hands_tone1 { background-position: -680px -640px; } -.emoji-open_hands_tone2 { background-position: -680px -660px; } -.emoji-open_hands_tone3 { background-position: 0 -680px; } -.emoji-open_hands_tone4 { background-position: -20px -680px; } -.emoji-open_hands_tone5 { background-position: -40px -680px; } -.emoji-open_mouth { background-position: -60px -680px; } -.emoji-ophiuchus { background-position: -80px -680px; } -.emoji-orange_book { background-position: -100px -680px; } -.emoji-orthodox_cross { background-position: -120px -680px; } -.emoji-outbox_tray { background-position: -140px -680px; } -.emoji-owl { background-position: -160px -680px; } -.emoji-ox { background-position: -180px -680px; } -.emoji-package { background-position: -200px -680px; } -.emoji-page_facing_up { background-position: -220px -680px; } -.emoji-page_with_curl { background-position: -240px -680px; } -.emoji-pager { background-position: -260px -680px; } -.emoji-paintbrush { background-position: -280px -680px; } -.emoji-palm_tree { background-position: -300px -680px; } -.emoji-pancakes { background-position: -320px -680px; } -.emoji-panda_face { background-position: -340px -680px; } -.emoji-paperclip { background-position: -360px -680px; } -.emoji-paperclips { background-position: -380px -680px; } -.emoji-park { background-position: -400px -680px; } -.emoji-parking { background-position: -420px -680px; } -.emoji-part_alternation_mark { background-position: -440px -680px; } -.emoji-partly_sunny { background-position: -460px -680px; } -.emoji-passport_control { background-position: -480px -680px; } -.emoji-pause_button { background-position: -500px -680px; } -.emoji-peace { background-position: -520px -680px; } -.emoji-peach { background-position: -540px -680px; } -.emoji-peanuts { background-position: -560px -680px; } -.emoji-pear { background-position: -580px -680px; } -.emoji-pen_ballpoint { background-position: -600px -680px; } -.emoji-pen_fountain { background-position: -620px -680px; } -.emoji-pencil { background-position: -640px -680px; } -.emoji-pencil2 { background-position: -660px -680px; } -.emoji-penguin { background-position: -680px -680px; } -.emoji-pensive { background-position: -700px 0; } -.emoji-performing_arts { background-position: -700px -20px; } -.emoji-persevere { background-position: -700px -40px; } -.emoji-person_frowning { background-position: -700px -60px; } -.emoji-person_frowning_tone1 { background-position: -700px -80px; } -.emoji-person_frowning_tone2 { background-position: -700px -100px; } -.emoji-person_frowning_tone3 { background-position: -700px -120px; } -.emoji-person_frowning_tone4 { background-position: -700px -140px; } -.emoji-person_frowning_tone5 { background-position: -700px -160px; } -.emoji-person_with_blond_hair { background-position: -700px -180px; } -.emoji-person_with_blond_hair_tone1 { background-position: -700px -200px; } -.emoji-person_with_blond_hair_tone2 { background-position: -700px -220px; } -.emoji-person_with_blond_hair_tone3 { background-position: -700px -240px; } -.emoji-person_with_blond_hair_tone4 { background-position: -700px -260px; } -.emoji-person_with_blond_hair_tone5 { background-position: -700px -280px; } -.emoji-person_with_pouting_face { background-position: -700px -300px; } -.emoji-person_with_pouting_face_tone1 { background-position: -700px -320px; } -.emoji-person_with_pouting_face_tone2 { background-position: -700px -340px; } -.emoji-person_with_pouting_face_tone3 { background-position: -700px -360px; } -.emoji-person_with_pouting_face_tone4 { background-position: -700px -380px; } -.emoji-person_with_pouting_face_tone5 { background-position: -700px -400px; } -.emoji-pick { background-position: -700px -420px; } -.emoji-pig { background-position: -700px -440px; } -.emoji-pig2 { background-position: -700px -460px; } -.emoji-pig_nose { background-position: -700px -480px; } -.emoji-pill { background-position: -700px -500px; } -.emoji-pineapple { background-position: -700px -520px; } -.emoji-ping_pong { background-position: -700px -540px; } -.emoji-pisces { background-position: -700px -560px; } -.emoji-pizza { background-position: -700px -580px; } -.emoji-place_of_worship { background-position: -700px -600px; } -.emoji-play_pause { background-position: -700px -620px; } -.emoji-point_down { background-position: -700px -640px; } -.emoji-point_down_tone1 { background-position: -700px -660px; } -.emoji-point_down_tone2 { background-position: -700px -680px; } -.emoji-point_down_tone3 { background-position: 0 -700px; } -.emoji-point_down_tone4 { background-position: -20px -700px; } -.emoji-point_down_tone5 { background-position: -40px -700px; } -.emoji-point_left { background-position: -60px -700px; } -.emoji-point_left_tone1 { background-position: -80px -700px; } -.emoji-point_left_tone2 { background-position: -100px -700px; } -.emoji-point_left_tone3 { background-position: -120px -700px; } -.emoji-point_left_tone4 { background-position: -140px -700px; } -.emoji-point_left_tone5 { background-position: -160px -700px; } -.emoji-point_right { background-position: -180px -700px; } -.emoji-point_right_tone1 { background-position: -200px -700px; } -.emoji-point_right_tone2 { background-position: -220px -700px; } -.emoji-point_right_tone3 { background-position: -240px -700px; } -.emoji-point_right_tone4 { background-position: -260px -700px; } -.emoji-point_right_tone5 { background-position: -280px -700px; } -.emoji-point_up { background-position: -300px -700px; } -.emoji-point_up_2 { background-position: -320px -700px; } -.emoji-point_up_2_tone1 { background-position: -340px -700px; } -.emoji-point_up_2_tone2 { background-position: -360px -700px; } -.emoji-point_up_2_tone3 { background-position: -380px -700px; } -.emoji-point_up_2_tone4 { background-position: -400px -700px; } -.emoji-point_up_2_tone5 { background-position: -420px -700px; } -.emoji-point_up_tone1 { background-position: -440px -700px; } -.emoji-point_up_tone2 { background-position: -460px -700px; } -.emoji-point_up_tone3 { background-position: -480px -700px; } -.emoji-point_up_tone4 { background-position: -500px -700px; } -.emoji-point_up_tone5 { background-position: -520px -700px; } -.emoji-police_car { background-position: -540px -700px; } -.emoji-poodle { background-position: -560px -700px; } -.emoji-poop { background-position: -580px -700px; } -.emoji-popcorn { background-position: -600px -700px; } -.emoji-post_office { background-position: -620px -700px; } -.emoji-postal_horn { background-position: -640px -700px; } -.emoji-postbox { background-position: -660px -700px; } -.emoji-potable_water { background-position: -680px -700px; } -.emoji-potato { background-position: -700px -700px; } -.emoji-pouch { background-position: -720px 0; } -.emoji-poultry_leg { background-position: -720px -20px; } -.emoji-pound { background-position: -720px -40px; } -.emoji-pouting_cat { background-position: -720px -60px; } -.emoji-pray { background-position: -720px -80px; } -.emoji-pray_tone1 { background-position: -720px -100px; } -.emoji-pray_tone2 { background-position: -720px -120px; } -.emoji-pray_tone3 { background-position: -720px -140px; } -.emoji-pray_tone4 { background-position: -720px -160px; } -.emoji-pray_tone5 { background-position: -720px -180px; } -.emoji-prayer_beads { background-position: -720px -200px; } -.emoji-pregnant_woman { background-position: -720px -220px; } -.emoji-pregnant_woman_tone1 { background-position: -720px -240px; } -.emoji-pregnant_woman_tone2 { background-position: -720px -260px; } -.emoji-pregnant_woman_tone3 { background-position: -720px -280px; } -.emoji-pregnant_woman_tone4 { background-position: -720px -300px; } -.emoji-pregnant_woman_tone5 { background-position: -720px -320px; } -.emoji-prince { background-position: -720px -340px; } -.emoji-prince_tone1 { background-position: -720px -360px; } -.emoji-prince_tone2 { background-position: -720px -380px; } -.emoji-prince_tone3 { background-position: -720px -400px; } -.emoji-prince_tone4 { background-position: -720px -420px; } -.emoji-prince_tone5 { background-position: -720px -440px; } -.emoji-princess { background-position: -720px -460px; } -.emoji-princess_tone1 { background-position: -720px -480px; } -.emoji-princess_tone2 { background-position: -720px -500px; } -.emoji-princess_tone3 { background-position: -720px -520px; } -.emoji-princess_tone4 { background-position: -720px -540px; } -.emoji-princess_tone5 { background-position: -720px -560px; } -.emoji-printer { background-position: -720px -580px; } -.emoji-projector { background-position: -720px -600px; } -.emoji-punch { background-position: -720px -620px; } -.emoji-punch_tone1 { background-position: -720px -640px; } -.emoji-punch_tone2 { background-position: -720px -660px; } -.emoji-punch_tone3 { background-position: -720px -680px; } -.emoji-punch_tone4 { background-position: -720px -700px; } -.emoji-punch_tone5 { background-position: 0 -720px; } -.emoji-purple_heart { background-position: -20px -720px; } -.emoji-purse { background-position: -40px -720px; } -.emoji-pushpin { background-position: -60px -720px; } -.emoji-put_litter_in_its_place { background-position: -80px -720px; } -.emoji-question { background-position: -100px -720px; } -.emoji-rabbit { background-position: -120px -720px; } -.emoji-rabbit2 { background-position: -140px -720px; } -.emoji-race_car { background-position: -160px -720px; } -.emoji-racehorse { background-position: -180px -720px; } -.emoji-radio { background-position: -200px -720px; } -.emoji-radio_button { background-position: -220px -720px; } -.emoji-radioactive { background-position: -240px -720px; } -.emoji-rage { background-position: -260px -720px; } -.emoji-railway_car { background-position: -280px -720px; } -.emoji-railway_track { background-position: -300px -720px; } -.emoji-rainbow { background-position: -320px -720px; } -.emoji-raised_back_of_hand { background-position: -340px -720px; } -.emoji-raised_back_of_hand_tone1 { background-position: -360px -720px; } -.emoji-raised_back_of_hand_tone2 { background-position: -380px -720px; } -.emoji-raised_back_of_hand_tone3 { background-position: -400px -720px; } -.emoji-raised_back_of_hand_tone4 { background-position: -420px -720px; } -.emoji-raised_back_of_hand_tone5 { background-position: -440px -720px; } -.emoji-raised_hand { background-position: -460px -720px; } -.emoji-raised_hand_tone1 { background-position: -480px -720px; } -.emoji-raised_hand_tone2 { background-position: -500px -720px; } -.emoji-raised_hand_tone3 { background-position: -520px -720px; } -.emoji-raised_hand_tone4 { background-position: -540px -720px; } -.emoji-raised_hand_tone5 { background-position: -560px -720px; } -.emoji-raised_hands { background-position: -580px -720px; } -.emoji-raised_hands_tone1 { background-position: -600px -720px; } -.emoji-raised_hands_tone2 { background-position: -620px -720px; } -.emoji-raised_hands_tone3 { background-position: -640px -720px; } -.emoji-raised_hands_tone4 { background-position: -660px -720px; } -.emoji-raised_hands_tone5 { background-position: -680px -720px; } -.emoji-raising_hand { background-position: -700px -720px; } -.emoji-raising_hand_tone1 { background-position: -720px -720px; } -.emoji-raising_hand_tone2 { background-position: -740px 0; } -.emoji-raising_hand_tone3 { background-position: -740px -20px; } -.emoji-raising_hand_tone4 { background-position: -740px -40px; } -.emoji-raising_hand_tone5 { background-position: -740px -60px; } -.emoji-ram { background-position: -740px -80px; } -.emoji-ramen { background-position: -740px -100px; } -.emoji-rat { background-position: -740px -120px; } -.emoji-record_button { background-position: -740px -140px; } -.emoji-recycle { background-position: -740px -160px; } -.emoji-red_car { background-position: -740px -180px; } -.emoji-red_circle { background-position: -740px -200px; } -.emoji-registered { background-position: -740px -220px; } -.emoji-relaxed { background-position: -740px -240px; } -.emoji-relieved { background-position: -740px -260px; } -.emoji-reminder_ribbon { background-position: -740px -280px; } -.emoji-repeat { background-position: -740px -300px; } -.emoji-repeat_one { background-position: -740px -320px; } -.emoji-restroom { background-position: -740px -340px; } -.emoji-revolving_hearts { background-position: -740px -360px; } -.emoji-rewind { background-position: -740px -380px; } -.emoji-rhino { background-position: -740px -400px; } -.emoji-ribbon { background-position: -740px -420px; } -.emoji-rice { background-position: -740px -440px; } -.emoji-rice_ball { background-position: -740px -460px; } -.emoji-rice_cracker { background-position: -740px -480px; } -.emoji-rice_scene { background-position: -740px -500px; } -.emoji-right_facing_fist { background-position: -740px -520px; } -.emoji-right_facing_fist_tone1 { background-position: -740px -540px; } -.emoji-right_facing_fist_tone2 { background-position: -740px -560px; } -.emoji-right_facing_fist_tone3 { background-position: -740px -580px; } -.emoji-right_facing_fist_tone4 { background-position: -740px -600px; } -.emoji-right_facing_fist_tone5 { background-position: -740px -620px; } -.emoji-ring { background-position: -740px -640px; } -.emoji-robot { background-position: -740px -660px; } -.emoji-rocket { background-position: -740px -680px; } -.emoji-rofl { background-position: -740px -700px; } -.emoji-roller_coaster { background-position: -740px -720px; } -.emoji-rolling_eyes { background-position: 0 -740px; } -.emoji-rooster { background-position: -20px -740px; } -.emoji-rose { background-position: -40px -740px; } -.emoji-rosette { background-position: -60px -740px; } -.emoji-rotating_light { background-position: -80px -740px; } -.emoji-round_pushpin { background-position: -100px -740px; } -.emoji-rowboat { background-position: -120px -740px; } -.emoji-rowboat_tone1 { background-position: -140px -740px; } -.emoji-rowboat_tone2 { background-position: -160px -740px; } -.emoji-rowboat_tone3 { background-position: -180px -740px; } -.emoji-rowboat_tone4 { background-position: -200px -740px; } -.emoji-rowboat_tone5 { background-position: -220px -740px; } -.emoji-rugby_football { background-position: -240px -740px; } -.emoji-runner { background-position: -260px -740px; } -.emoji-runner_tone1 { background-position: -280px -740px; } -.emoji-runner_tone2 { background-position: -300px -740px; } -.emoji-runner_tone3 { background-position: -320px -740px; } -.emoji-runner_tone4 { background-position: -340px -740px; } -.emoji-runner_tone5 { background-position: -360px -740px; } -.emoji-running_shirt_with_sash { background-position: -380px -740px; } -.emoji-sa { background-position: -400px -740px; } -.emoji-sagittarius { background-position: -420px -740px; } -.emoji-sailboat { background-position: -440px -740px; } -.emoji-sake { background-position: -460px -740px; } -.emoji-salad { background-position: -480px -740px; } -.emoji-sandal { background-position: -500px -740px; } -.emoji-santa { background-position: -520px -740px; } -.emoji-santa_tone1 { background-position: -540px -740px; } -.emoji-santa_tone2 { background-position: -560px -740px; } -.emoji-santa_tone3 { background-position: -580px -740px; } -.emoji-santa_tone4 { background-position: -600px -740px; } -.emoji-santa_tone5 { background-position: -620px -740px; } -.emoji-satellite { background-position: -640px -740px; } -.emoji-satellite_orbital { background-position: -660px -740px; } -.emoji-saxophone { background-position: -680px -740px; } -.emoji-scales { background-position: -700px -740px; } -.emoji-school { background-position: -720px -740px; } -.emoji-school_satchel { background-position: -740px -740px; } -.emoji-scissors { background-position: -760px 0; } -.emoji-scooter { background-position: -760px -20px; } -.emoji-scorpion { background-position: -760px -40px; } -.emoji-scorpius { background-position: -760px -60px; } -.emoji-scream { background-position: -760px -80px; } -.emoji-scream_cat { background-position: -760px -100px; } -.emoji-scroll { background-position: -760px -120px; } -.emoji-seat { background-position: -760px -140px; } -.emoji-second_place { background-position: -760px -160px; } -.emoji-secret { background-position: -760px -180px; } -.emoji-see_no_evil { background-position: -760px -200px; } -.emoji-seedling { background-position: -760px -220px; } -.emoji-selfie { background-position: -760px -240px; } -.emoji-selfie_tone1 { background-position: -760px -260px; } -.emoji-selfie_tone2 { background-position: -760px -280px; } -.emoji-selfie_tone3 { background-position: -760px -300px; } -.emoji-selfie_tone4 { background-position: -760px -320px; } -.emoji-selfie_tone5 { background-position: -760px -340px; } -.emoji-seven { background-position: -760px -360px; } -.emoji-shallow_pan_of_food { background-position: -760px -380px; } -.emoji-shamrock { background-position: -760px -400px; } -.emoji-shark { background-position: -760px -420px; } -.emoji-shaved_ice { background-position: -760px -440px; } -.emoji-sheep { background-position: -760px -460px; } -.emoji-shell { background-position: -760px -480px; } -.emoji-shield { background-position: -760px -500px; } -.emoji-shinto_shrine { background-position: -760px -520px; } -.emoji-ship { background-position: -760px -540px; } -.emoji-shirt { background-position: -760px -560px; } -.emoji-shopping_bags { background-position: -760px -580px; } -.emoji-shopping_cart { background-position: -760px -600px; } -.emoji-shower { background-position: -760px -620px; } -.emoji-shrimp { background-position: -760px -640px; } -.emoji-shrug { background-position: -760px -660px; } -.emoji-shrug_tone1 { background-position: -760px -680px; } -.emoji-shrug_tone2 { background-position: -760px -700px; } -.emoji-shrug_tone3 { background-position: -760px -720px; } -.emoji-shrug_tone4 { background-position: -760px -740px; } -.emoji-shrug_tone5 { background-position: 0 -760px; } -.emoji-signal_strength { background-position: -20px -760px; } -.emoji-six { background-position: -40px -760px; } -.emoji-six_pointed_star { background-position: -60px -760px; } -.emoji-ski { background-position: -80px -760px; } -.emoji-skier { background-position: -100px -760px; } -.emoji-skull { background-position: -120px -760px; } -.emoji-skull_crossbones { background-position: -140px -760px; } -.emoji-sleeping { background-position: -160px -760px; } -.emoji-sleeping_accommodation { background-position: -180px -760px; } -.emoji-sleepy { background-position: -200px -760px; } -.emoji-slight_frown { background-position: -220px -760px; } -.emoji-slight_smile { background-position: -240px -760px; } -.emoji-slot_machine { background-position: -260px -760px; } -.emoji-small_blue_diamond { background-position: -280px -760px; } -.emoji-small_orange_diamond { background-position: -300px -760px; } -.emoji-small_red_triangle { background-position: -320px -760px; } -.emoji-small_red_triangle_down { background-position: -340px -760px; } -.emoji-smile { background-position: -360px -760px; } -.emoji-smile_cat { background-position: -380px -760px; } -.emoji-smiley { background-position: -400px -760px; } -.emoji-smiley_cat { background-position: -420px -760px; } -.emoji-smiling_imp { background-position: -440px -760px; } -.emoji-smirk { background-position: -460px -760px; } -.emoji-smirk_cat { background-position: -480px -760px; } -.emoji-smoking { background-position: -500px -760px; } -.emoji-snail { background-position: -520px -760px; } -.emoji-snake { background-position: -540px -760px; } -.emoji-sneezing_face { background-position: -560px -760px; } -.emoji-snowboarder { background-position: -580px -760px; } -.emoji-snowflake { background-position: -600px -760px; } -.emoji-snowman { background-position: -620px -760px; } -.emoji-snowman2 { background-position: -640px -760px; } -.emoji-sob { background-position: -660px -760px; } -.emoji-soccer { background-position: -680px -760px; } -.emoji-soon { background-position: -700px -760px; } -.emoji-sos { background-position: -720px -760px; } -.emoji-sound { background-position: -740px -760px; } -.emoji-space_invader { background-position: -760px -760px; } -.emoji-spades { background-position: -780px 0; } -.emoji-spaghetti { background-position: -780px -20px; } -.emoji-sparkle { background-position: -780px -40px; } -.emoji-sparkler { background-position: -780px -60px; } -.emoji-sparkles { background-position: -780px -80px; } -.emoji-sparkling_heart { background-position: -780px -100px; } -.emoji-speak_no_evil { background-position: -780px -120px; } -.emoji-speaker { background-position: -780px -140px; } -.emoji-speaking_head { background-position: -780px -160px; } -.emoji-speech_balloon { background-position: -780px -180px; } -.emoji-speedboat { background-position: -780px -200px; } -.emoji-spider { background-position: -780px -220px; } -.emoji-spider_web { background-position: -780px -240px; } -.emoji-spoon { background-position: -780px -260px; } -.emoji-spy { background-position: -780px -280px; } -.emoji-spy_tone1 { background-position: -780px -300px; } -.emoji-spy_tone2 { background-position: -780px -320px; } -.emoji-spy_tone3 { background-position: -780px -340px; } -.emoji-spy_tone4 { background-position: -780px -360px; } -.emoji-spy_tone5 { background-position: -780px -380px; } -.emoji-squid { background-position: -780px -400px; } -.emoji-stadium { background-position: -780px -420px; } -.emoji-star { background-position: -780px -440px; } -.emoji-star2 { background-position: -780px -460px; } -.emoji-star_and_crescent { background-position: -780px -480px; } -.emoji-star_of_david { background-position: -780px -500px; } -.emoji-stars { background-position: -780px -520px; } -.emoji-station { background-position: -780px -540px; } -.emoji-statue_of_liberty { background-position: -780px -560px; } -.emoji-steam_locomotive { background-position: -780px -580px; } -.emoji-stew { background-position: -780px -600px; } -.emoji-stop_button { background-position: -780px -620px; } -.emoji-stopwatch { background-position: -780px -640px; } -.emoji-straight_ruler { background-position: -780px -660px; } -.emoji-strawberry { background-position: -780px -680px; } -.emoji-stuck_out_tongue { background-position: -780px -700px; } -.emoji-stuck_out_tongue_closed_eyes { background-position: -780px -720px; } -.emoji-stuck_out_tongue_winking_eye { background-position: -780px -740px; } -.emoji-stuffed_flatbread { background-position: -780px -760px; } -.emoji-sun_with_face { background-position: 0 -780px; } -.emoji-sunflower { background-position: -20px -780px; } -.emoji-sunglasses { background-position: -40px -780px; } -.emoji-sunny { background-position: -60px -780px; } -.emoji-sunrise { background-position: -80px -780px; } -.emoji-sunrise_over_mountains { background-position: -100px -780px; } -.emoji-surfer { background-position: -120px -780px; } -.emoji-surfer_tone1 { background-position: -140px -780px; } -.emoji-surfer_tone2 { background-position: -160px -780px; } -.emoji-surfer_tone3 { background-position: -180px -780px; } -.emoji-surfer_tone4 { background-position: -200px -780px; } -.emoji-surfer_tone5 { background-position: -220px -780px; } -.emoji-sushi { background-position: -240px -780px; } -.emoji-suspension_railway { background-position: -260px -780px; } -.emoji-sweat { background-position: -280px -780px; } -.emoji-sweat_drops { background-position: -300px -780px; } -.emoji-sweat_smile { background-position: -320px -780px; } -.emoji-sweet_potato { background-position: -340px -780px; } -.emoji-swimmer { background-position: -360px -780px; } -.emoji-swimmer_tone1 { background-position: -380px -780px; } -.emoji-swimmer_tone2 { background-position: -400px -780px; } -.emoji-swimmer_tone3 { background-position: -420px -780px; } -.emoji-swimmer_tone4 { background-position: -440px -780px; } -.emoji-swimmer_tone5 { background-position: -460px -780px; } -.emoji-symbols { background-position: -480px -780px; } -.emoji-synagogue { background-position: -500px -780px; } -.emoji-syringe { background-position: -520px -780px; } -.emoji-taco { background-position: -540px -780px; } -.emoji-tada { background-position: -560px -780px; } -.emoji-tanabata_tree { background-position: -580px -780px; } -.emoji-tangerine { background-position: -600px -780px; } -.emoji-taurus { background-position: -620px -780px; } -.emoji-taxi { background-position: -640px -780px; } -.emoji-tea { background-position: -660px -780px; } -.emoji-telephone { background-position: -680px -780px; } -.emoji-telephone_receiver { background-position: -700px -780px; } -.emoji-telescope { background-position: -720px -780px; } -.emoji-ten { background-position: -740px -780px; } -.emoji-tennis { background-position: -760px -780px; } -.emoji-tent { background-position: -780px -780px; } -.emoji-thermometer { background-position: -800px 0; } -.emoji-thermometer_face { background-position: -800px -20px; } -.emoji-thinking { background-position: -800px -40px; } -.emoji-third_place { background-position: -800px -60px; } -.emoji-thought_balloon { background-position: -800px -80px; } -.emoji-three { background-position: -800px -100px; } -.emoji-thumbsdown { background-position: -800px -120px; } -.emoji-thumbsdown_tone1 { background-position: -800px -140px; } -.emoji-thumbsdown_tone2 { background-position: -800px -160px; } -.emoji-thumbsdown_tone3 { background-position: -800px -180px; } -.emoji-thumbsdown_tone4 { background-position: -800px -200px; } -.emoji-thumbsdown_tone5 { background-position: -800px -220px; } -.emoji-thumbsup { background-position: -800px -240px; } -.emoji-thumbsup_tone1 { background-position: -800px -260px; } -.emoji-thumbsup_tone2 { background-position: -800px -280px; } -.emoji-thumbsup_tone3 { background-position: -800px -300px; } -.emoji-thumbsup_tone4 { background-position: -800px -320px; } -.emoji-thumbsup_tone5 { background-position: -800px -340px; } -.emoji-thunder_cloud_rain { background-position: -800px -360px; } -.emoji-ticket { background-position: -800px -380px; } -.emoji-tickets { background-position: -800px -400px; } -.emoji-tiger { background-position: -800px -420px; } -.emoji-tiger2 { background-position: -800px -440px; } -.emoji-timer { background-position: -800px -460px; } -.emoji-tired_face { background-position: -800px -480px; } -.emoji-tm { background-position: -800px -500px; } -.emoji-toilet { background-position: -800px -520px; } -.emoji-tokyo_tower { background-position: -800px -540px; } -.emoji-tomato { background-position: -800px -560px; } -.emoji-tone1 { background-position: -800px -580px; } -.emoji-tone2 { background-position: -800px -600px; } -.emoji-tone3 { background-position: -800px -620px; } -.emoji-tone4 { background-position: -800px -640px; } -.emoji-tone5 { background-position: -800px -660px; } -.emoji-tongue { background-position: -800px -680px; } -.emoji-tools { background-position: -800px -700px; } -.emoji-top { background-position: -800px -720px; } -.emoji-tophat { background-position: -800px -740px; } -.emoji-track_next { background-position: -800px -760px; } -.emoji-track_previous { background-position: -800px -780px; } -.emoji-trackball { background-position: 0 -800px; } -.emoji-tractor { background-position: -20px -800px; } -.emoji-traffic_light { background-position: -40px -800px; } -.emoji-train { background-position: -60px -800px; } -.emoji-train2 { background-position: -80px -800px; } -.emoji-tram { background-position: -100px -800px; } -.emoji-triangular_flag_on_post { background-position: -120px -800px; } -.emoji-triangular_ruler { background-position: -140px -800px; } -.emoji-trident { background-position: -160px -800px; } -.emoji-triumph { background-position: -180px -800px; } -.emoji-trolleybus { background-position: -200px -800px; } -.emoji-trophy { background-position: -220px -800px; } -.emoji-tropical_drink { background-position: -240px -800px; } -.emoji-tropical_fish { background-position: -260px -800px; } -.emoji-truck { background-position: -280px -800px; } -.emoji-trumpet { background-position: -300px -800px; } -.emoji-tulip { background-position: -320px -800px; } -.emoji-tumbler_glass { background-position: -340px -800px; } -.emoji-turkey { background-position: -360px -800px; } -.emoji-turtle { background-position: -380px -800px; } -.emoji-tv { background-position: -400px -800px; } -.emoji-twisted_rightwards_arrows { background-position: -420px -800px; } -.emoji-two { background-position: -440px -800px; } -.emoji-two_hearts { background-position: -460px -800px; } -.emoji-two_men_holding_hands { background-position: -480px -800px; } -.emoji-two_women_holding_hands { background-position: -500px -800px; } -.emoji-u5272 { background-position: -520px -800px; } -.emoji-u5408 { background-position: -540px -800px; } -.emoji-u55b6 { background-position: -560px -800px; } -.emoji-u6307 { background-position: -580px -800px; } -.emoji-u6708 { background-position: -600px -800px; } -.emoji-u6709 { background-position: -620px -800px; } -.emoji-u6e80 { background-position: -640px -800px; } -.emoji-u7121 { background-position: -660px -800px; } -.emoji-u7533 { background-position: -680px -800px; } -.emoji-u7981 { background-position: -700px -800px; } -.emoji-u7a7a { background-position: -720px -800px; } -.emoji-umbrella { background-position: -740px -800px; } -.emoji-umbrella2 { background-position: -760px -800px; } -.emoji-unamused { background-position: -780px -800px; } -.emoji-underage { background-position: -800px -800px; } -.emoji-unicorn { background-position: -820px 0; } -.emoji-unlock { background-position: -820px -20px; } -.emoji-up { background-position: -820px -40px; } -.emoji-upside_down { background-position: -820px -60px; } -.emoji-urn { background-position: -820px -80px; } -.emoji-v { background-position: -820px -100px; } -.emoji-v_tone1 { background-position: -820px -120px; } -.emoji-v_tone2 { background-position: -820px -140px; } -.emoji-v_tone3 { background-position: -820px -160px; } -.emoji-v_tone4 { background-position: -820px -180px; } -.emoji-v_tone5 { background-position: -820px -200px; } -.emoji-vertical_traffic_light { background-position: -820px -220px; } -.emoji-vhs { background-position: -820px -240px; } -.emoji-vibration_mode { background-position: -820px -260px; } -.emoji-video_camera { background-position: -820px -280px; } -.emoji-video_game { background-position: -820px -300px; } -.emoji-violin { background-position: -820px -320px; } -.emoji-virgo { background-position: -820px -340px; } -.emoji-volcano { background-position: -820px -360px; } -.emoji-volleyball { background-position: -820px -380px; } -.emoji-vs { background-position: -820px -400px; } -.emoji-vulcan { background-position: -820px -420px; } -.emoji-vulcan_tone1 { background-position: -820px -440px; } -.emoji-vulcan_tone2 { background-position: -820px -460px; } -.emoji-vulcan_tone3 { background-position: -820px -480px; } -.emoji-vulcan_tone4 { background-position: -820px -500px; } -.emoji-vulcan_tone5 { background-position: -820px -520px; } -.emoji-walking { background-position: -820px -540px; } -.emoji-walking_tone1 { background-position: -820px -560px; } -.emoji-walking_tone2 { background-position: -820px -580px; } -.emoji-walking_tone3 { background-position: -820px -600px; } -.emoji-walking_tone4 { background-position: -820px -620px; } -.emoji-walking_tone5 { background-position: -820px -640px; } -.emoji-waning_crescent_moon { background-position: -820px -660px; } -.emoji-waning_gibbous_moon { background-position: -820px -680px; } -.emoji-warning { background-position: -820px -700px; } -.emoji-wastebasket { background-position: -820px -720px; } -.emoji-watch { background-position: -820px -740px; } -.emoji-water_buffalo { background-position: -820px -760px; } -.emoji-water_polo { background-position: -820px -780px; } -.emoji-water_polo_tone1 { background-position: -820px -800px; } -.emoji-water_polo_tone2 { background-position: 0 -820px; } -.emoji-water_polo_tone3 { background-position: -20px -820px; } -.emoji-water_polo_tone4 { background-position: -40px -820px; } -.emoji-water_polo_tone5 { background-position: -60px -820px; } -.emoji-watermelon { background-position: -80px -820px; } -.emoji-wave { background-position: -100px -820px; } -.emoji-wave_tone1 { background-position: -120px -820px; } -.emoji-wave_tone2 { background-position: -140px -820px; } -.emoji-wave_tone3 { background-position: -160px -820px; } -.emoji-wave_tone4 { background-position: -180px -820px; } -.emoji-wave_tone5 { background-position: -200px -820px; } -.emoji-wavy_dash { background-position: -220px -820px; } -.emoji-waxing_crescent_moon { background-position: -240px -820px; } -.emoji-waxing_gibbous_moon { background-position: -260px -820px; } -.emoji-wc { background-position: -280px -820px; } -.emoji-weary { background-position: -300px -820px; } -.emoji-wedding { background-position: -320px -820px; } -.emoji-whale { background-position: -340px -820px; } -.emoji-whale2 { background-position: -360px -820px; } -.emoji-wheel_of_dharma { background-position: -380px -820px; } -.emoji-wheelchair { background-position: -400px -820px; } -.emoji-white_check_mark { background-position: -420px -820px; } -.emoji-white_circle { background-position: -440px -820px; } -.emoji-white_flower { background-position: -460px -820px; } -.emoji-white_large_square { background-position: -480px -820px; } -.emoji-white_medium_small_square { background-position: -500px -820px; } -.emoji-white_medium_square { background-position: -520px -820px; } -.emoji-white_small_square { background-position: -540px -820px; } -.emoji-white_square_button { background-position: -560px -820px; } -.emoji-white_sun_cloud { background-position: -580px -820px; } -.emoji-white_sun_rain_cloud { background-position: -600px -820px; } -.emoji-white_sun_small_cloud { background-position: -620px -820px; } -.emoji-wilted_rose { background-position: -640px -820px; } -.emoji-wind_blowing_face { background-position: -660px -820px; } -.emoji-wind_chime { background-position: -680px -820px; } -.emoji-wine_glass { background-position: -700px -820px; } -.emoji-wink { background-position: -720px -820px; } -.emoji-wolf { background-position: -740px -820px; } -.emoji-woman { background-position: -760px -820px; } -.emoji-woman_tone1 { background-position: -780px -820px; } -.emoji-woman_tone2 { background-position: -800px -820px; } -.emoji-woman_tone3 { background-position: -820px -820px; } -.emoji-woman_tone4 { background-position: -840px 0; } -.emoji-woman_tone5 { background-position: -840px -20px; } -.emoji-womans_clothes { background-position: -840px -40px; } -.emoji-womans_hat { background-position: -840px -60px; } -.emoji-womens { background-position: -840px -80px; } -.emoji-worried { background-position: -840px -100px; } -.emoji-wrench { background-position: -840px -120px; } -.emoji-wrestlers { background-position: -840px -140px; } -.emoji-wrestlers_tone1 { background-position: -840px -160px; } -.emoji-wrestlers_tone2 { background-position: -840px -180px; } -.emoji-wrestlers_tone3 { background-position: -840px -200px; } -.emoji-wrestlers_tone4 { background-position: -840px -220px; } -.emoji-wrestlers_tone5 { background-position: -840px -240px; } -.emoji-writing_hand { background-position: -840px -260px; } -.emoji-writing_hand_tone1 { background-position: -840px -280px; } -.emoji-writing_hand_tone2 { background-position: -840px -300px; } -.emoji-writing_hand_tone3 { background-position: -840px -320px; } -.emoji-writing_hand_tone4 { background-position: -840px -340px; } -.emoji-writing_hand_tone5 { background-position: -840px -360px; } -.emoji-x { background-position: -840px -380px; } -.emoji-yellow_heart { background-position: -840px -400px; } -.emoji-yen { background-position: -840px -420px; } -.emoji-yin_yang { background-position: -840px -440px; } -.emoji-yum { background-position: -840px -460px; } -.emoji-zap { background-position: -840px -480px; } -.emoji-zero { background-position: -840px -500px; } -.emoji-zipper_mouth { background-position: -840px -520px; } -.emoji-100 { background-position: -840px -540px; } - -.emoji-icon { - background-image: image-url('emoji.png'); - background-repeat: no-repeat; - color: transparent; - text-indent: -99em; - height: 20px; - width: 20px; - - @media only screen and (-webkit-min-device-pixel-ratio: 2), - only screen and (min--moz-device-pixel-ratio: 2), - only screen and (-o-min-device-pixel-ratio: 2/1), - only screen and (min-device-pixel-ratio: 2), - only screen and (min-resolution: 192dpi), - only screen and (min-resolution: 2dppx) { - background-image: image-url('emoji@2x.png'); - background-size: 860px 840px; - } -} diff --git a/app/assets/stylesheets/framework/emojis.scss b/app/assets/stylesheets/framework/emojis.scss deleted file mode 100644 index 527e7d57c5c..00000000000 --- a/app/assets/stylesheets/framework/emojis.scss +++ /dev/null @@ -1,7 +0,0 @@ -gl-emoji { - font-style: normal; - display: inline-flex; - vertical-align: middle; - font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1.5em; -} diff --git a/app/assets/stylesheets/framework/files.scss b/app/assets/stylesheets/framework/files.scss deleted file mode 100644 index 5833ef939e9..00000000000 --- a/app/assets/stylesheets/framework/files.scss +++ /dev/null @@ -1,386 +0,0 @@ -/** - * File content holder - * - */ -.file-holder { - border: 1px solid $border-color; - border-radius: $border-radius-default; - - &.file-holder-no-border { - border: 0; - } - - &.file-holder-bottom-radius { - border-radius: 0 0 $border-radius-small $border-radius-small; - } - - &.readme-holder { - margin: $gl-padding 0; - - &.limited-width-container .file-content { - max-width: $limited-layout-width-sm; - margin-left: auto; - margin-right: auto; - - @media (min-width: $screen-md-min) { - padding-top: 64px; - padding-bottom: 64px; - } - } - } - - table { - @extend .table; - } - - .file-title { - position: relative; - background-color: $gray-light; - border-bottom: 1px solid $border-color; - margin: 0; - text-align: left; - padding: 10px $gl-padding; - word-wrap: break-word; - border-radius: $border-radius-default $border-radius-default 0 0; - - &.file-title-clear { - padding-left: 0; - padding-right: 0; - background-color: transparent; - - .file-actions { - right: 0; - } - } - - .file-actions { - position: absolute; - top: 5px; - right: 15px; - - .btn { - padding: 0 10px; - font-size: 13px; - line-height: 28px; - } - } - - a:not(.btn) { - color: $gl-text-color; - } - - .left-options { - margin-top: -3px; - } - } - - .file-blame-legend { - background-color: $gray-light; - text-align: right; - padding: 8px $gl-padding; - border-bottom: 1px solid $border-color; - - @media (max-width: $screen-xs-max) { - text-align: left; - } - - .left-label { - padding-right: 5px; - } - - .right-label { - padding-left: 5px; - } - - .legend-box { - display: inline-block; - width: 10px; - height: 10px; - padding: 0 2px; - } - - @for $i from 0 through 5 { - .legend-box-#{$i} { - background-color: mix($blame-cyan, $blame-blue, $i / 5.0 * 100%); - } - } - - @for $i from 1 through 4 { - .legend-box-#{$i + 5} { - background-color: mix($blame-gray, $blame-cyan, $i / 4.0 * 100%); - } - } - } - - .file-content { - background: $white-light; - - &.image_file, - &.video { - background: $file-image-bg; - text-align: center; - padding: 30px; - - img, - video { - max-width: 80%; - } - } - - &.wiki { - padding: 30px $gl-padding; - } - - &.blob-no-preview { - background: $blob-bg; - text-shadow: 0 1px 2px $white-light; - padding: 100px 0; - } - - /** - * Blame file - */ - &.blame { - table { - border: none; - margin: 0; - } - - tr { - border-bottom: 1px solid $blame-border; - - &:last-child { - border-bottom: none; - } - } - - td { - border-top: none; - border-bottom: none; - - &:first-child { - border-left: none; - } - - &:last-child { - border-right: none; - } - } - - td.blame-commit { - padding: 5px 10px; - min-width: 400px; - max-width: 400px; - background: $gray-light; - border-left: 3px solid; - - .commit-row-title { - display: flex; - } - - .item-title { - flex: 1; - margin-right: 0.5em; - } - } - - @for $i from 0 through 5 { - td.blame-commit-age-#{$i} { - border-left-color: mix($blame-cyan, $blame-blue, $i / 5.0 * 100%); - } - } - - @for $i from 1 through 4 { - td.blame-commit-age-#{$i + 5} { - border-left-color: mix($blame-gray, $blame-cyan, $i / 4.0 * 100%); - } - } - - td.line-numbers { - float: none; - border-left: 1px solid $blame-line-numbers-border; - - i { - float: none; - margin-right: 0; - } - } - - td.lines { - padding: 0; - } - } - - &.logs { - background: $logs-bg; - max-height: 700px; - overflow-y: auto; - - ol { - margin-left: 40px; - padding: 10px 0; - border-left: 1px solid $border-color; - margin-bottom: 0; - background: $white-light; - - li { - color: $logs-li-color; - - p { - margin: 0; - color: $logs-p-color; - line-height: 24px; - padding-left: 10px; - } - - &:hover { - background: $row-hover; - } - } - } - } - - /** - * Code file - */ - &.code { - padding: 0; - } - - .list-inline.previews { - display: flex; - flex-wrap: wrap; - justify-content: center; - align-content: flex-start; - align-items: baseline; - - .preview { - padding: $gl-padding; - } - } - } -} - -span.idiff { - &.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - &.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } -} - -.file-stats { - ul { - list-style: none; - margin: 0; - padding: 10px 0; - - li { - padding: 3px 0; - line-height: 20px; - } - } - - .new-file { - a { - color: $gl-text-green; - } - } - - .renamed-file { - a { - color: $gl-text-orange; - } - } - - .deleted-file { - a { - color: $gl-text-red; - } - } - - .edit-file { - a { - color: $gl-text-color; - } - } - - a { - text-decoration: none; - - .new-file { - color: $notify-new-file; - } - - .deleted-file { - color: $notify-deleted-file; - } - } -} - -.file-title-flex-parent { - display: flex; - align-items: center; - justify-content: space-between; - background-color: $gray-light; - border-bottom: 1px solid $border-color; - padding: 5px $gl-padding; - margin: 0; - border-radius: $border-radius-default $border-radius-default 0 0; - - .file-header-content { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding-right: 30px; - position: relative; - } - - .btn-clipboard { - position: absolute; - right: 0; - } - - a { - color: $gl-text-color; - } - - small { - margin: 0 10px 0 0; - } - - .file-actions { - white-space: nowrap; - - .btn { - padding: 0 10px; - font-size: 13px; - line-height: 28px; - display: inline-block; - float: none; - } - } -} - -.is-stl-loading { - .stl-controls { - display: none; - } -} - -.file-fork-suggestion { - display: flex; - align-items: center; - justify-content: flex-end; - background-color: $gray-light; - border-bottom: 1px solid $border-color; - padding: 5px $gl-padding; -} - -.file-fork-suggestion-note { - margin-right: 1.5em; -} diff --git a/app/assets/stylesheets/framework/filters.scss b/app/assets/stylesheets/framework/filters.scss deleted file mode 100644 index b2847c348eb..00000000000 --- a/app/assets/stylesheets/framework/filters.scss +++ /dev/null @@ -1,496 +0,0 @@ -.filter-item { - vertical-align: top; - - &.reset-filters { - padding: 7px; - } - - &.update-issues-btn { - float: right; - margin-right: 0; - - @media (max-width: $screen-xs-max) { - float: none; - } - } -} - -.filters-section { - @media (max-width: $screen-xs-max) { - display: inline-block; - } -} - -@media (min-width: $screen-sm-min) { - .filter-item:not(:last-child) { - margin-right: 6px; - } - - .sort-filter { - display: inline-block; - float: right; - } - - .dropdown-menu-sort { - left: auto; - right: 0; - } -} - -@media (max-width: $screen-xs-max) { - .filter-item { - display: block; - margin: 0 0 10px; - } - - .dropdown-menu-toggle, - .update-issues-btn .btn { - width: 100%; - } -} - -.filtered-search-wrapper { - @include new-style-dropdown; - - display: -webkit-flex; - display: flex; - - @media (max-width: $screen-xs-min) { - -webkit-flex-direction: column; - flex-direction: column; - } - - .tokens-container { - display: -webkit-flex; - display: flex; - flex: 1; - -webkit-flex: 1; - padding-left: 30px; - position: relative; - margin-bottom: 0; - } - - .input-token { - max-width: 200px; - padding: 0; - - &:hover, - &:focus { - background-color: inherit; - color: inherit; - } - } - - .input-token:only-child, - .input-token:last-child { - flex: 1; - -webkit-flex: 1; - max-width: inherit; - } -} - -.filtered-search-token, -.filtered-search-term { - display: -webkit-flex; - display: flex; - flex-shrink: 0; - margin-top: 5px; - margin-bottom: 5px; - - .selectable { - display: -webkit-flex; - display: flex; - } - - .name, - .value { - display: inline-block; - padding: 2px 7px; - } - - .name { - background-color: $filter-name-resting-color; - color: $filter-name-text-color; - border-radius: 2px 0 0 2px; - margin-right: 1px; - text-transform: capitalize; - } - - .value-container { - background-color: $white-normal; - color: $filter-value-text-color; - border-radius: 0 2px 2px 0; - margin-right: 5px; - padding-right: 8px; - } - - .value { - padding-right: 0; - } - - .remove-token { - display: inline-block; - padding-left: 4px; - padding-right: 0; - - .fa-close { - color: $gl-text-color-secondary; - } - - &:hover .fa-close { - color: $gl-text-color; - } - - &.inverted { - .fa-close { - color: $gl-text-color-secondary-inverted; - } - - &:hover .fa-close { - color: $gl-text-color-inverted; - } - } - } -} - -.filtered-search-token:hover, -.filtered-search-token .selected, -.filtered-search-term .selected { - .name { - background-color: $filter-name-selected-color; - } - - .value-container { - box-shadow: inset 0 0 0 100px $filtered-search-term-shadow-color; - } -} - -.droplab-dropdown li.filtered-search-token { - padding: 0; - - &:hover, - &:focus { - background-color: inherit; - color: inherit; - } -} - -.filtered-search-term { - .name { - background-color: inherit; - color: $black; - text-transform: none; - } - - .selectable { - cursor: text; - } -} - -.scroll-container { - display: -webkit-flex; - display: flex; - overflow-x: auto; - white-space: nowrap; - width: 100%; -} - -.filtered-search-box { - position: relative; - flex: 1; - display: -webkit-flex; - display: flex; - width: 100%; - min-width: 0; - border: 1px solid $border-color; - background-color: $white-light; - - @media (max-width: $screen-xs-min) { - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - margin-bottom: 10px; - } - - &:hover { - @extend .form-control:hover; - } - - &.focus, - &.focus:hover { - border-color: $dropdown-input-focus-border; - box-shadow: 0 0 4px $search-input-focus-shadow-color; - } - - &.focus .fa-filter { - color: $common-gray-dark; - } - - gl-emoji { - display: inline-block; - font-family: inherit; - font-size: inherit; - vertical-align: inherit; - - img { - height: 18px; - width: 18px; - } - } - - .form-control { - position: relative; - min-width: 200px; - padding: 5px 25px 6px 0; - border-color: transparent; - - &:focus, - &:hover { - outline: none; - border-color: transparent; - box-shadow: none; - } - } - - .fa-filter { - position: absolute; - top: 10px; - left: 10px; - color: $gray-darkest; - } - - .fa-times { - right: 10px; - color: $gray-darkest; - } - - .clear-search { - width: 35px; - background-color: $white-light; - border: none; - outline: none; - z-index: 1; - - &:hover .fa-times { - color: $common-gray-dark; - } - } -} - -.filtered-search-box-input-container { - flex: 1; - position: relative; - // Fix PhantomJS not supporting `flex: 1;` properly. - // This is important because it can change the expected `e.target` when clicking things in tests. - // See https://gitlab.com/gitlab-org/gitlab-ce/blob/b54acba8b732688c59fe2f38510c469dc86ee499/spec/features/issues/filtered_search/visual_tokens_spec.rb#L61 - // - With `width: 100%`: `e.target` = `.tokens-container`, https://i.imgur.com/jGq7wbx.png - // - Without `width: 100%`: `e.target` = `.filtered-search`, https://i.imgur.com/cNI2CyT.png - width: 100%; - min-width: 0; -} - -.filtered-search-input-dropdown-menu { - max-height: 260px; - max-width: 280px; - overflow: auto; - - @media (max-width: $screen-xs-min) { - width: auto; - left: 0; - right: 0; - max-width: none; - min-width: 100%; - } -} - -.filtered-search-history-dropdown-wrapper { - position: static; - display: flex; - flex-direction: column; -} - -.filtered-search-history-dropdown-toggle-button { - flex: 1; - width: auto; - border-radius: 0; - border: 0; - border-right: 1px solid $border-color; - color: $gl-text-color-secondary; - transition: color 0.1s linear; - - &:hover, - &:focus { - color: $gl-text-color; - border-color: $dropdown-input-focus-border; - outline: none; - - svg { - fill: $gl-text-color; - } - } - - svg { - height: 14px; - width: 14px; - fill: $gl-text-color-secondary; - vertical-align: middle; - } - - .dropdown-toggle-text { - display: inline-block; - color: inherit; - - .fa { - vertical-align: middle; - color: inherit; - } - } -} - -.filtered-search-history-dropdown { - width: 40%; - - @media (max-width: $screen-xs-min) { - left: 0; - right: 0; - max-width: none; - } -} - -.filtered-search-history-dropdown-content { - max-height: none; -} - -.filtered-search-history-dropdown-item, -.filtered-search-history-clear-button { - @include dropdown-link; - - overflow: hidden; - width: 100%; - margin: 0.5em 0; - - background-color: transparent; - border: 0; - text-align: left; - white-space: nowrap; - text-overflow: ellipsis; -} - -.filtered-search-history-dropdown-token { - display: inline; - - &:not(:last-child) { - margin-right: 0.3em; - } - - > .value { - font-weight: $gl-font-weight-bold; - } -} - -.filter-dropdown-container { - display: -webkit-flex; - display: flex; - - .dropdown-toggle { - line-height: 22px; - } -} - -@media (max-width: $screen-xs-max) { - .issues-details-filters { - padding: 0 0 10px; - background-color: $white-light; - border-top: 0; - } -} - -@media (max-width: $screen-xs) { - .filter-dropdown-container { - .dropdown-toggle, - .dropdown, - .dropdown-menu { - width: 100%; - } - - .dropdown { - margin-left: 0; - } - - .fa-chevron-down { - position: absolute; - right: 10px; - top: 10px; - } - } -} - -%filter-dropdown-item-btn-hover { - text-decoration: none; - outline: 0; - - .avatar { - border-color: $white-light; - } -} - -.droplab-dropdown .dropdown-menu .filter-dropdown-item { - .btn { - border: none; - width: 100%; - text-align: left; - padding: 8px 16px; - text-overflow: ellipsis; - overflow: hidden; - border-radius: 0; - - .fa { - width: 15px; - line-height: $line-height-base; - } - - .dropdown-label-box { - border-color: $white-light; - border-style: solid; - border-width: 1px; - width: 17px; - height: 17px; - } - - &:hover, - &:focus { - @extend %filter-dropdown-item-btn-hover; - } - } - - .dropdown-light-content { - font-size: 14px; - font-weight: $gl-font-weight-normal; - } - - .dropdown-user { - display: flex; - } - - .dropdown-user-details { - display: flex; - flex-direction: column; - - > span { - white-space: normal; - word-break: break-all; - } - } -} - -.filter-dropdown-item.droplab-item-active .btn { - @extend %filter-dropdown-item-btn-hover; -} - -.filter-dropdown-loading { - padding: 8px 16px; - text-align: center; -} - -.issues-details-filters { - @include new-style-dropdown; -} diff --git a/app/assets/stylesheets/framework/flash.scss b/app/assets/stylesheets/framework/flash.scss deleted file mode 100644 index e1b086ebb2b..00000000000 --- a/app/assets/stylesheets/framework/flash.scss +++ /dev/null @@ -1,67 +0,0 @@ -.flash-container { - cursor: pointer; - margin: 0; - margin-bottom: $gl-padding; - font-size: 14px; - position: relative; - z-index: 1; - - .flash-notice { - @extend .alert; - @extend .alert-info; - margin: 0; - } - - .flash-alert { - @extend .alert; - @extend .alert-danger; - margin: 0; - - .flash-text, - .flash-action { - display: inline-block; - } - - a.flash-action { - margin-left: 5px; - text-decoration: none; - font-weight: $gl-font-weight-normal; - border-bottom: 1px solid; - - &:hover { - border-color: transparent; - } - } - } - - .flash-notice, - .flash-alert { - border-radius: $border-radius-default; - - .container-fluid, - .container-fluid.container-limited { - background: transparent; - } - } - - &.flash-container-page { - margin-bottom: 0; - - .flash-notice, - .flash-alert { - border-radius: 0; - } - } - - &:empty { - margin: 0; - } -} - -@media (max-width: $screen-sm-max) { - ul.notes { - .flash-container.timeline-content { - margin-left: 0; - } - } -} diff --git a/app/assets/stylesheets/framework/forms.scss b/app/assets/stylesheets/framework/forms.scss deleted file mode 100644 index be96c8ee964..00000000000 --- a/app/assets/stylesheets/framework/forms.scss +++ /dev/null @@ -1,229 +0,0 @@ -textarea { - resize: vertical; -} - -input { - border-radius: $border-radius-base; -} - -input[type='text'].danger { - background: $input-danger-bg !important; - border-color: $input-danger-border; - text-shadow: 0 1px 1px $white-light; -} - -.datetime-controls { - select { - width: 100px; - } -} - -.form-actions { - margin-top: 0; - margin-bottom: -$gl-padding; - padding: $gl-padding; - background-color: $gray-light; - border-top: 1px solid $border-color; -} - -label { - &.inline-label { - margin: 0; - } - - &.label-light { - font-weight: $gl-font-weight-bold; - } -} - -.control-label { - @extend .col-sm-2; -} - -.inline-input-group { - width: 250px; -} - -.custom-form-control { - width: 150px; -} - -@media (min-width: $screen-sm-min) { - .custom-form-control { - width: 150px; - } -} - -/* Medium devices (desktops, 992px and up) */ -@media (min-width: $screen-md-min) { - .custom-form-control { - width: 170px; - } -} - -/* Large devices (large desktops, 1200px and up) */ -@media (min-width: $screen-lg-min) { - .custom-form-control { - width: 200px; - } -} - -.help-form .form-group { - margin-left: 0; - margin-right: 0; - - .control-label { - font-weight: $gl-font-weight-bold; - padding-top: 4px; - } - - .form-control { - height: 29px; - background: $white-light; - font-family: $monospace_font; - } - - .input-group-btn .btn { - padding: 3px $gl-btn-padding; - background-color: $gray-light; - border: 1px solid $border-color; - } - - .text-block { - line-height: 0.8; - padding-top: 9px; - - code { - line-height: 1.8; - } - - img { - margin-right: $gl-padding; - } - } - - @media(max-width: $screen-xs-max) { - padding: 0 $gl-padding; - - .control-label, - .text-block { - padding-left: 0; - } - } -} - -.fieldset-form fieldset { - margin-bottom: 20px; -} - -.form-control { - @include box-shadow(none); - border-radius: 2px; - padding: $gl-vert-padding $gl-input-padding; -} - -.select-wrapper { - position: relative; - - .fa-chevron-down { - position: absolute; - font-size: 10px; - right: 10px; - top: 12px; - color: $gray-darkest; - pointer-events: none; - } -} - -.select-control { - padding-left: 10px; - padding-right: 10px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - - &::-ms-expand { - display: none; - } -} - -.form-control-inline { - display: inline; -} - -.wiki-content { - margin-top: 35px; -} - -.form-group .control-label, -.form-group .control-label-full-width { - font-weight: $gl-font-weight-normal; -} - -.form-control::-webkit-input-placeholder { - color: $gl-text-color-secondary; -} - -.input-group { - .select2-container { - display: table-cell; - width: 200px !important; - } - - .input-group-addon { - background-color: $input-group-addon-bg; - } - - .input-group-addon:not(:first-child):not(:last-child) { - border-left: 0; - border-right: 0; - } -} - -.help-block { - margin-bottom: 0; -} - -.gl-field-error { - color: $red-500; -} - -.gl-show-field-errors { - .gl-field-success-outline { - border: 1px solid $green-600; - - &:focus { - box-shadow: 0 0 0 1px $green-600 inset, 0 1px 1px $gl-field-focus-shadow inset, 0 0 4px 0 $green-600; - border: 0 none; - } - } - - .gl-field-error-outline { - border: 1px solid $red-500; - - &:focus { - box-shadow: 0 0 0 1px $red-500 inset, 0 1px 1px $gl-field-focus-shadow inset, 0 0 4px 0 $gl-field-focus-shadow-error; - border: 0 none; - } - } - - .gl-field-success-message { - color: $green-600; - } - - .gl-field-error-message { - color: $red-500; - } - - .gl-field-hint { - color: $gl-text-color; - } -} - -@media(max-width: $screen-xs-max) { - .remember-me { - .remember-me-checkbox { - margin-top: 0; - } - } -} diff --git a/app/assets/stylesheets/framework/gfm.scss b/app/assets/stylesheets/framework/gfm.scss deleted file mode 100644 index 34a35734acc..00000000000 --- a/app/assets/stylesheets/framework/gfm.scss +++ /dev/null @@ -1,19 +0,0 @@ -/** - * Styles that apply to all GFM related forms. - */ - -.gfm-commit, -.gfm-commit_range { - @extend .commit-sha; -} - -.gfm-project_member { - padding: 0 2px; - border-radius: #{$border-radius-default / 2}; - background-color: $user-mention-bg; - - &:hover { - background-color: $user-mention-bg-hover; - text-decoration: none; - } -} diff --git a/app/assets/stylesheets/framework/gitlab-theme.scss b/app/assets/stylesheets/framework/gitlab-theme.scss deleted file mode 100644 index 52b87de7a3d..00000000000 --- a/app/assets/stylesheets/framework/gitlab-theme.scss +++ /dev/null @@ -1,285 +0,0 @@ -/** - * Styles the GitLab application with a specific color theme - */ - -@mixin gitlab-theme($color-100, $color-200, $color-500, $color-700, $color-800, $color-900, $color-alternate) { - // Header - - .navbar-gitlab { - background-color: $color-900; - - .navbar-collapse { - color: $color-200; - } - - .container-fluid { - .navbar-toggle { - border-left: 1px solid lighten($color-700, 10%); - } - } - - .navbar-sub-nav, - .navbar-nav { - > li { - > a:hover, - > a:focus { - background-color: rgba($color-200, .2); - } - - &.active > a, - &.dropdown.open > a { - color: $color-900; - background-color: $color-alternate; - - svg { - fill: currentColor; - } - } - - &.line-separator { - border-left: 1px solid rgba($color-200, .2); - } - } - } - - .navbar-sub-nav { - color: $color-200; - } - - .nav { - > li { - color: $color-200; - - > a { - svg { - fill: $color-200; - } - - &.header-user-dropdown-toggle { - .header-user-avatar { - border-color: $color-200; - } - } - - &:hover, - &:focus { - @media (min-width: $screen-sm-min) { - background-color: rgba($color-200, .2); - } - - svg { - fill: currentColor; - } - } - } - - &.active > a, - &.dropdown.open > a { - color: $color-900; - background-color: $color-alternate; - - &:hover { - svg { - fill: $color-900; - } - } - } - - .impersonated-user, - .impersonated-user:hover { - svg { - fill: $color-900; - } - } - } - } - } - - .navbar .title { - > a { - &:hover, - &:focus { - background-color: rgba($color-200, .2); - } - } - } - - .search { - form { - background-color: rgba($color-200, .2); - - &:hover { - background-color: rgba($color-200, .3); - } - } - - .location-badge { - color: $color-100; - background-color: rgba($color-200, .1); - border-right: 1px solid $color-800; - } - - .search-input::placeholder { - color: rgba($color-200, .8); - } - - .search-input-wrap { - .search-icon, - .clear-icon { - fill: rgba($color-200, .8); - } - } - - &.search-active { - form { - background-color: $white-light; - } - - .location-badge { - color: $gl-text-color; - } - - .search-input-wrap { - .search-icon { - fill: rgba($color-200, .8); - } - } - } - } - - .btn-sign-in { - background-color: $color-100; - color: $color-900; - } - - - // Sidebar - .nav-sidebar li.active { - box-shadow: inset 4px 0 0 $color-700; - - > a { - color: $color-800; - } - - svg { - fill: $color-800; - } - } - - .sidebar-top-level-items > li.active .badge { - color: $color-800; - } - - .nav-links li.active a { - border-bottom-color: $color-500; - - .badge { - font-weight: $gl-font-weight-bold; - } - } -} - - -body { - &.ui_indigo { - @include gitlab-theme($indigo-100, $indigo-200, $indigo-500, $indigo-700, $indigo-800, $indigo-900, $white-light); - } - - &.ui_dark { - @include gitlab-theme($theme-gray-100, $theme-gray-200, $theme-gray-500, $theme-gray-700, $theme-gray-800, $theme-gray-900, $white-light); - } - - &.ui_blue { - @include gitlab-theme($theme-blue-100, $theme-blue-200, $theme-blue-500, $theme-blue-700, $theme-blue-800, $theme-blue-900, $white-light); - } - - &.ui_green { - @include gitlab-theme($theme-green-100, $theme-green-200, $theme-green-500, $theme-green-700, $theme-green-800, $theme-green-900, $white-light); - } - - &.ui_light { - @include gitlab-theme($theme-gray-900, $theme-gray-700, $theme-gray-800, $theme-gray-700, $theme-gray-700, $theme-gray-100, $theme-gray-700); - - .navbar-gitlab { - background-color: $theme-gray-100; - box-shadow: 0 1px 0 0 $border-color; - - .logo-text svg { - fill: $theme-gray-900; - } - - .navbar-sub-nav, - .navbar-nav { - > li { - > a:hover, - > a:focus { - color: $theme-gray-900; - } - - &.active > a { - color: $white-light; - - &:hover { - color: $white-light; - } - } - } - } - - .container-fluid { - .navbar-toggle, - .navbar-toggle:hover { - color: $theme-gray-700; - border-left: 1px solid $theme-gray-200; - } - } - } - - .search { - form { - background-color: $white-light; - box-shadow: inset 0 0 0 1px $border-color; - - &:hover { - background-color: $white-light; - box-shadow: inset 0 0 0 1px $blue-200; - - .location-badge { - box-shadow: inset 0 0 0 1px $blue-200; - } - } - } - - .search-input-wrap { - .search-icon { - fill: $theme-gray-200; - } - - .search-input { - color: $gl-text-color; - } - } - - .location-badge { - color: $theme-gray-700; - box-shadow: inset 0 0 0 1px $border-color; - background-color: $nav-badge-bg; - border-right: 0; - } - } - - .nav-sidebar li.active { - > a { - color: $theme-gray-900; - } - - svg { - fill: $theme-gray-900; - } - } - - .sidebar-top-level-items > li.active .badge { - color: $theme-gray-900; - } - } -} diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss deleted file mode 100644 index d79444fad79..00000000000 --- a/app/assets/stylesheets/framework/header.scss +++ /dev/null @@ -1,573 +0,0 @@ -.content-wrapper.page-with-new-nav { - margin-top: $header-height; -} - -.navbar-gitlab { - @include new-style-dropdown; - - &.navbar-gitlab { - padding: 0 16px; - z-index: 1000; - margin-bottom: 0; - min-height: $header-height; - border: none; - border-bottom: 1px solid $border-color; - position: fixed; - top: 0; - left: 0; - right: 0; - border-radius: 0; - - .logo-text { - line-height: initial; - - svg { - width: 55px; - height: 14px; - margin: 0; - fill: $white-light; - } - } - - .container-fluid { - padding: 0; - - .user-counter { - svg { - margin-right: 3px; - } - } - - .navbar-toggle { - right: -10px; - border-radius: 0; - min-width: 45px; - padding: 0; - margin-right: -7px; - font-size: 14px; - text-align: center; - color: currentColor; - - &:hover, - &:focus, - &.active { - color: currentColor; - background-color: transparent; - } - - .more-icon, - .close-icon { - fill: $white-light; - margin: auto; - } - } - } - } - - .close-icon { - display: none; - } - - .menu-expanded { - .more-icon { - display: none; - } - - .close-icon { - display: block; - } - } - - .header-content { - display: -webkit-flex; - display: flex; - justify-content: space-between; - position: relative; - min-height: $header-height; - padding-left: 0; - - .title-container { - display: -webkit-flex; - display: flex; - -webkit-align-items: stretch; - align-items: stretch; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - padding-top: 0; - overflow: visible; - } - - .title { - padding-right: 0; - color: currentColor; - display: -webkit-flex; - display: flex; - position: relative; - margin: 0; - font-size: 18px; - vertical-align: top; - white-space: nowrap; - - img { - height: 28px; - margin-right: 8px; - } - - &.wrap { - white-space: normal; - } - - &.initializing { - opacity: 0; - } - - a { - display: -webkit-flex; - display: flex; - align-items: center; - padding: 2px 8px; - margin: 5px 2px 5px -8px; - border-radius: $border-radius-default; - - svg { - @media (min-width: $screen-sm-min) { - margin-right: 8px; - } - } - } - - .project-item-select { - right: auto; - left: 0; - } - } - - .dropdown.open { - > a { - border-bottom-color: $white-light; - } - } - - &.menu-expanded { - @media (max-width: $screen-xs-max) { - .title-container { - display: none; - } - - .navbar-collapse { - display: block; - } - } - } - } - - li.dropdown-bold-header { - color: $gl-text-color-secondary; - font-size: 12px; - padding: 0 16px; - } - - .navbar-collapse { - flex: 0 0 auto; - border-top: none; - padding: 0; - - @media (max-width: $screen-xs-max) { - flex: 1 1 auto; - } - - .nav { - > li:not(.hidden-xs) a { - @media (max-width: $screen-xs-max) { - margin-left: 0; - min-width: 100%; - } - } - } - } - - .container-fluid { - - .navbar-nav { - @media (max-width: $screen-xs-max) { - display: -webkit-flex; - display: flex; - padding-right: 10px; - } - - li { - .badge { - box-shadow: none; - font-weight: $gl-font-weight-bold; - } - } - } - - .nav > li { - &.header-user { - @media (max-width: $screen-xs-max) { - padding-left: 10px; - } - } - - > a { - will-change: color; - margin: 4px 2px; - padding: 6px 8px; - height: 32px; - - @media (max-width: $screen-xs-max) { - padding: 0; - } - - &.header-user-dropdown-toggle { - margin-left: 2px; - - .header-user-avatar { - margin-right: 0; - } - } - - &:hover, - &:focus { - text-decoration: none; - outline: 0; - opacity: 1; - color: $white-light; - - svg { - fill: currentColor; - } - - &.header-user-dropdown-toggle { - .header-user-avatar { - border-color: $white-light; - } - } - } - } - - .header-new-dropdown-toggle { - margin-right: 0; - } - - .impersonated-user, - .impersonated-user:hover { - margin-right: 1px; - background-color: $white-light; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .impersonation-btn, - .impersonation-btn:hover { - background-color: $white-light; - margin-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - - i { - color: $orange-500; - font-size: 20px; - } - } - - &.active > a, - &.dropdown.open > a { - - svg { - fill: currentColor; - } - } - } - } -} - -.navbar-sub-nav, -.navbar-nav { - > li { - > a:hover, - > a:focus { - text-decoration: none; - outline: 0; - color: $white-light; - - svg { - fill: currentColor; - } - } - - > a { - display: -webkit-flex; - display: flex; - align-items: center; - justify-content: center; - padding: 6px 8px; - margin: 4px 2px; - font-size: 12px; - color: currentColor; - border-radius: $border-radius-default; - height: 32px; - font-weight: $gl-font-weight-bold; - - svg { - fill: currentColor; - } - } - - &.line-separator { - margin: 8px; - } - } -} - -.navbar-sub-nav { - display: -webkit-flex; - display: flex; - margin: 0 0 0 6px; - - .projects-dropdown-menu { - padding: 0; - } - - .dropdown-chevron { - position: relative; - top: -1px; - font-size: 10px; - } - - .project-item-select-holder { - display: inline; - } - - .impersonation i { - color: $red-500; - } -} - -.caret-down { - height: 11px; - width: 11px; - margin-left: 4px; - fill: currentColor; -} - -.header-user .dropdown-menu-nav, -.header-new .dropdown-menu-nav { - margin-top: $dropdown-vertical-offset; -} - -.breadcrumbs { - display: -webkit-flex; - display: flex; - min-height: 48px; - color: $gl-text-color; -} - -.breadcrumbs-container { - display: -webkit-flex; - display: flex; - width: 100%; - position: relative; - padding-top: $gl-padding / 2; - padding-bottom: $gl-padding / 2; - align-items: center; - border-bottom: 1px solid $border-color; -} - -.breadcrumbs-links { - -webkit-flex: 1; - flex: 1; - min-width: 0; - align-self: center; - color: $gl-text-color-secondary; - - .avatar-tile { - margin-right: 4px; - border: 1px solid $border-color; - border-radius: 50%; - vertical-align: sub; - } - - .text-expander { - margin-left: 0; - margin-right: 2px; - - > i { - position: relative; - top: 1px; - } - } -} - -.breadcrumbs-list { - display: -webkit-flex; - display: flex; - flex-wrap: wrap; - margin-bottom: 0; - line-height: 16px; - - > li { - display: flex; - align-items: center; - position: relative; - padding: 2px 0; - - &:not(:last-child) { - margin-right: 20px; - } - - > a { - font-size: 12px; - color: currentColor; - } - } -} - -.breadcrumb-item-text { - @include str-truncated(128px); - text-decoration: inherit; -} - -.breadcrumbs-list-angle { - position: absolute; - right: -12px; - top: 50%; - color: $gl-text-color-tertiary; - transform: translateY(-50%); -} - -.breadcrumbs-extra { - display: -webkit-flex; - display: flex; - flex: 0 0 auto; - margin-left: auto; -} - -.breadcrumbs-sub-title { - margin: 0; - font-size: 12px; - font-weight: 600; - line-height: 16px; - - a { - color: $gl-text-color; - } -} - -.btn-sign-in { - margin-top: 3px; - font-weight: $gl-font-weight-bold; - - &:hover { - background-color: $white-light; - } -} - -.navbar-nav { - li { - .badge { - position: inherit; - font-weight: $gl-font-weight-normal; - margin-left: -6px; - font-size: 11px; - color: $white-light; - padding: 0 5px; - line-height: 12px; - border-radius: 7px; - box-shadow: 0 1px 0 rgba($gl-header-color, .2); - - &.issues-count { - background-color: $green-500; - } - - &.merge-requests-count { - background-color: $orange-600; - } - - &.todos-count { - background-color: $blue-500; - } - } - } -} - -@media (max-width: $screen-xs-max) { - .navbar-gitlab .container-fluid { - font-size: 18px; - - .navbar-nav { - table-layout: fixed; - width: 100%; - margin: 0; - text-align: right; - } - - .navbar-collapse { - margin-left: -8px; - margin-right: -10px; - - .nav > li:not(.hidden-xs) { - display: table-cell !important; - width: 25%; - - a { - margin-right: 8px; - } - } - } - } - - .header-user-dropdown-toggle { - text-align: center; - } - - .header-user-avatar { - float: none; - } -} - -.header-user { - .dropdown-menu-nav { - width: auto; - min-width: 140px; - margin-top: 4px; - color: $gl-text-color; - left: auto; - - li.current-user { - padding: 5px 18px; - - .user-name { - display: block; - } - } - } -} - -.header-user-avatar { - float: left; - margin-right: 5px; - border-radius: 50%; - border: 1px solid $avatar-border; -} - -.with-performance-bar .navbar-gitlab { - top: $performance-bar-height; -} - -.navbar-empty { - height: $header-height; - background: $white-light; - border-bottom: 1px solid $white-normal; - - .center-logo { - margin: 8px 0; - text-align: center; - - .tanuki-logo, - img { - height: 36px; - } - } -} diff --git a/app/assets/stylesheets/framework/highlight.scss b/app/assets/stylesheets/framework/highlight.scss deleted file mode 100644 index c63114f85b4..00000000000 --- a/app/assets/stylesheets/framework/highlight.scss +++ /dev/null @@ -1,70 +0,0 @@ -.file-content.code { - border: none; - box-shadow: none; - margin: 0; - padding: 0; - table-layout: fixed; - - pre { - padding: 10px 0; - border: none; - border-radius: 0; - font-family: $monospace_font; - font-size: $code_font_size; - line-height: 19px; - margin: 0; - overflow: auto; - overflow-y: hidden; - white-space: pre; - word-wrap: normal; - border-left: 1px solid; - - code { - display: inline-block; - min-width: 100%; - font-family: $monospace_font; - white-space: normal; - word-wrap: normal; - padding: 0; - - .line { - display: block; - width: 100%; - min-height: 19px; - padding-left: 10px; - padding-right: 10px; - white-space: pre; - } - } - } - - .line-numbers { - padding: 10px; - text-align: right; - float: left; - - a { - font-family: $monospace_font; - display: block; - font-size: $code_font_size !important; - min-height: 19px; - white-space: nowrap; - - i { - float: left; - margin-top: 3px; - margin-right: 5px; - visibility: hidden; - } - - &:hover, - &:focus { - outline: none; - - i { - visibility: visible; - } - } - } - } -} diff --git a/app/assets/stylesheets/framework/icons.scss b/app/assets/stylesheets/framework/icons.scss deleted file mode 100644 index ef864e8f6a9..00000000000 --- a/app/assets/stylesheets/framework/icons.scss +++ /dev/null @@ -1,71 +0,0 @@ -.ci-status-icon-success, -.ci-status-icon-passed { - color: $green-500; - - svg { - fill: $green-500; - } -} - -.ci-status-icon-failed { - color: $gl-danger; - - svg { - fill: $gl-danger; - } -} - -.ci-status-icon-pending, -.ci-status-icon-failed_with_warnings, -.ci-status-icon-success_with_warnings { - color: $orange-500; - - svg { - fill: $orange-500; - } -} - -.ci-status-icon-running { - color: $blue-400; - - svg { - fill: $blue-400; - } -} - -.ci-status-icon-canceled, -.ci-status-icon-disabled, -.ci-status-icon-not-found { - color: $gl-text-color; - - svg { - fill: $gl-text-color; - } -} - -.ci-status-icon-created, -.ci-status-icon-skipped { - color: $gray-darkest; - - svg { - fill: $gray-darkest; - } -} - -.ci-status-icon-manual { - color: $gl-text-color; - - svg { - fill: $gl-text-color; - } -} - -.icon-link { - &:hover { - text-decoration: none; - } -} - -.user-avatar-link { - text-decoration: none; -} diff --git a/app/assets/stylesheets/framework/images.scss b/app/assets/stylesheets/framework/images.scss deleted file mode 100644 index 6819fd88b7f..00000000000 --- a/app/assets/stylesheets/framework/images.scss +++ /dev/null @@ -1,38 +0,0 @@ -.appearance-logo-preview { - max-width: 400px; - margin-bottom: 20px; -} - -.appearance-light-logo-preview { - background-color: $gray-light; - max-width: 72px; - padding: 10px; - margin-bottom: 10px; -} - -.svg-content { - text-align: center; - padding: $gl-padding; - - svg, - img { - max-width: 425px; - width: 100%; - } -} - -@mixin svg-size($size) { - width: $size; - height: $size; -} - -svg { - &.s8 { @include svg-size(8px); } - &.s12 { @include svg-size(12px); } - &.s16 { @include svg-size(16px); } - &.s18 { @include svg-size(18px); } - &.s24 { @include svg-size(24px); } - &.s32 { @include svg-size(32px); } - &.s48 { @include svg-size(48px); } - &.s72 { @include svg-size(72px); } -} diff --git a/app/assets/stylesheets/framework/issue_box.scss b/app/assets/stylesheets/framework/issue_box.scss deleted file mode 100644 index 1537b0744cc..00000000000 --- a/app/assets/stylesheets/framework/issue_box.scss +++ /dev/null @@ -1,46 +0,0 @@ -/** - * Issue box for showing Open/Closed state: - * Used for Issue#show page, MergeRequest#show page etc - * - */ - -.status-box { - - /* Extra small devices (phones, less than 768px) */ - /* No media query since this is the default in Bootstrap */ - padding: 5px 11px; - margin-top: 4px; - /* Small devices (tablets, 768px and up) */ - @media (min-width: $screen-sm-min) { - padding: 0 $gl-btn-padding; - margin-top: 5px; - } - - border-radius: 3px; - display: block; - float: left; - margin-right: 10px; - color: $white-light; - font-size: $gl-font-size; - line-height: 25px; - - &.status-box-closed { - background-color: $gl-danger; - } - - &.status-box-merged { - background-color: $gl-primary; - } - - &.status-box-open { - background-color: $green-500; - } - - &.status-box-expired { - background-color: $issue-status-expired; - } - - &.status-box-upcoming { - background: $gl-text-color-secondary; - } -} diff --git a/app/assets/stylesheets/framework/jquery.scss b/app/assets/stylesheets/framework/jquery.scss deleted file mode 100644 index 300ba4f2de6..00000000000 --- a/app/assets/stylesheets/framework/jquery.scss +++ /dev/null @@ -1,15 +0,0 @@ -.ui-widget { - font-family: $regular_font; - font-size: $font-size-base; - - .ui-state-default { - border: 1px solid $white-light; - background: $white-light; - color: $jq-ui-default-color; - } - - .ui-state-highlight { - border: 0; - background: transparent; - } -} diff --git a/app/assets/stylesheets/framework/layout.scss b/app/assets/stylesheets/framework/layout.scss deleted file mode 100644 index 69d19ea2962..00000000000 --- a/app/assets/stylesheets/framework/layout.scss +++ /dev/null @@ -1,120 +0,0 @@ -html { - overflow-y: scroll; - - &.touch .tooltip { display: none !important; } -} - -body { - &.navless { - background-color: $white-light !important; - } - - &.card-content { - background-color: $gray-darker; - - .content-wrapper { - padding: 0; - - .container-fluid, - .container-limited { - background-color: $gray-darker; - } - } - } -} - -.content-wrapper { - padding-bottom: 100px; -} - -.container { - padding-top: 0; - z-index: 5; -} - -.container .content { - margin: 0; -} - -.navless-container { - margin-top: $header-height; - padding-top: $gl-padding * 2; -} - -.container-limited { - max-width: $fixed-layout-width; - - &.limit-container-width { - max-width: $limited-layout-width; - } - - &.limit-container-width-sm { - max-width: $limited-layout-width-sm; - } -} - -.alert-wrapper { - .alert { - margin-bottom: 0; - - &:last-child { - margin-bottom: $gl-padding; - } - } - - .alert-link-group { - float: right; - } - - /* Center alert text and alert action links on smaller screens */ - @media (max-width: $screen-sm-max) { - .alert { - text-align: center; - } - - .alert-link-group { - float: none; - } - } - - /* Stripe the background colors so that adjacent alert-warnings are distinct from one another */ - .alert-warning { - transition: background-color 0.15s, border-color 0.15s; - background-color: $orange-500; - border-color: $orange-500; - } - - .alert-warning + .alert-warning { - background-color: $orange-600; - border-color: $orange-600; - } - - .alert-warning + .alert-warning + .alert-warning { - background-color: $orange-700; - border-color: $orange-700; - } - - .alert-warning + .alert-warning + .alert-warning + .alert-warning { - background-color: $orange-800; - border-color: $orange-800; - } - - .alert-warning:only-of-type { - background-color: $orange-500; - border-color: $orange-500; - } -} - -.page-with-sidebar > .content-wrapper { - min-height: calc(100vh - #{$header-height}); -} - -.with-performance-bar .page-with-sidebar { - margin-top: $header-height + $performance-bar-height; -} - -.vertical-center { - min-height: 100vh; - display: flex; - align-items: center; -} diff --git a/app/assets/stylesheets/framework/lists.scss b/app/assets/stylesheets/framework/lists.scss deleted file mode 100644 index d43f998cb82..00000000000 --- a/app/assets/stylesheets/framework/lists.scss +++ /dev/null @@ -1,471 +0,0 @@ -/** - * Well styled list - * - */ -.well-list { - position: relative; - margin: 0; - padding: 0; - list-style: none; - - > li { - padding: 10px 15px; - min-height: 20px; - border-bottom: 1px solid $list-border; - - &::after { - content: " "; - display: table; - clear: both; - } - - &.disabled { - color: $list-text-disabled-color; - } - - &.unstyled { - &:hover { - background: none; - } - } - - &.warning-row { - background-color: $list-warning-row-bg; - border-color: $list-warning-row-border; - color: $list-warning-row-color; - } - - &.smoke { background-color: $gray-light; } - - &:not(.ui-sort-disabled):hover { - background: $row-hover; - } - - &:last-child { - border-bottom: none; - - &.bottom { - background: $gray-light; - } - } - - .list-item-name { - float: left; - position: relative; - top: 3px; - } - - p { - padding-top: 1px; - margin: 0; - color: $white-normal; - - img { - position: relative; - top: 3px; - } - } - - .well-title { - font-size: $list-font-size; - line-height: 18px; - } - } -} - - -/** light list with border-bottom between li **/ -ul.bordered-list, -ul.unstyled-list { - @include basic-list; - - &.top-list { - li:first-child { - padding-top: 0; - - h4, - h5 { - margin-top: 0; - } - } - } -} - -ul.unstyled-list > li { - border-bottom: none; -} - -// Generic content list -ul.content-list { - @include basic-list; - margin: 0; - padding: 0; - - li { - border-color: $white-normal; - font-size: $list-font-size; - color: $list-text-color; - - &.no-description { - .title { - line-height: $list-text-height; - } - } - - .title { - font-weight: $gl-font-weight-bold; - } - - a { - color: $gl-text-color; - } - - .member-group-link { - color: $blue-600; - } - - .description { - p { - @include str-truncated; - margin-bottom: 0; - } - } - - .controls { - @include new-style-dropdown; - - float: right; - - > .control-text { - margin-right: $gl-padding-top; - line-height: $list-text-height; - - &:last-child { - margin-right: 0; - } - } - - > .btn, - > .btn-group, - > .dropdown.inline { - margin-right: $gl-padding-top; - display: inline-block; - margin-top: 3px; - margin-bottom: 4px; - - &.has-tooltip, - &:last-child { - margin-right: 0; - - @media(max-width: $screen-xs-max) { - margin: 0 auto; - } - } - } - - .no-comments { - opacity: .5; - } - } - - .member-controls { - float: none; - - @media (min-width: $screen-sm-min) { - float: right; - } - } - - // When dragging a list item - &.ui-sortable-helper { - border-bottom: none; - } - - &.list-placeholder { - background-color: $gray-light; - border: dotted 1px $white-normal; - margin: 1px 0; - min-height: 52px; - } - } -} - -// Content list using flexbox -.flex-list { - .flex-row { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - align-items: center; - white-space: nowrap; - } - - .row-main-content { - flex: 1 1 auto; - overflow: hidden; - padding-right: 8px; - } - - .row-fixed-content { - flex: 0 0 auto; - margin-left: auto; - } - - .row-title { - font-weight: $gl-font-weight-bold; - } - - .row-second-line { - display: block; - } - - .dropdown { - .btn-block { - margin-bottom: 0; - line-height: inherit; - } - } - - .label-default { - color: $gl-text-color-secondary; - } - - .avatar-cell { - align-self: flex-start; - } -} - -.panel > .content-list > li { - padding: $gl-padding-top $gl-padding; -} - -ul.controls { - float: right; - list-style: none; - display: flex; - align-items: center; - - .btn { - padding: 10px 14px; - } - - > li { - float: left; - margin-right: 10px; - - &:last-child { - margin-right: 0; - } - - .author_link { - display: inline-block; - - .avatar-inline { - margin-left: 0; - margin-right: 0; - margin-bottom: 0; - } - } - } - - .issuable-pipeline-broken a, - .issuable-pipeline-status a, - .author_link { - display: flex; - } -} - -ul.indent-list { - padding: 10px 0 0 30px; -} - - -// Specific styles for tree list -@keyframes spin-avatar { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } -} - -.groups-list-tree-container { - .has-no-search-results { - text-align: center; - padding: $gl-padding; - font-style: italic; - color: $well-light-text-color; - } - - > .group-list-tree > .group-row.has-children:first-child { - border-top: none; - } -} - -.group-list-tree .avatar-container.content-loading { - position: relative; - - > a, - > a .avatar { - height: 100%; - border-radius: 50%; - } - - > a { - padding: 2px; - } - - > a .avatar { - border: 2px solid $white-normal; - - &.identicon { - line-height: 30px; - } - } - - &::after { - content: ""; - position: absolute; - height: 100%; - width: 100%; - background-color: transparent; - border: 2px outset $kdb-border; - border-radius: 50%; - animation: spin-avatar 3s infinite linear; - } -} - -.group-list-tree { - .folder-toggle-wrap { - float: left; - line-height: $list-text-height; - font-size: 0; - - span { - font-size: $gl-font-size; - } - } - - .folder-caret, - .item-type-icon { - display: inline-block; - } - - .folder-caret { - width: 15px; - } - - .item-type-icon { - width: 20px; - } - - > .group-row:not(.has-children) { - .folder-caret .fa { - opacity: 0; - } - } - - .content-list li:last-child { - padding-bottom: 0; - } - - .group-list-tree { - margin-bottom: 0; - margin-left: 30px; - position: relative; - - &::before { - content: ''; - display: block; - width: 0; - position: absolute; - top: 5px; - bottom: 0; - left: -16px; - border-left: 2px solid $border-white-normal; - } - - .group-row { - position: relative; - - &::before { - content: ""; - display: block; - width: 10px; - height: 0; - border-top: 2px solid $border-white-normal; - position: absolute; - top: 30px; - left: -16px; - } - - &:last-child::before { - background: $white-light; - height: auto; - top: 30px; - bottom: 0; - } - - &.being-removed { - opacity: 0.5; - } - } - } - - .group-row { - padding: 0; - - &.has-children { - border-top: none; - } - - &:first-child { - border-top: 1px solid $white-normal; - } - - &:last-of-type { - .group-row-contents:not(:hover) { - border-bottom: 1px solid transparent; - } - } - } - - .group-row-contents { - padding: 10px 10px 8px; - border-top: solid 1px transparent; - border-bottom: solid 1px $white-normal; - - &:hover { - border-color: $row-hover-border; - background-color: $row-hover; - cursor: pointer; - } - - .avatar-container > a { - width: 100%; - } - - &.has-more-items { - display: block; - padding: 20px 10px; - } - } -} - -ul.group-list-tree { - li.group-row { - &.has-description { - .title { - line-height: inherit; - } - } - - .title { - line-height: $list-text-height; - } - } -} - -.js-groups-list-holder { - .groups-list-loading { - font-size: 34px; - text-align: center; - } -} diff --git a/app/assets/stylesheets/framework/logo.scss b/app/assets/stylesheets/framework/logo.scss deleted file mode 100644 index 429cfbe7235..00000000000 --- a/app/assets/stylesheets/framework/logo.scss +++ /dev/null @@ -1,119 +0,0 @@ -@mixin tanuki-logo-colors($path-color) { - fill: $path-color; - transition: all 0.8s; - - &:hover { - fill: lighten($path-color, 25%); - transition: all 0.1s; - } -} - -.tanuki-logo { - - .tanuki-left-ear, - .tanuki-right-ear, - .tanuki-nose { - @include tanuki-logo-colors($tanuki-red); - } - - .tanuki-left-eye, - .tanuki-right-eye { - @include tanuki-logo-colors($tanuki-orange); - } - - .tanuki-left-cheek, - .tanuki-right-cheek { - @include tanuki-logo-colors($tanuki-yellow); - } - - &.animate { - .tanuki-shape { - @include webkit-prefix(animation-duration, 1.5s); - @include webkit-prefix(animation-iteration-count, infinite); - } - - .tanuki-left-cheek { - @include include-keyframes(animate-tanuki-left-cheek) { - 0%, 10%, 100% { - fill: lighten($tanuki-yellow, 25%); - } - - 90% { - fill: $tanuki-yellow; - } - } - } - - .tanuki-left-eye { - @include include-keyframes(animate-tanuki-left-eye) { - 10%, 80% { - fill: $tanuki-orange; - } - - 20%, 90% { - fill: lighten($tanuki-orange, 25%); - } - } - } - - .tanuki-left-ear { - @include include-keyframes(animate-tanuki-left-ear) { - 10%, 80% { - fill: $tanuki-red; - } - - 20%, 90% { - fill: lighten($tanuki-red, 25%); - } - } - } - - .tanuki-nose { - @include include-keyframes(animate-tanuki-nose) { - 20%, 70% { - fill: $tanuki-red; - } - - 30%, 80% { - fill: lighten($tanuki-red, 25%); - } - } - } - - .tanuki-right-eye { - @include include-keyframes(animate-tanuki-right-eye) { - 30%, 60% { - fill: $tanuki-orange; - } - - 40%, 70% { - fill: lighten($tanuki-orange, 25%); - } - } - } - - .tanuki-right-ear { - @include include-keyframes(animate-tanuki-right-ear) { - 30%, 60% { - fill: $tanuki-red; - } - - 40%, 70% { - fill: lighten($tanuki-red, 25%); - } - } - } - - .tanuki-right-cheek { - @include include-keyframes(animate-tanuki-right-cheek) { - 40% { - fill: $tanuki-yellow; - } - - 60% { - fill: lighten($tanuki-yellow, 25%); - } - } - } - } -} diff --git a/app/assets/stylesheets/framework/markdown_area.scss b/app/assets/stylesheets/framework/markdown_area.scss deleted file mode 100644 index e3920b5d3d9..00000000000 --- a/app/assets/stylesheets/framework/markdown_area.scss +++ /dev/null @@ -1,222 +0,0 @@ -.div-dropzone-wrapper { - .div-dropzone { - position: relative; - - .div-dropzone-hover { - position: absolute; - top: 50%; - left: 50%; - margin-top: -11.5px; - margin-left: -15px; - opacity: 0; - font-size: 30px; - transition: opacity 200ms ease-in-out; - pointer-events: none; - } - - .div-dropzone-spinner { - position: absolute; - bottom: 10px; - right: 5px; - opacity: 0; - font-size: 20px; - transition: opacity 200ms ease-in-out; - } - - .div-dropzone-icon { - display: block; - text-align: center; - font-size: inherit; - } - - .div-dropzone-progress { - position: absolute; - top: 7px; - left: -40px; - width: 35px; - font-size: 13px; - text-align: right; - } - - .dz-preview { - display: none; - } - } -} - -.div-dropzone-alert { - margin-top: 5px; - margin-bottom: 0; - transition: opacity 200ms ease-in-out; -} - -.md-area { - position: relative; -} - -.md-header { - .nav-links { - a { - padding-top: 0; - line-height: 19px; - - &.btn.btn-xs { - padding: 2px 5px; - } - - &:focus { - margin-top: -10px; - padding-top: 10px; - } - } - } -} - -.referenced-users { - color: $gl-text-color; - padding-top: 10px; -} - -.md-preview-holder { - min-height: 167px; - padding: 10px 0; - overflow-x: auto; -} - -.markdown-area { - border-radius: 0; - background: $white-light; - border: 1px solid $md-area-border; - min-height: 140px; - max-height: 500px; - padding: 5px; - box-shadow: none; - width: 100%; -} - -.md { - &.md-preview-holder { - // Reset ul style types since we're nested inside a ul already - @include bulleted-list; - } - - // On diffs code should wrap nicely and not overflow - code { - white-space: pre-wrap; - word-break: keep-all; - } - - hr { - // Darken 'whitesmoke' a bit to make it more visible in note bodies - border-color: darken($gray-normal, 8%); - margin: 10px 0; - } - - // Border around images in issue and MR comments. - img:not(.emoji) { - border: 1px solid $white-normal; - padding: 5px; - margin: 5px 0; - // Ensure that image does not exceed viewport - max-height: calc(100vh - 100px); - } - - table { - @include markdown-table; - } -} - -.toolbar-group { - float: left; - margin-right: -5px; - margin-left: $gl-padding; - - &:first-child { - margin-left: 0; - } -} - -.toolbar-btn { - float: left; - padding: 0 5px; - color: $gl-text-color-secondary; - background: transparent; - border: 0; - outline: 0; - - &:hover, - &:focus { - color: $gl-link-color; - } -} - -.atwho-view { - overflow-y: auto; - overflow-x: hidden; - - small.description { - float: right; - padding: 3px 5px; - } - - .avatar-inline { - margin-bottom: 0; - } - - .cur { - .avatar { - @include disableAllAnimation; - border: 1px solid $white-light; - } - } - - ul > li { - white-space: nowrap; - } -} - -@media(max-width: $screen-xs-max) { - .atwho-view-ul { - width: 350px; - } - - .atwho-view ul li { - overflow: hidden; - text-overflow: ellipsis; - } -} - -// TODO: fallback to global style -.atwho-view { - .atwho-view-ul { - padding: 8px 1px; - - li { - padding: 8px 16px; - border: 0; - - &.cur { - background-color: $gray-darker; - color: $gl-text-color; - - small { - color: inherit; - } - } - - div.avatar { - display: inline-flex; - justify-content: center; - align-items: center; - - .center { - line-height: 14px; - } - } - - strong { - color: $gl-text-color; - } - } - } -} diff --git a/app/assets/stylesheets/framework/media_object.scss b/app/assets/stylesheets/framework/media_object.scss deleted file mode 100644 index 89c561479cc..00000000000 --- a/app/assets/stylesheets/framework/media_object.scss +++ /dev/null @@ -1,12 +0,0 @@ -.media { - display: flex; - align-items: flex-start; -} - -.media-body { - flex: 1; -} - -.media-body-wrap { - flex-grow: 1; -} diff --git a/app/assets/stylesheets/framework/memory_graph.scss b/app/assets/stylesheets/framework/memory_graph.scss deleted file mode 100644 index 81cdf6b59e4..00000000000 --- a/app/assets/stylesheets/framework/memory_graph.scss +++ /dev/null @@ -1,22 +0,0 @@ -.memory-graph-container { - svg { - background: $white-light; - cursor: pointer; - - &:hover { - box-shadow: 0 0 4px $gray-darkest inset; - } - } - - path { - fill: none; - stroke: $blue-500; - stroke-width: 2px; - } - - circle { - stroke: $blue-700; - fill: $blue-700; - stroke-width: 4px; - } -} diff --git a/app/assets/stylesheets/framework/mixins.scss b/app/assets/stylesheets/framework/mixins.scss deleted file mode 100644 index 2fee2164190..00000000000 --- a/app/assets/stylesheets/framework/mixins.scss +++ /dev/null @@ -1,182 +0,0 @@ -/** - * Prefilled mixins - * Mixins with fixed values - */ - -@mixin str-truncated($max_width: 82%) { - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: top; - white-space: nowrap; - max-width: $max_width; -} - -/* - * Mixin for markdown tables - */ -@mixin markdown-table { - width: auto; -} - -/* - * Base mixin for lists in GitLab - */ -@mixin basic-list { - margin: 5px 0; - padding: 0; - list-style: none; - - > li { - @include clearfix; - - padding: 10px 0; - border-bottom: 1px solid $list-border-light; - display: block; - margin: 0; - - &:last-child { - border-bottom: none; - } - - &.active { - background: $gray-light; - - a { - font-weight: $gl-font-weight-bold; - } - } - - &.hide { - display: none; - } - - &.light { - a { - color: $gl-text-color; - } - } - } -} - -@mixin basic-list-stats { - .stats { - float: right; - line-height: $list-text-height; - color: $gl-text-color; - - span { - margin-right: 15px; - } - } -} - -@mixin bulleted-list { - > ul { - list-style-type: disc; - - ul { - list-style-type: circle; - - ul { - list-style-type: square; - } - } - } -} - -@mixin dark-diff-match-line { - color: $dark-diff-match-bg; - background: $dark-diff-match-color; -} - -@mixin webkit-prefix($property, $value) { - #{'-webkit-' + $property}: $value; - #{$property}: $value; -} - -/* http://phrappe.com/css/conditional-css-for-webkit-based-browsers/ */ -@mixin on-webkit-only { - @media screen and (-webkit-min-device-pixel-ratio:0) { - @content; - } -} - -@mixin keyframes($animation-name) { - @-webkit-keyframes #{$animation-name} { - @content; - } - - @keyframes #{$animation-name} { - @content; - } -} - -@mixin include-keyframes($animation-name) { - @include webkit-prefix(animation-name, $animation-name); - @include keyframes($animation-name) { - @content; - } -} - -/* - * Mixin for status badges, as used for pipelines and commit signatures - */ -@mixin status-color($color-light, $color-main, $color-dark) { - color: $color-main; - border-color: $color-main; - - &:not(span):hover { - background-color: $color-light; - color: $color-dark; - border-color: $color-dark; - - svg { - fill: $color-dark; - } - } - - svg { - fill: $color-main; - } -} - -@mixin green-status-color { - @include status-color($green-100, $green-500, $green-700); -} - -@mixin fade($gradient-direction, $gradient-color) { - visibility: hidden; - opacity: 0; - z-index: 2; - position: absolute; - bottom: 12px; - width: 43px; - height: 30px; - transition-duration: .3s; - -webkit-transform: translateZ(0); - background: linear-gradient(to $gradient-direction, $gradient-color 45%, rgba($gradient-color, 0.4)); - - &.scrolling { - visibility: visible; - opacity: 1; - transition-duration: .3s; - } - - .fa { - position: relative; - top: 5px; - font-size: 18px; - } -} - -@mixin scrolling-links() { - overflow-x: auto; - overflow-y: hidden; - -webkit-overflow-scrolling: touch; - display: flex; - - &::-webkit-scrollbar { - display: none; - } -} diff --git a/app/assets/stylesheets/framework/mobile.scss b/app/assets/stylesheets/framework/mobile.scss deleted file mode 100644 index 600a1f53b58..00000000000 --- a/app/assets/stylesheets/framework/mobile.scss +++ /dev/null @@ -1,131 +0,0 @@ -/** Common mobile (screen XS, SM) styles **/ -@media (max-width: $screen-xs-max) { - .container .content { - margin-top: 20px; - } - - .container-fluid { - padding-left: 5px; - padding-right: 5px; - } - - .nav-links > li > a { - padding: 10px; - font-size: 12px; - margin-right: 3px; - - .badge { - display: none; - } - } - - .referenced-users { - margin-right: 0; - } - - .issues-details-filters:not(.filtered-search-block), - .dash-projects-filters, - .check-all-holder { - display: none; - } - - .rss-btn { - display: none; - } - - .project-home-links { - display: none; - } - - .project-home-panel { - padding-left: 0 !important; - - .project-avatar { - display: block; - } - - .project-repo-buttons, - .git-clone-holder { - display: none; - } - - // Display Star and Fork buttons without counters on mobile. - .project-repo-buttons { - display: block; - - .count-buttons .btn { - margin: 0 10px; - } - - .count-buttons .count-with-arrow { - display: none; - } - } - } - - .project-stats { - display: none; - } - - .group-buttons { - display: none; - } - - .container .title { - padding-left: 15px !important; - } - - .nav-links, - .nav-links { - li a { - font-size: 14px; - padding: 19px 10px; - } - } - - .activity-filter-block { - display: none; - } - - .projects-search-form { - .btn { - display: none; - } - } -} - -@media (max-width: $screen-sm-max) { - .issues-filters { - .milestone-filter { - display: none; - } - } - - .page-title { - .note-created-ago, - .new-issue-link { - display: none; - } - } - - aside:not(.right-sidebar) { - display: none; - } - - .show-aside { - display: block !important; - } -} - -.show-aside { - display: none; - position: fixed; - right: 0; - top: 30%; - padding: 5px 15px; - background: $show-aside-bg; - font-size: 20px; - color: $show-aside-color; - z-index: 100; - box-shadow: 0 1px 2px $show-aside-shadow; -} diff --git a/app/assets/stylesheets/framework/modal.scss b/app/assets/stylesheets/framework/modal.scss deleted file mode 100644 index 1cebd02df48..00000000000 --- a/app/assets/stylesheets/framework/modal.scss +++ /dev/null @@ -1,44 +0,0 @@ -.modal-header { - padding: #{3 * $grid-size} #{2 * $grid-size}; - - .page-title { - margin-top: 0; - } -} - -.modal-body { - position: relative; - padding: #{3 * $grid-size} #{2 * $grid-size}; - - .form-actions { - margin: #{2 * $grid-size} #{-2 * $grid-size} #{-2 * $grid-size}; - } - - .text-danger { - font-weight: $gl-font-weight-bold; - } -} - -body.modal-open { - overflow: hidden; -} - -.modal-no-backdrop { - @extend .modal-dialog; - - .modal-content { - box-shadow: none; - } -} - -@media (min-width: $screen-md-min) { - .modal-dialog { - width: 860px; - } -} - -@media (min-width: $screen-lg-min) { - .modal-full { - width: 98%; - } -} diff --git a/app/assets/stylesheets/framework/new-nav.scss b/app/assets/stylesheets/framework/new-nav.scss deleted file mode 100644 index e69de29bb2d..00000000000 --- a/app/assets/stylesheets/framework/new-nav.scss +++ /dev/null diff --git a/app/assets/stylesheets/framework/new-sidebar.scss b/app/assets/stylesheets/framework/new-sidebar.scss deleted file mode 100644 index 17fa31c450d..00000000000 --- a/app/assets/stylesheets/framework/new-sidebar.scss +++ /dev/null @@ -1,510 +0,0 @@ -@import "framework/variables"; -@import 'framework/tw_bootstrap_variables'; -@import "bootstrap/variables"; - -$active-background: rgba(0, 0, 0, .04); -$active-hover-background: $active-background; -$active-hover-color: $gl-text-color; -$inactive-badge-background: rgba(0, 0, 0, .08); -$hover-background: $white-light; -$hover-color: $gl-text-color; -$inactive-color: $gl-text-color-secondary; -$new-sidebar-width: 220px; -$new-sidebar-collapsed-width: 50px; - -.page-with-new-sidebar { - @media (min-width: $screen-md-min) { - padding-left: $new-sidebar-collapsed-width; - } - - @media (min-width: $screen-lg-min) { - padding-left: $new-sidebar-width; - } - - // Override position: absolute - .right-sidebar { - position: fixed; - height: calc(100% - #{$header-height}); - } - - .issues-bulk-update.right-sidebar.right-sidebar-expanded .issuable-sidebar-header { - padding: 10px 0 15px; - } -} - -.page-with-icon-sidebar { - @media (min-width: $screen-sm-min) { - padding-left: $new-sidebar-collapsed-width; - } -} - -.context-header { - position: relative; - margin-right: 2px; - - a { - font-weight: $gl-font-weight-bold; - display: flex; - align-items: center; - padding: 10px 16px 10px 10px; - color: $gl-text-color; - } - - &:hover, - a:hover { - background-color: $hover-background; - color: $hover-color; - - .settings-avatar { - svg { - fill: $hover-color; - } - } - } - - .avatar-container { - flex: 0 0 40px; - background-color: $white-light; - } - - .sidebar-context-title { - overflow: hidden; - text-overflow: ellipsis; - } -} - -.settings-avatar { - background-color: $white-light; - - svg { - fill: $gl-text-color-secondary; - margin: auto; - } -} - -.nav-sidebar { - position: fixed; - z-index: 400; - width: $new-sidebar-width; - transition: left $sidebar-transition-duration; - top: $header-height; - bottom: 0; - left: 0; - background-color: $gray-light; - box-shadow: inset -2px 0 0 $border-color; - transform: translate3d(0, 0, 0); - - &:not(.sidebar-icons-only) { - @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) { - box-shadow: inset -2px 0 0 $border-color, - 2px 1px 3px $dropdown-shadow-color; - } - } - - &.sidebar-icons-only { - width: auto; - min-width: $new-sidebar-collapsed-width; - - .nav-sidebar-inner-scroll { - overflow-x: hidden; - } - - .badge:not(.fly-out-badge), - .sidebar-context-title, - .nav-item-name { - display: none; - } - - .sidebar-top-level-items > li > a { - min-height: 44px; - } - - .fly-out-top-item { - display: block; - } - - .avatar-container { - margin-right: 0; - } - } - - &.nav-sidebar-expanded { - left: 0; - } - - a { - transition: none; - text-decoration: none; - } - - ul { - padding-left: 0; - list-style: none; - } - - li { - white-space: nowrap; - - a { - display: flex; - align-items: center; - padding: 12px 16px; - color: $inactive-color; - } - - svg { - fill: $inactive-color; - } - } - - .nav-item-name { - flex: 1; - } - - li.active { - > a { - font-weight: $gl-font-weight-bold; - } - } - - @media (max-width: $screen-xs-max) { - left: (-$new-sidebar-width); - } - - .nav-icon-container { - display: flex; - margin-right: 8px; - } - - .fly-out-top-item { - display: none; - } - - svg { - height: 16px; - width: 16px; - } -} - -.nav-sidebar-inner-scroll { - height: 100%; - width: 100%; - overflow: auto; - - @media (min-width: $screen-sm-min) { - overflow: hidden; - } -} - -.with-performance-bar .nav-sidebar { - top: $header-height + $performance-bar-height; -} - -.sidebar-sub-level-items { - display: none; - padding-bottom: 8px; - - > li { - a { - padding: 8px 16px 8px 40px; - - &:hover, - &:focus { - background: $active-hover-background; - color: $active-hover-color; - } - } - - &.active { - a { - &, - &:hover, - &:focus { - background: $active-background; - } - } - } - } -} - -.sidebar-top-level-items { - margin-bottom: 60px; - - > li { - > a { - @media (min-width: $screen-sm-min) { - margin-right: 2px; - } - - &:hover { - color: $gl-text-color; - - svg { - fill: $gl-text-color; - } - } - } - - &.is-showing-fly-out { - > a { - margin-right: 2px; - } - - .sidebar-sub-level-items { - @media (min-width: $screen-sm-min) { - position: fixed; - top: 0; - left: 0; - min-width: 150px; - margin-top: -1px; - padding: 4px 1px; - background-color: $white-light; - box-shadow: 2px 1px 3px $dropdown-shadow-color; - border: 1px solid $gray-darker; - border-left: 0; - border-radius: 0 3px 3px 0; - - &::before { - content: ""; - position: absolute; - top: -30px; - bottom: -30px; - left: -10px; - right: -30px; - z-index: -1; - } - - &.is-above { - margin-top: 1px; - } - - .divider { - height: 1px; - margin: 4px -1px; - padding: 0; - background-color: $dropdown-divider-color; - } - - > .active { - box-shadow: none; - - > a { - background-color: transparent; - } - } - - a { - padding: 8px 16px; - color: $gl-text-color; - - &:hover, - &:focus { - background-color: $gray-darker; - } - } - } - } - } - - .badge { - background-color: $inactive-badge-background; - color: $inactive-color; - } - - &.active { - background: $active-background; - - > a { - margin-left: 4px; - padding-left: 12px; - } - - .badge { - font-weight: $gl-font-weight-bold; - } - - .sidebar-sub-level-items:not(.is-fly-out-only) { - display: block; - } - } - - &.active > a:hover, - &.is-over > a { - background-color: $white-light; - } - } -} - - -// Collapsed nav - -.toggle-sidebar-button, -.close-nav-button { - width: $new-sidebar-width - 2px; - position: fixed; - bottom: 0; - padding: 16px; - background-color: $gray-normal; - border: 0; - border-top: 2px solid $border-color; - color: $gl-text-color-secondary; - display: flex; - align-items: center; - - svg { - fill: $gl-text-color-secondary; - margin-right: 8px; - } - - .icon-angle-double-right { - display: none; - } - - &:hover { - background-color: $border-color; - color: $gl-text-color; - - svg { - fill: $gl-text-color; - } - } -} - -.toggle-sidebar-button { - @media (max-width: $screen-xs-max) { - display: none; - } -} - - -.sidebar-icons-only { - .context-header { - height: 61px; - - a { - padding: 10px 4px; - } - } - - li a { - padding: 12px 15px; - } - - .sidebar-top-level-items > li { - &.active a { - padding-left: 12px; - } - - .sidebar-sub-level-items { - &:not(.flyout-list) { - display: none; - } - } - } - - .nav-icon-container { - margin-right: 0; - } - - .toggle-sidebar-button { - width: $new-sidebar-collapsed-width - 2px; - padding: 16px; - - .collapse-text, - .icon-angle-double-left { - display: none; - } - - .icon-angle-double-right { - display: block; - margin: 0; - } - } -} - -.fly-out-top-item { - > a { - display: flex; - } - - .fly-out-badge { - margin-left: 8px; - } -} - -.fly-out-top-item-name { - flex: 1; -} - -// Mobile nav - -.close-nav-button { - display: none; -} - -.toggle-mobile-nav { - display: none; - background-color: transparent; - border: 0; - padding: 6px 16px; - margin: 0 0 0 -15px; - height: 46px; - - i { - font-size: 20px; - color: $gl-text-color-secondary; - } - - @media (max-width: $screen-xs-max) { - display: flex; - align-items: center; - - i { - font-size: 18px; - } - } - - @media (max-width: $screen-xs-max) { - + .breadcrumbs-links { - padding-left: $gl-padding; - border-left: 1px solid $gl-text-color-quaternary; - } - } -} - -@media (max-width: $screen-xs-max) { - .close-nav-button { - display: flex; - } -} - -.mobile-overlay { - display: none; - - &.mobile-nav-open { - display: block; - position: fixed; - background-color: $black-transparent; - height: 100%; - width: 100%; - z-index: 300; - } -} - - -// Make issue boards full-height now that sub-nav is gone - -.boards-list { - height: calc(100vh - #{$header-height}); - - @media (min-width: $screen-sm-min) { - height: 475px; // Needed for PhantomJS - // scss-lint:disable DuplicateProperty - height: calc(100vh - 180px); - // scss-lint:enable DuplicateProperty - } -} - -.with-performance-bar .boards-list { - height: calc(100vh - #{$header-height} - #{$performance-bar-height}); -} diff --git a/app/assets/stylesheets/framework/notes.scss b/app/assets/stylesheets/framework/notes.scss deleted file mode 100644 index d349e3fad9c..00000000000 --- a/app/assets/stylesheets/framework/notes.scss +++ /dev/null @@ -1,14 +0,0 @@ -@mixin notes-media($condition, $breakpoint-width) { - @media (#{$condition}-width: ($breakpoint-width)) { - @content; - } - - // Diff is side by side - .notes_content.parallel & { - // We hide at double what we normally hide at because - // there are two columns of notes - @media (#{$condition}-width: (2 * $breakpoint-width)) { - @content; - } - } -} diff --git a/app/assets/stylesheets/framework/page-header.scss b/app/assets/stylesheets/framework/page-header.scss deleted file mode 100644 index 0c879f40930..00000000000 --- a/app/assets/stylesheets/framework/page-header.scss +++ /dev/null @@ -1,66 +0,0 @@ -.page-content-header { - line-height: 34px; - padding: 10px 0; - margin-bottom: 0; - - @media (min-width: $screen-sm-min) { - display: flex; - align-items: center; - - .header-main-content { - flex: 1; - } - } - - .header-action-buttons { - i { - color: $gl-text-color-secondary; - font-size: 13px; - margin-right: 3px; - } - - @media (max-width: $screen-xs-max) { - .btn { - width: 100%; - margin-top: 10px; - } - - .dropdown { - width: 100%; - } - } - } - - .avatar { - @extend .avatar-inline; - margin-left: 0; - - @media (min-width: $screen-sm-min) { - margin-left: 4px; - } - } - - .commit-committer-link, - .commit-author-link { - color: $gl-text-color; - font-weight: $gl-font-weight-bold; - } - - .commit-info { - &.branches { - margin-left: 8px; - } - } - - .ci-status-link { - svg { - position: relative; - top: 2px; - margin: 0 2px 0 3px; - } - } - - .ci-status { - margin-right: 10px; - } -} diff --git a/app/assets/stylesheets/framework/pagination.scss b/app/assets/stylesheets/framework/pagination.scss deleted file mode 100644 index c3ec9db0f07..00000000000 --- a/app/assets/stylesheets/framework/pagination.scss +++ /dev/null @@ -1,90 +0,0 @@ -.gl-pagination { - text-align: center; - border-top: 1px solid $border-color; - margin: 0; - margin-top: 0; - - .pagination { - padding: 0; - - a { - cursor: pointer; - } - - .separator, - .separator:hover { - a { - cursor: default; - background-color: $gray-light; - padding: $gl-vert-padding; - } - } - } - - - .gap, - .gap:hover { - background-color: $gray-light; - padding: $gl-vert-padding; - cursor: default; - } -} - -.panel > .gl-pagination { - margin: 0; -} - -/** - * Extra-small screen pagination. - */ -@media (max-width: 320px) { - .gl-pagination { - .first, - .last { - display: none; - } - - .page { - display: none; - - &.active { - display: inline; - } - } - } -} - -/** - * Small screen pagination - */ -@media (max-width: $screen-xs-min) { - .gl-pagination { - .pagination li a { - padding: 6px 10px; - } - - .page { - display: none; - - &.active { - display: inline; - } - } - } -} - -/** - * Medium screen pagination - */ -@media (min-width: $screen-xs-min) and (max-width: $screen-md-max) { - .gl-pagination { - .page { - display: none; - - &.active, - &.sibling { - display: inline; - } - } - } -} diff --git a/app/assets/stylesheets/framework/panels.scss b/app/assets/stylesheets/framework/panels.scss deleted file mode 100644 index e8d69e62194..00000000000 --- a/app/assets/stylesheets/framework/panels.scss +++ /dev/null @@ -1,60 +0,0 @@ -.panel { - margin-bottom: $gl-padding; -} - -.panel-slim { - @extend .panel; - margin-bottom: $gl-vert-padding; -} - - -.panel-heading { - padding: $gl-vert-padding $gl-padding; - line-height: 36px; - - .controls { - margin-top: -2px; - float: right; - } - - .dropdown-menu-toggle { - line-height: 20px; - } - - .badge { - margin-top: -2px; - margin-left: 5px; - } - - &.split { - display: flex; - align-items: center; - } - - .left { - flex: 1 1 auto; - } - - .right { - flex: 0 0 auto; - text-align: right; - } -} - -.panel-empty-heading { - border-bottom: 0; -} - -.panel-body { - padding: $gl-padding; - - .form-actions { - margin: -$gl-padding; - margin-top: $gl-padding; - } -} - -.panel-title { - font-size: inherit; - line-height: inherit; -} diff --git a/app/assets/stylesheets/framework/responsive-tables.scss b/app/assets/stylesheets/framework/responsive-tables.scss deleted file mode 100644 index 8e653c443cf..00000000000 --- a/app/assets/stylesheets/framework/responsive-tables.scss +++ /dev/null @@ -1,137 +0,0 @@ -@mixin flex-max-width($max) { - flex: 0 0 #{$max + '%'}; - max-width: #{$max + '%'}; -} - -.gl-responsive-table-row { - margin-top: 10px; - border: 1px solid $border-color; - - @media (min-width: $screen-md-min) { - padding: 15px 0; - margin: 0; - display: flex; - align-items: center; - border: none; - border-bottom: 1px solid $white-normal; - } - - .table-section { - white-space: nowrap; - - $section-widths: 10 15 20 25 30 40; - @each $width in $section-widths { - &.section-#{$width} { - flex: 0 0 #{$width + '%'}; - - @media (min-width: $screen-md-min) { - max-width: #{$width + '%'}; - } - } - } - - &:not(.table-button-footer) { - @media (max-width: $screen-sm-max) { - display: flex; - align-self: stretch; - padding: 10px; - align-items: center; - min-height: 62px; - - &:not(:first-of-type) { - border-top: 1px solid $white-normal; - } - } - } - - &.section-wrap { - white-space: normal; - - @media (max-width: $screen-sm-max) { - flex-wrap: wrap; - } - } - } -} - - -.table-button-footer { - @media (min-width: $screen-md-min) { - text-align: right; - } - - @media (max-width: $screen-sm-max) { - background-color: $gray-normal; - align-self: stretch; - border-top: 1px solid $border-color; - - .table-action-buttons { - padding: 10px 5px; - display: flex; - - .btn { - border-radius: 3px; - } - - > .btn-group, - > .external-url, - > .btn { - flex: 1 1 28px; - margin: 0 5px; - } - - .dropdown-new { - width: 100%; - } - - .dropdown-menu { - min-width: initial; - } - } - } -} - -.table-row-header { - font-size: 13px; - - @media (max-width: $screen-sm-max) { - display: none; - } -} - -.table-mobile-header { - @include flex-max-width(40); - color: $gl-text-color-secondary; - text-align: left; - - @media (min-width: $screen-md-min) { - display: none; - } -} - -.table-mobile-content { - @media (max-width: $screen-sm-max) { - @include flex-max-width(60); - text-align: right; - } -} - -.flex-truncate-parent { - display: flex; -} - -.flex-truncate-child { - flex: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - @media (min-width: $screen-md-min) { - flex: 0 0 90%; - } - - .avatar { - float: none; - margin-right: 4px; - } -} diff --git a/app/assets/stylesheets/framework/secondary-navigation-elements.scss b/app/assets/stylesheets/framework/secondary-navigation-elements.scss deleted file mode 100644 index 3fd2549b143..00000000000 --- a/app/assets/stylesheets/framework/secondary-navigation-elements.scss +++ /dev/null @@ -1,378 +0,0 @@ -// For tabbed navigation links, scrolling tabs, etc. For all top/main navigation, -// please check nav.scss -.nav-links { - display: flex; - padding: 0; - margin: 0; - list-style: none; - height: auto; - border-bottom: 1px solid $border-color; - - li { - display: flex; - - a { - padding: $gl-btn-padding; - padding-bottom: 11px; - font-size: 14px; - line-height: 28px; - color: $gl-text-color-secondary; - border-bottom: 2px solid transparent; - white-space: nowrap; - - &:hover, - &:active, - &:focus { - text-decoration: none; - color: $black; - border-bottom: 2px solid $gray-darkest; - - .badge { - color: $black; - } - } - } - - &.active a { - color: $black; - font-weight: $gl-font-weight-bold; - - .badge { - color: $black; - } - } - } -} - -.top-area { - @include clearfix; - border-bottom: 1px solid $border-color; - - .nav-text { - padding-top: 16px; - padding-bottom: 11px; - display: inline-block; - line-height: 28px; - white-space: normal; - - /* Small devices (phones, tablets, 768px and lower) */ - @media (max-width: $screen-xs-max) { - width: 100%; - } - } - - .nav-links { - margin-bottom: 0; - border-bottom: none; - float: left; - - &.wide { - width: 100%; - display: block; - } - - &.scrolling-tabs { - float: left; - } - - li a { - padding: 16px 15px 11px; - } - - /* Small devices (phones, tablets, 768px and lower) */ - @media (max-width: $screen-xs-max) { - width: 100%; - } - } - - .nav-controls { - @include new-style-dropdown; - - display: inline-block; - float: right; - text-align: right; - padding: 11px 0; - margin-bottom: 0; - - > .btn, - > .btn-container, - > .dropdown, - > input, - > form { - margin-right: $gl-padding-top; - display: inline-block; - vertical-align: top; - - &:last-child { - margin-right: 0; - float: right; - } - } - - > .btn-grouped { - float: none; - } - - .icon-label { - display: none; - } - - input { - display: inline-block; - position: relative; - - /* Medium devices (desktops, 992px and up) */ - @media (min-width: $screen-md-min) { width: 200px; } - - /* Large devices (large desktops, 1200px and up) */ - @media (min-width: $screen-lg-min) { width: 250px; } - - &.input-short { - /* Medium devices (desktops, 992px and up) */ - @media (min-width: $screen-md-min) { width: 170px; } - - /* Large devices (large desktops, 1200px and up) */ - @media (min-width: $screen-lg-min) { width: 210px; } - } - } - - @media (max-width: $screen-xs-max) { - padding-bottom: 0; - width: 100%; - - .btn, - form, - .dropdown, - .dropdown-toggle, - .dropdown-menu-toggle, - .form-control { - margin: 0 0 10px; - display: block; - width: 100%; - } - - form { - display: block; - height: auto; - margin-bottom: 14px; - - input { - width: 100%; - margin: 0 0 10px; - } - } - - .input-short { - width: 100%; - } - - .icon-label { - display: inline-block; - } - - // Applies on /dashboard/issues - .project-item-select-holder { - margin: 0; - } - } - } - - &.adjust { - .nav-text, - .nav-controls { - width: auto; - - @media (max-width: $screen-xs-max) { - width: 100%; - } - } - } - - &.multi-line { - .nav-text { - line-height: 20px; - } - - .nav-controls { - padding: 17px 0; - } - } - - pre { - width: 100%; - } - - @media (max-width: $screen-xs-max) { - flex-flow: row wrap; - - .nav-controls { - $controls-margin: $btn-xs-side-margin - 2px; - flex: 0 0 100%; - - &.controls-flex { - display: flex; - flex-flow: row wrap; - align-items: center; - justify-content: center; - padding: 0 0 $gl-padding-top; - } - - .controls-item, - .controls-item-full, - .controls-item:last-child { - flex: 1 1 35%; - display: block; - width: 100%; - margin: $controls-margin; - - .btn, - .dropdown { - margin: 0; - } - } - - .controls-item-full { - flex: 1 1 100%; - } - } - } -} - -.scrolling-tabs-container { - position: relative; - - .merge-request-tabs-container & { - overflow: hidden; - } - - .nav-links { - @include scrolling-links(); - } - - .fade-right { - @include fade(left, $gray-light); - right: -5px; - - .fa { - right: -7px; - } - } - - .fade-left { - @include fade(right, $gray-light); - left: -5px; - text-align: center; - - .fa { - left: -7px; - } - } -} - -.inner-page-scroll-tabs { - position: relative; - - .fade-right { - @include fade(left, $white-light); - right: 0; - text-align: right; - - .fa { - right: 5px; - } - } - - .fade-left { - @include fade(right, $white-light); - left: 0; - text-align: left; - - .fa { - left: 5px; - } - } - - .fade-right, - .fade-left { - top: 16px; - bottom: auto; - } - - &.is-smaller { - .fade-right, - .fade-left { - top: 11px; - } - } -} - -.nav-block { - position: relative; - - .nav-links { - @include scrolling-links(); - - .fade-right { - @include fade(left, $white-light); - right: -5px; - - .fa { - right: -7px; - } - } - - .fade-left { - @include fade(right, $white-light); - left: -5px; - - .fa { - left: -7px; - } - } - } - - &.activities { - border-bottom: 1px solid $border-color; - - .nav-links { - border-bottom: none; - } - } -} - -.project-item-select-holder.btn-group { - display: flex; - max-width: 350px; - overflow: hidden; - float: right; - - .new-project-item-link { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .new-project-item-select-button { - width: 32px; - } -} - -.empty-state .project-item-select-holder.btn-group { - float: none; - display: inline-block; - - .btn { - // overrides styles applied to plain `.empty-state .btn` - margin: 10px 0; - max-width: 300px; - width: auto; - - @media(max-width: $screen-xs-max) { - max-width: 250px; - } - } -} - -.new-project-item-select-button .fa-caret-down { - margin-left: 2px; -} diff --git a/app/assets/stylesheets/framework/selects.scss b/app/assets/stylesheets/framework/selects.scss deleted file mode 100644 index 621eec4f158..00000000000 --- a/app/assets/stylesheets/framework/selects.scss +++ /dev/null @@ -1,272 +0,0 @@ -/** Select2 selectbox style override **/ -.select2-container { - width: 100% !important; -} - -.select2-container, -.select2-container.select2-drop-above { - .select2-choice { - background: $white-light; - border-color: $input-border; - height: 35px; - padding: $gl-vert-padding $gl-input-padding; - font-size: $gl-font-size; - line-height: 1.42857143; - border-radius: $border-radius-base; - - .select2-arrow { - background-image: none; - background-color: transparent; - border: none; - padding-top: 12px; - padding-right: 20px; - font-size: 10px; - - b { - display: none; - } - - &::after { - content: "\f078"; - position: absolute; - z-index: 1; - text-align: center; - pointer-events: none; - box-sizing: border-box; - color: $gray-darkest; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - } - - .select2-chosen { - margin-right: 15px; - } - - &:hover { - border-color: $gray-darkest; - color: $gl-text-color; - } - } -} - -.select2-drop, -.select2-drop.select2-drop-above { - box-shadow: 0 2px 4px $dropdown-shadow-color; - border-radius: $border-radius-base; - border: 1px solid $dropdown-border-color; - min-width: 175px; - color: $gl-text-color; - z-index: 999; -} - -.select2-drop-mask { - z-index: 998; -} - -.select2-drop.select2-drop-above.select2-drop-active { - border-top: 1px solid $dropdown-border-color; - margin-top: -6px; -} - -.select2-results li.select2-result-with-children > .select2-result-label { - font-weight: $gl-font-weight-bold; - color: $gl-text-color; -} - -.select2-container-active { - .select2-choice, - .select2-choices { - box-shadow: none; - } -} - -.select2-dropdown-open, -.select2-dropdown-open.select2-drop-above { - .select2-choice { - border-color: $gray-darkest; - outline: 0; - } -} - -.select2-container-multi { - .select2-choices { - border-radius: $border-radius-default; - border-color: $input-border; - background: none; - - .select2-search-field input { - padding: 5px $gl-padding / 2; - height: auto; - font-family: inherit; - font-size: inherit; - } - - .select2-search-choice { - margin: 5px 0 0 8px; - box-shadow: none; - border-color: $input-border; - color: $gl-text-color; - line-height: 15px; - background-color: $gray-light; - background-image: none; - padding: 3px 18px 3px 5px; - - .select2-search-choice-close { - top: 5px; - left: initial; - right: 3px; - } - - &.select2-search-choice-focus { - border-color: $gl-text-color; - } - } - } -} - -.select2-drop-active { - margin-top: $dropdown-vertical-offset; - font-size: 14px; - - .select2-results { - max-height: 350px; - } -} - -.select2-search { - padding: 15px 15px 5px; - - .select2-drop-auto-width & { - padding: 15px 15px 5px; - } -} - -.select2-search input { - padding: 2px 25px 2px 5px; - background: $white-light image-url('select2.png'); - background-repeat: no-repeat; - background-position: right 0 bottom 6px; - border: 1px solid $input-border; - border-radius: $border-radius-default; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - - &:focus { - border-color: $input-border-focus; - } -} - -.select2-search input.select2-active { - background-color: $white-light; - background-image: image-url('select2-spinner.gif') !important; - background-repeat: no-repeat; - background-position: right 5px center !important; - background-size: 16px 16px !important; -} - -.select2-results { - margin: 0; - padding: #{$gl-padding / 2} 0; - - .select2-no-results, - .select2-searching, - .select2-ajax-error, - .select2-selection-limit { - background: transparent; - padding: #{$gl-padding / 2} $gl-padding; - } - - .select2-result-label, - .select2-more-results { - padding: #{$gl-padding / 2} $gl-padding; - } - - .select2-highlighted { - background: transparent; - color: $gl-text-color; - - .select2-result-label { - background: $dropdown-item-hover-bg; - } - } - - .select2-result { - padding: 0 1px; - } -} - -.ajax-users-select { - width: 400px; - - &.input-large { - width: 210px; - } - - &.input-clamp { - max-width: 100%; - } -} - -.select2-highlighted { - .group-result { - .group-path { - color: $white-light; - } - } -} - -.group-result { - .group-image { - float: left; - } - - .group-name { - font-weight: $gl-font-weight-bold; - } - - .group-path { - color: $group-path-color; - } -} - -.user-result { - min-height: 24px; - - .user-image { - float: left; - } - - &.no-username { - .user-name { - line-height: 24px; - } - } -} - -.namespace-result { - .namespace-kind { - color: $namespace-kind-color; - font-weight: $gl-font-weight-normal; - } - - .namespace-path { - margin-left: 10px; - font-weight: $gl-font-weight-bold; - } -} - -.ajax-users-dropdown { - min-width: 250px !important; -} - -.select2-result-selectable, -.select2-result-unselectable { - .select2-match { - font-weight: $gl-font-weight-bold; - text-decoration: none; - } -} diff --git a/app/assets/stylesheets/framework/sidebar.scss b/app/assets/stylesheets/framework/sidebar.scss deleted file mode 100644 index ef58382ba41..00000000000 --- a/app/assets/stylesheets/framework/sidebar.scss +++ /dev/null @@ -1,138 +0,0 @@ -.content-wrapper { - width: 100%; - transition: padding $sidebar-transition-duration; - - .container-fluid { - background: $white-light; - padding: 0 $gl-padding; - - &.container-blank { - background: none; - padding: 0; - border: none; - } - } -} - -.nav-header-btn { - padding: 10px $gl-sidebar-padding; - color: inherit; - transition-duration: .3s; - position: absolute; - top: 0; - cursor: pointer; - - &:hover, - &:focus { - color: $white-light; - text-decoration: none; - } -} - -.right-sidebar-collapsed { - padding-right: 0; - - @media (min-width: $screen-sm-min) { - &:not(.wiki-sidebar):not(.build-sidebar):not(.issuable-bulk-update-sidebar) .content-wrapper { - padding-right: $gutter_collapsed_width; - } - - .merge-request-tabs-holder.affix { - right: $gutter_collapsed_width; - } - } - - .sidebar-collapsed-icon { - cursor: pointer; - - .btn { - background-color: $gray-light; - } - } -} - -.right-sidebar-expanded { - padding-right: 0; - z-index: 300; - - @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { - &:not(.wiki-sidebar):not(.build-sidebar):not(.issuable-bulk-update-sidebar) .content-wrapper { - padding-right: $gutter_collapsed_width; - } - } - - @media (min-width: $screen-md-min) { - .content-wrapper { - padding-right: $gutter_width; - } - - &:not(.with-overlay) .merge-request-tabs-holder.affix { - right: $gutter_width; - } - - &.with-overlay .merge-request-tabs-holder.affix { - right: $gutter_collapsed_width; - } - } -} - -.right-sidebar { - border-left: 1px solid $border-color; - height: calc(100% - #{$header-height}); - - &.affix { - position: fixed; - top: $header-height; - } -} - -.with-performance-bar .right-sidebar.affix { - top: $header-height + $performance-bar-height; -} - -@mixin maintain-sidebar-dimensions { - display: block; - width: $gutter-width; -} - -.issues-bulk-update.right-sidebar { - @include maintain-sidebar-dimensions; - width: 0; - padding: 0; - transition: width $sidebar-transition-duration; - - &.right-sidebar-expanded { - @include maintain-sidebar-dimensions; - width: $gutter-width; - - .issuable-sidebar-header { - // matches `.top-area .nav-controls` for issuable index pages - padding: 11px 0; - } - - .block:last-of-type { - border: none; - } - } - - &.right-sidebar-collapsed { - @include maintain-sidebar-dimensions; - width: 0; - padding: 0; - - .block { - padding: 16px 0; - width: 250px; - border-bottom: 1px solid $border-color; - } - } - - .issuable-sidebar { - padding: 0 3px; - width: calc(100% + 35px); - } -} - -.issuable-sidebar { - @include new-style-dropdown; -} diff --git a/app/assets/stylesheets/framework/snippets.scss b/app/assets/stylesheets/framework/snippets.scss deleted file mode 100644 index 30c15c231d5..00000000000 --- a/app/assets/stylesheets/framework/snippets.scss +++ /dev/null @@ -1,48 +0,0 @@ -.snippet-row { - .title { - margin-bottom: 2px; - } - - .snippet-filename { - padding: 0 2px; - } -} - -.snippet-form-holder .file-holder .file-title { - padding: 2px; -} - -.markdown-snippet-copy { - position: fixed; - top: -10px; - left: -10px; - max-height: 0; - max-width: 0; -} - -.snippet-file-content { - border-radius: 3px; -} - -.snippet-header { - padding: $gl-padding 0; -} - -.snippet-title { - font-size: 24px; - font-weight: $gl-font-weight-bold; -} - -.snippet-edited-ago { - color: $gray-darkest; -} - -.snippet-actions { - @media (min-width: $screen-sm-min) { - float: right; - } -} - -.snippet-scope-menu .btn-new { - margin-top: 15px; -} diff --git a/app/assets/stylesheets/framework/tables.scss b/app/assets/stylesheets/framework/tables.scss deleted file mode 100644 index 4dd31bf28cd..00000000000 --- a/app/assets/stylesheets/framework/tables.scss +++ /dev/null @@ -1,61 +0,0 @@ -.table-holder { - margin: 0; -} - -table { - &.table { - margin-bottom: $gl-padding; - - .dropdown-menu a { - text-decoration: none; - } - - .success, - .warning, - .danger, - .info { - color: $white-light; - - a:not(.btn) { - text-decoration: underline; - color: $white-light; - } - } - - tr { - td, - th { - padding: 10px $gl-padding; - line-height: 20px; - vertical-align: middle; - } - - th { - background-color: $gray-light; - font-weight: $gl-font-weight-normal; - border-bottom: none; - - &.wide { - width: 55%; - } - } - - td { - border-color: $white-normal; - } - } - } -} - -.responsive-table { - @media (max-width: $screen-sm-max) { - th { - width: 100%; - } - - td { - width: 100%; - float: left; - } - } -} diff --git a/app/assets/stylesheets/framework/tabs.scss b/app/assets/stylesheets/framework/tabs.scss deleted file mode 100644 index c8ba14b7066..00000000000 --- a/app/assets/stylesheets/framework/tabs.scss +++ /dev/null @@ -1,35 +0,0 @@ -.gitlab-tabs { - background: $gray-light; - border: 1px solid $border-color; - - li { - width: 50%; - - &:not(:last-child) { - border-right: 1px solid $border-color; - } - - &.active { - background: $white-light; - } - - a { - width: 100%; - text-align: center; - } - } -} - -.gitlab-tab-content { - border: 1px solid $border-color; - border-top: 0; - margin-bottom: $gl-padding; - - .tab-pane { - padding: $gl-padding; - - &.no-padding { - padding: 0; - } - } -} diff --git a/app/assets/stylesheets/framework/timeline.scss b/app/assets/stylesheets/framework/timeline.scss deleted file mode 100644 index f718ec4bcad..00000000000 --- a/app/assets/stylesheets/framework/timeline.scss +++ /dev/null @@ -1,70 +0,0 @@ -.timeline { - @include basic-list; - margin: 0; - padding: 0; - - &::before { - @include notes-media('max', $screen-xs-min) { - background: none; - } - } - - .system-note { - .note-text { - color: $gl-text-color !important; - } - } - - .diff-file { - border: 1px solid $border-color; - margin: 0; - } - - &.text-file .diff-file { - border-bottom: none; - } -} - -.timeline-entry { - border-color: $white-normal; - color: $gl-text-color; - border-bottom: 1px solid $border-white-light; - background: $white-light; - - .timeline-entry-inner { - position: relative; - - @include notes-media('max', $screen-xs-min) { - .timeline-icon { - display: none; - } - - .timeline-content { - margin-left: 0; - } - } - } - - &:target, - &.target { - background: $line-target-blue; - - &.system-note .note-body .note-text.system-note-commit-list::after { - background: linear-gradient(rgba($line-target-blue, 0.1) -100px, $line-target-blue 100%); - } - } - - .avatar { - margin-right: 15px; - } - - .controls { - padding-top: 10px; - float: right; - } -} - -.discussion .timeline-entry { - margin: 0; - border-right: none; -} diff --git a/app/assets/stylesheets/framework/tooltips.scss b/app/assets/stylesheets/framework/tooltips.scss deleted file mode 100644 index 98f28987a82..00000000000 --- a/app/assets/stylesheets/framework/tooltips.scss +++ /dev/null @@ -1,7 +0,0 @@ -.tooltip-inner { - font-size: $tooltip-font-size; - border-radius: $border-radius-default; - line-height: 16px; - font-weight: $gl-font-weight-normal; - padding: 8px; -} diff --git a/app/assets/stylesheets/framework/tw_bootstrap.scss b/app/assets/stylesheets/framework/tw_bootstrap.scss deleted file mode 100644 index d5c6ddbb4a5..00000000000 --- a/app/assets/stylesheets/framework/tw_bootstrap.scss +++ /dev/null @@ -1,228 +0,0 @@ -/* - * Twitter bootstrap with GitLab customizations/additions - * - */ - -// Core variables and mixins -@import "bootstrap/variables"; -@import "bootstrap/mixins"; - -// Reset -@import "bootstrap/normalize"; -@import "bootstrap/print"; - -// Core CSS -@import "bootstrap/scaffolding"; -@import "bootstrap/type"; -@import "bootstrap/code"; -@import "bootstrap/grid"; -@import "bootstrap/tables"; -@import "bootstrap/forms"; -@import "bootstrap/buttons"; - -// Components -@import "bootstrap/component-animations"; -// @import "bootstrap/dropdowns"; -@import "bootstrap/button-groups"; -@import "bootstrap/input-groups"; -@import "bootstrap/navs"; -@import "bootstrap/navbar"; -@import "bootstrap/breadcrumbs"; -@import "bootstrap/pagination"; -@import "bootstrap/pager"; -@import "bootstrap/labels"; -@import "bootstrap/badges"; -@import "bootstrap/alerts"; -@import "bootstrap/progress-bars"; -@import "bootstrap/list-group"; -@import "bootstrap/wells"; -@import "bootstrap/close"; -@import "bootstrap/panels"; - -// Components w/ JavaScript -@import "bootstrap/modals"; -@import "bootstrap/tooltip"; -@import "bootstrap/popovers"; - -// Utility classes -.clearfix { - @include clearfix(); -} - -.center-block { - @include center-block(); -} - -.pull-right { - float: right !important; -} - -.pull-left { - float: left !important; -} - -.hide { - display: none; -} - -.show { - display: block !important; -} - -.invisible { - visibility: hidden; -} - -.text-hide { - @include text-hide(); -} - -.hidden { - display: none !important; - visibility: hidden !important; -} - -.affix { - position: fixed; -} - -/* - * Fix <summary> elements on firefox - * See https://github.com/necolas/normalize.css/issues/640 - * and https://github.com/twbs/bootstrap/issues/21060 - * - */ -summary { - display: list-item; -} - -@import "bootstrap/responsive-utilities"; - -// Labels -.label { - padding: 4px 5px; - font-size: 12px; - font-style: normal; - font-weight: $gl-font-weight-normal; - display: inline-block; - - &.label-gray { - background-color: $label-gray-bg; - color: $gl-text-color; - text-shadow: none; - } - - &.label-inverse { - background-color: $label-inverse-bg; - } -} - - -/** - * fix to keep tooltips position in top navigation bar - * - */ -.navbar .nav > li { - position: relative; - white-space: nowrap; -} - -/** - * Add some extra stuff to panels - * - */ - -.panel { - box-shadow: none; - - .panel-body { - form, - pre { - margin: 0; - } - - .form-actions { - margin: -15px; - margin-top: 18px; - } - } - - .panel-footer { - .pagination { - margin: 0; - } - - .btn { - min-width: 124px; - } - - .btn-clipboard { - min-width: 0; - } - } - - &.panel-small { - .panel-heading { - padding: 6px 15px; - font-size: 13px; - font-weight: $gl-font-weight-normal; - - a { - color: $panel-heading-link-color; - } - } - } - - &.panel-without-border { - border: 0; - } - - &.panel-without-margin { - margin: 0; - } -} - -.panel-succes .panel-heading, -.panel-info .panel-heading, -.panel-danger .panel-heading, -.panel-warning .panel-heading, -.panel-primary .panel-heading, -.alert { - a:not(.btn) { - @extend .alert-link; - color: $white-light; - text-decoration: underline; - } -} - -// Typography ================================================================= - -.text-primary, -.text-primary:hover { - color: $brand-primary; -} - -.text-success, -.text-success:hover { - color: $brand-success; -} - -.text-danger, -.text-danger:hover { - color: $brand-danger; -} - -.text-warning, -.text-warning:hover { - color: $brand-warning; -} - -.text-info, -.text-info:hover { - color: $brand-info; -} - -// Prevent datetimes on tooltips to break into two lines -.local-timeago { - white-space: nowrap; -} diff --git a/app/assets/stylesheets/framework/tw_bootstrap_variables.scss b/app/assets/stylesheets/framework/tw_bootstrap_variables.scss deleted file mode 100644 index 3ea77eb7a43..00000000000 --- a/app/assets/stylesheets/framework/tw_bootstrap_variables.scss +++ /dev/null @@ -1,166 +0,0 @@ -// Override Bootstrap variables here (defaults from bootstrap-sass v3.3.3): -// For all variables see https://github.com/twbs/bootstrap-sass/blob/master/templates/project/_bootstrap-variables.sass -// -// Variables -// -------------------------------------------------- - - -//== Colors -// -//## Gray and brand colors for use across Bootstrap. - -// $gray-base: #000 -// $gray-darker: lighten($gray-base, 13.5%) // #222 -// $gray-dark: lighten($gray-base, 20%) // #333 -// $gray: lighten($gray-base, 33.5%) // #555 -// $gray-light: lighten($gray-base, 46.7%) // #777 -// $gray-lighter: lighten($gray-base, 93.5%) // #eee - -$brand-primary: $gl-primary; -$brand-success: $gl-success; -$brand-info: $gl-info; -$brand-warning: $gl-warning; -$brand-danger: $gl-danger; - -$border-radius-base: 3px !default; -$border-radius-large: 3px !default; -$border-radius-small: 3px !default; - - -//== Scaffolding -// -$text-color: $gl-text-color; -$link-color: $gl-link-color; -$link-hover-color: $gl-link-hover-color; - - -//== Typography -// -//## Font, line-height, and color for body text, headings, and more. - -$font-family-sans-serif: $regular_font; -$font-family-monospace: $monospace_font; -$font-size-base: $gl-font-size; - - -//== Components -// -//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). - -$padding-base-vertical: $gl-vert-padding; -$padding-base-horizontal: $gl-padding; -$component-active-color: $white-light; -$component-active-bg: $brand-info; - -//== Forms -// -//## - -$input-color: $text-color; -$input-border: $border-color; -$input-border-focus: $focus-border-color; -$legend-color: $text-color; - - -//== Pagination -// -//## - -$pagination-color: $gl-text-color; -$pagination-bg: $white-light; -$pagination-border: $border-color; - -$pagination-hover-color: $gl-text-color; -$pagination-hover-bg: $row-hover; -$pagination-hover-border: $border-color; - -$pagination-active-color: $white-light; -$pagination-active-bg: $gl-link-color; -$pagination-active-border: $gl-link-color; - -$pagination-disabled-color: #cdcdcd; -$pagination-disabled-bg: $gray-light; -$pagination-disabled-border: $border-color; - - -//== Form states and alerts -// -//## Define colors for form feedback states and, by default, alerts. - -$state-success-text: $white-light; -$state-success-bg: $brand-success; -$state-success-border: $brand-success; - -$state-info-text: $white-light; -$state-info-bg: $brand-info; -$state-info-border: $brand-info; - -$state-warning-text: $white-light; -$state-warning-bg: $brand-warning; -$state-warning-border: $brand-warning; - -$state-danger-text: $white-light; -$state-danger-bg: $brand-danger; -$state-danger-border: $brand-danger; - - -//== Alerts -// -//## Define alert colors, border radius, and padding. - -$alert-border-radius: 0; - - -//== Panels -// -//## - -$panel-border-radius: 2px; -$panel-default-text: $text-color; -$panel-default-border: $border-color; -$panel-default-heading-bg: $gray-light; -$panel-footer-bg: $gray-light; -$panel-inner-border: $border-color; - -$badge-bg: $badge-bg; -$badge-color: $badge-color; - -//== Wells -// -//## - -$well-bg: $gray-light; -$well-border: #eee; - -//== Code -// -//## - -$code-color: $red-600; -$code-bg: lighten($red-100, 2%); - -$kbd-color: $white-light; -$kbd-bg: #333; - -//== Buttons -// -//## -$btn-default-color: $gl-text-color; -$btn-default-bg: $white-light; -$btn-default-border: #e7e9ed; - -//== Nav -// -//## -$nav-link-padding: 13px $gl-padding; - -//== Code -// -//## -$pre-bg: $gray-light !default; -$pre-color: $gl-text-color !default; -$pre-border-color: $border-color; - -$table-bg-accent: $gray-light; - -$zindex-popover: 900; diff --git a/app/assets/stylesheets/framework/typography.scss b/app/assets/stylesheets/framework/typography.scss deleted file mode 100644 index 3c0b4c82d19..00000000000 --- a/app/assets/stylesheets/framework/typography.scss +++ /dev/null @@ -1,423 +0,0 @@ -@mixin md-typography { - color: $gl-text-color; - word-wrap: break-word; - - [dir="auto"] { - text-align: initial; - } - - a { - color: $md-link-color; - } - - img:not(.emoji) { - margin: 0 0 8px; - } - - img.lazy { - min-width: 200px; - min-height: 100px; - background-color: $gray-lightest; - } - - img.js-lazy-loaded, - img.emoji { - min-width: inherit; - min-height: inherit; - background-color: inherit; - max-width: 100%; - } - - p a:not(.no-attachment-icon) img { - // Remove bottom padding because - // <p> already has $gl-padding bottom - margin-bottom: 0; - } - - *:first-child:not(.katex-display) { - margin-top: 0; - } - - > :last-child { - margin-bottom: 0; - } - - // Single code lines should wrap - code { - font-family: $monospace_font; - white-space: pre-wrap; - word-wrap: normal; - } - - // Multi-line code blocks should scroll horizontally - pre { - code { - white-space: pre; - } - } - - kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: $kdb-color; - vertical-align: middle; - background-color: $kdb-bg; - border-width: 1px; - border-style: solid; - border-color: $kdb-border $kdb-border $kdb-border-bottom; - border-image: none; - border-radius: 3px; - box-shadow: 0 -1px 0 $kdb-shadow inset; - } - - h1 { - font-size: 1.75em; - font-weight: $gl-font-weight-bold; - margin: 24px 0 16px; - padding-bottom: 0.3em; - border-bottom: 1px solid $white-dark; - color: $gl-text-color; - - &:first-child { - margin-top: 0; - } - } - - h2 { - font-size: 1.5em; - font-weight: $gl-font-weight-bold; - margin: 24px 0 16px; - padding-bottom: 0.3em; - border-bottom: 1px solid $white-dark; - color: $gl-text-color; - } - - h3 { - margin: 24px 0 16px; - font-size: 1.3em; - } - - h4 { - margin: 24px 0 16px; - font-size: 1.2em; - } - - h5 { - margin: 24px 0 16px; - font-size: 1em; - } - - h6 { - margin: 24px 0 16px; - font-size: 0.95em; - } - - blockquote { - color: $gl-grayish-blue; - font-size: inherit; - padding: 8px 24px; - margin: 16px 0; - border-left: 3px solid $white-dark; - } - - blockquote:dir(rtl) { - border-left: 0; - border-right: 3px solid $white-dark; - } - - blockquote p { - color: $gl-grayish-blue !important; - font-size: inherit; - line-height: 1.5; - - &:last-child { - margin: 0; - } - } - - p { - color: $gl-text-color; - margin: 0 0 16px; - } - - table { - @extend .table; - @extend .table-bordered; - margin: 16px 0; - color: $gl-text-color; - - th { - background: $label-gray-bg; - } - } - - table:dir(rtl) th { - text-align: right; - } - - pre { - margin-bottom: 16px; - font-size: 13px; - line-height: 1.6em; - overflow-x: auto; - border-radius: 2px; - - - &.plain-readme { - background: none; - border: none; - padding: 0; - margin: 0; - font-size: 14px; - } - } - - p > code { - font-weight: inherit; - } - - ul, - ol { - padding: 0; - margin: 0 0 16px; - } - - ul:dir(rtl), - ol:dir(rtl) { - margin: 3px 28px 3px 0 !important; - } - - li { - line-height: 1.6em; - margin-left: 25px; - padding-left: 3px; - - /* Normalize the bullet position on webkit. */ - @include on-webkit-only { - margin-left: 28px; - padding-left: 0; - } - } - - ul.task-list { - > li.task-list-item { - list-style-type: none; - position: relative; - min-height: 22px; - padding-left: 28px; - margin-left: 0 !important; - - > input.task-list-item-checkbox { - position: absolute; - left: 8px; - top: 5px; - } - } - } - - a[href*="/uploads/"], - a[href*="storage.googleapis.com/google-code-attachments/"] { - &::before { - margin-right: 4px; - - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - content: "\f0c6"; - } - - &:hover::before { - text-decoration: none; - } - } - - a.no-attachment-icon { - &::before { - display: none; - } - } - - /* Link to current header. */ - h1, - h2, - h3, - h4, - h5, - h6 { - position: relative; - - a.anchor { - left: -16px; - position: absolute; - text-decoration: none; - outline: none; - - &::after { - content: image-url('icon_anchor.svg'); - visibility: hidden; - } - } - - &:hover > a.anchor::after { - visibility: visible; - } - } -} - - -/** - * Headers - * - */ -body { - -webkit-text-shadow: $body-text-shadow 0 0 1px; -} - -.page-title { - margin-top: $gl-padding; - line-height: 1.3; - font-size: 1.25em; - font-weight: $gl-font-weight-bold; - - &:last-child { - margin-bottom: 0; - } -} - -.page-title-empty { - margin-top: 0; - line-height: 1.3; - font-size: 1.25em; - font-weight: $gl-font-weight-bold; - margin: 12px 7px; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: $gl-text-color; - font-weight: $gl-font-weight-bold; -} - -.light-header { - font-weight: $gl-font-weight-bold; -} - -/** CODE **/ -pre { - font-family: $monospace_font; -} - -code { - &.key-fingerprint { - background: $body-bg; - color: $text-color; - } -} - -a > code { - color: $link-color; -} - -.monospace { - font-family: $monospace_font; -} - -.commit-sha, -.ref-name { - @extend .monospace; - font-size: 95%; -} - -.git-revision-dropdown-toggle { - @extend .monospace; -} - -.git-revision-dropdown .dropdown-content ul li a { - @extend .ref-name; -} - -@include new-style-dropdown('.git-revision-dropdown'); - -/** - * Apply Markdown typography - * - */ -.wiki { - @include md-typography; -} - -.md { - @include md-typography; -} - -/** - * Textareas intended for GFM - * - */ -textarea.js-gfm-input { - font-family: $monospace_font; - font-size: 13px; -} - -.strikethrough { - text-decoration: line-through; -} - -h1, -h2, -h3, -h4 { - small { - color: $gl-text-color; - } -} - -.text-right-lg { - @media (min-width: $screen-lg-min) { - text-align: right; - } -} - -.idiff.deletion { - background: $line-removed-dark; -} - -.idiff.addition { - background: $line-added-dark; -} - - -/** - * form text input i.e. search bar, comments, forms, etc. - */ -input, -textarea { - &::-webkit-input-placeholder { - color: $placeholder-text-color; - } - - // support firefox 19+ vendor prefix - &::-moz-placeholder { - color: $placeholder-text-color; - opacity: 1; // FF defaults to 0.54 - } - - // scss-lint:disable PseudoElement - // support Edge vendor prefix - &::-ms-input-placeholder { - color: $placeholder-text-color; - } - - // scss-lint:disable PseudoElement - // support IE vendor prefix - &:-ms-input-placeholder { - color: $placeholder-text-color; - } -} diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss deleted file mode 100644 index d5ca23ff870..00000000000 --- a/app/assets/stylesheets/framework/variables.scss +++ /dev/null @@ -1,713 +0,0 @@ -/* - * Layout - */ -$grid-size: 8px; -$gutter_collapsed_width: 62px; -$gutter_width: 290px; -$gutter_inner_width: 250px; -$sidebar-transition-duration: .15s; -$sidebar-breakpoint: 1024px; -$default-transition-duration: .15s; -$right-sidebar-transition-duration: .3s; - -/* - * Color schema - */ -$darken-normal-factor: 7%; -$darken-dark-factor: 10%; -$darken-border-factor: 5%; -$darken-border-dashed-factor: 25%; - -$white-light: #fff; -$white-normal: #f0f0f0; -$white-dark: #eaeaea; - -$gray-lightest: #fdfdfd; -$gray-light: #fafafa; -$gray-lighter: #f9f9f9; -$gray-normal: #f5f5f5; -$gray-dark: darken($gray-light, $darken-dark-factor); -$gray-darker: #eee; -$gray-darkest: #c4c4c4; - -$green-50: #f1fdf6; -$green-100: #dcf5e7; -$green-200: #b3e6c8; -$green-300: #75d09b; -$green-400: #37b96d; -$green-500: #1aaa55; -$green-600: #168f48; -$green-700: #12753a; -$green-800: #0e5a2d; -$green-900: #0a4020; -$green-950: #072b15; - -$blue-50: #f6fafe; -$blue-100: #e4f0fb; -$blue-200: #b8d6f4; -$blue-300: #73afea; -$blue-400: #2e87e0; -$blue-500: #1f78d1; -$blue-600: #1b69b6; -$blue-700: #17599c; -$blue-800: #134a81; -$blue-900: #0f3b66; -$blue-950: #0a2744; - -$orange-50: #fffaf4; -$orange-100: #fff1de; -$orange-200: #fed69f; -$orange-300: #fdbc60; -$orange-400: #fca121; -$orange-500: #fc9403; -$orange-600: #de7e00; -$orange-700: #c26700; -$orange-800: #a35200; -$orange-900: #853c00; -$orange-950: #592800; - -$red-50: #fef6f5; -$red-100: #fbe5e1; -$red-200: #f2b4a9; -$red-300: #e67664; -$red-400: #e05842; -$red-500: #db3b21; -$red-600: #c0341d; -$red-700: #a62d19; -$red-800: #8b2615; -$red-900: #711e11; -$red-950: #4b140b; - -// GitLab themes - -$indigo-50: #f7f7ff; -$indigo-100: #ebebfa; -$indigo-200: #d1d1f0; -$indigo-300: #a6a6de; -$indigo-400: #7c7ccc; -$indigo-500: #6666c4; -$indigo-600: #5b5bbd; -$indigo-700: #4b4ba3; -$indigo-800: #393982; -$indigo-900: #292961; -$indigo-950: #1a1a40; - -$theme-gray-50: #fafafa; -$theme-gray-100: #f2f2f2; -$theme-gray-200: #dfdfdf; -$theme-gray-300: #cccccc; -$theme-gray-400: #bababa; -$theme-gray-500: #a7a7a7; -$theme-gray-600: #949494; -$theme-gray-700: #707070; -$theme-gray-800: #4f4f4f; -$theme-gray-900: #2e2e2e; -$theme-gray-950: #1f1f1f; - -$theme-blue-50: #f4f8fc; -$theme-blue-100: #e6edf5; -$theme-blue-200: #c8d7e6; -$theme-blue-300: #97b3cf; -$theme-blue-400: #648cb4; -$theme-blue-500: #4a79a8; -$theme-blue-600: #3e6fa0; -$theme-blue-700: #305c88; -$theme-blue-800: #25496e; -$theme-blue-900: #1a3652; -$theme-blue-950: #0f2235; - -$theme-green-50: #f2faf6; -$theme-green-100: #e4f3ea; -$theme-green-200: #c0dfcd; -$theme-green-300: #8ac2a1; -$theme-green-400: #52a274; -$theme-green-500: #35935c; -$theme-green-600: #288a50; -$theme-green-700: #1c7441; -$theme-green-800: #145d33; -$theme-green-900: #0d4524; -$theme-green-950: #072d16; - - -$black: #000; -$black-transparent: rgba(0, 0, 0, 0.3); -$almost-black: #242424; - -$border-white-light: darken($white-light, $darken-border-factor); -$border-white-normal: darken($white-normal, $darken-border-factor); - -$border-gray-light: darken($gray-light, $darken-border-factor); -$border-gray-normal: darken($gray-normal, $darken-border-factor); -$border-gray-normal-dashed: darken($gray-normal, $darken-border-dashed-factor); -$border-gray-dark: darken($white-normal, $darken-border-factor); - -/* - * UI elements - */ -$border-color: #e5e5e5; -$focus-border-color: $blue-300; -$well-expand-item: #e8f2f7; -$well-inner-border: #eef0f2; -$well-light-border: #f1f1f1; -$well-light-text-color: #5b6169; - -/* - * Text - */ -$gl-font-size: 14px; -$gl-font-weight-normal: 400; -$gl-font-weight-bold: 600; -$gl-text-color: #2e2e2e; -$gl-text-color-secondary: #707070; -$gl-text-color-tertiary: #949494; -$gl-text-color-quaternary: #d6d6d6; -$gl-text-color-inverted: rgba(255, 255, 255, 1.0); -$gl-text-color-secondary-inverted: rgba(255, 255, 255, .85); -$gl-text-green: $green-600; -$gl-text-green-hover: $green-700; -$gl-text-red: $red-500; -$gl-text-orange: $orange-600; -$gl-link-color: $blue-600; -$gl-link-hover-color: $blue-800; -$gl-grayish-blue: #7f8fa4; -$gl-gray: $gl-text-color; -$gl-gray-dark: #313236; -$gl-gray-light: #5c5c5c; -$gl-header-color: #4c4e54; -$gl-header-nav-hover-color: #434343; -$placeholder-text-color: $gl-text-color-tertiary; - -/* - * Lists - */ -$list-font-size: $gl-font-size; -$list-title-color: $gl-text-color; -$list-text-color: $gl-text-color; -$list-text-disabled-color: $gl-text-color-tertiary; -$list-border-light: #eee; -$list-border: rgba(0, 0, 0, 0.05); -$list-text-height: 42px; -$list-warning-row-bg: $orange-100; -$list-warning-row-border: $orange-200; -$list-warning-row-color: $orange-700; - -/* - * Markdown - */ -$md-link-color: $gl-link-color; -$md-area-border: #ddd; - -/* - * Code - */ -$code_font_size: 12px; -$code_line_height: 1.6; - -/* - * Tooltips - */ -$tooltip-font-size: 12px; - -/* - * Padding - */ -$gl-padding: 16px; -$gl-col-padding: 15px; -$gl-btn-padding: 10px; -$gl-input-padding: 10px; -$gl-vert-padding: 6px; -$gl-padding-top: 10px; -$gl-sidebar-padding: 22px; - -/* - * Misc - */ -$row-hover: $blue-50; -$row-hover-border: $blue-200; -$progress-color: #c0392b; -$header-height: 40px; -$fixed-layout-width: 1280px; -$limited-layout-width: 990px; -$limited-layout-width-sm: 790px; -$container-text-max-width: 540px; -$gl-avatar-size: 40px; -$error-exclamation-point: $red-500; -$border-radius-default: 4px; -$border-radius-small: 2px; -$settings-icon-size: 18px; -$provider-btn-not-active-color: $blue-500; -$link-underline-blue: $blue-500; -$active-item-blue: $blue-500; -$layout-link-gray: #7e7c7c; -$btn-side-margin: 10px; -$btn-sm-side-margin: 7px; -$btn-xs-side-margin: 5px; -$issue-status-expired: $orange-500; -$issuable-sidebar-color: $gl-text-color-secondary; -$show-aside-bg: #eee; -$show-aside-color: #777; -$show-aside-shadow: #ddd; -$group-path-color: #999; -$namespace-kind-color: #aaa; -$panel-heading-link-color: #777; -$graph-author-email-color: #777; -$count-arrow-border: #dce0e5; -$save-project-loader-color: #555; -$divergence-graph-bar-bg: #ccc; -$divergence-graph-separator-bg: #ccc; -$general-hover-transition-duration: 100ms; -$general-hover-transition-curve: linear; -$highlight-changes-color: rgb(235, 255, 232); -$performance-bar-height: 35px; - -/* -* Common component specific colors -*/ -$hint-color: #999; -$well-pre-bg: #eee; -$well-pre-color: #555; -$loading-color: #555; -$update-author-color: #999; -$user-mention-bg: rgba($blue-500, 0.044); -$user-mention-bg-hover: rgba($blue-500, 0.15); -$time-color: #999; -$project-member-show-color: #aaa; -$gl-promo-color: #aaa; -$error-bg: $red-400; -$warning-message-bg: $orange-100; -$warning-message-border: $orange-200; -$warning-message-color: $orange-700; -$control-group-descr-color: #666; -$table-permission-x-bg: #d9edf7; -$username-color: #666; -$description-color: #666; -$profiler-border: #eee; - -/* tanuki logo colors */ -$tanuki-red: #e24329; -$tanuki-orange: #fc6d26; -$tanuki-yellow: #fca326; - -/* - * State colors: - */ -$gl-primary: $blue-500; -$gl-success: $green-500; -$gl-success-focus: rgba($gl-success, .4); -$gl-info: $blue-500; -$gl-warning: $orange-500; -$gl-danger: $red-500; -$gl-btn-active-background: rgba(0, 0, 0, 0.16); -$gl-btn-active-gradient: inset 0 2px 3px $gl-btn-active-background; - -/* - * Commit Diff Colors - */ -$added: #63c363; -$deleted: #f77; -$line-added: #ecfdf0; -$line-added-dark: #c7f0d2; -$line-removed: #fbe9eb; -$line-removed-dark: #fac5cd; -$line-number-old: #f9d7dc; -$line-number-new: #ddfbe6; -$line-number-select: #fbf2da; -$line-target-blue: #f6faff; -$line-select-yellow: #fcf8e7; -$line-select-yellow-dark: #f0e2bd; -$dark-diff-match-bg: rgba(255, 255, 255, 0.3); -$dark-diff-match-color: rgba(255, 255, 255, 0.1); -$file-mode-changed: #777; -$file-mode-changed: #777; -$diff-image-info-color: grey; -$diff-swipe-border: #999; -$diff-view-modes-color: grey; -$diff-view-modes-border: #c1c1c1; -$diff-jagged-border-gradient-color: darken($white-normal, 8%); - -/* - * Fonts - */ -$monospace_font: 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace; -$regular_font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - -/* -* Dropdowns -*/ -$dropdown-width: 300px; -$dropdown-vertical-offset: 4px; -$dropdown-link-color: #555; -$dropdown-link-hover-bg: $row-hover; -$dropdown-empty-row-bg: rgba(#000, .04); -$dropdown-border-color: $border-color; -$dropdown-shadow-color: rgba(#000, .1); -$dropdown-divider-color: rgba(#000, .1); -$dropdown-title-btn-color: #bfbfbf; -$dropdown-input-color: #555; -$dropdown-input-fa-color: #c7c7c7; -$dropdown-input-focus-border: $focus-border-color; -$dropdown-input-focus-shadow: rgba($dropdown-input-focus-border, .4); -$dropdown-loading-bg: rgba(#fff, .6); -$dropdown-chevron-size: 10px; -$dropdown-toggle-active-border-color: darken($border-color, 14%); -$dropdown-item-hover-bg: $gray-darker; - -/* -* Filtered Search -*/ -$filtered-search-term-shadow-color: rgba(0, 0, 0, 0.09); -$dropdown-hover-color: $blue-400; - -/* -* Buttons -*/ -$btn-active-gray: #ececec; -$btn-active-gray-light: e4e7ed; -$btn-white-active: #848484; - -/* -* Badges -*/ -$badge-bg: rgba(0, 0, 0, 0.07); -$badge-color: $gl-text-color-secondary; - -/* - * Status icons - */ -$status-icon-size: 22px; -$status-icon-margin: $gl-btn-padding; - -/* - * Award emoji - */ -$award-emoji-menu-shadow: rgba(0, 0, 0, .175); -$award-emoji-positive-add-bg: #fed159; -$award-emoji-positive-add-lines: #bb9c13; - -/* - * Search Box - */ -$search-input-border-color: rgba($blue-400, .8); -$search-input-focus-shadow-color: $dropdown-input-focus-shadow; -$search-input-width: 220px; -$location-badge-active-bg: $blue-500; -$location-icon-color: #e7e9ed; - -/* - * Notes - */ -$notes-light-color: $gl-text-color-secondary; -$notes-role-color: $gl-text-color-secondary; -$note-disabled-comment-color: #b2b2b2; -$note-targe3-outside: #fffff0; -$note-targe3-inside: #ffffd3; -$note-line2-border: #ddd; -$note-icon-gutter-width: 55px; - - -/* -* Zen -*/ -$zen-control-color: #555; - -/* -* Calendar -*/ -$calendar-hover-bg: #ecf3fe; -$calendar-border-color: rgba(#000, .1); -$calendar-user-contrib-text: #959494; - -/* - * Cycle Analytics - */ -$cycle-analytics-box-padding: 30px; -$cycle-analytics-box-text-color: #8c8c8c; -$cycle-analytics-big-font: 19px; -$cycle-analytics-dark-text: $gl-text-color; -$cycle-analytics-light-gray: #bfbfbf; -$cycle-analytics-dismiss-icon-color: #b2b2b2; - -/* -* CI -*/ -$ci-skipped-color: #888; - -/* -* Boards -*/ -$issue-boards-font-size: 14px; -$issue-boards-card-shadow: rgba(186, 186, 186, 0.5); - -/* -* Avatar -*/ -$avatar_radius: 50%; -$avatar-border: $gray-normal; -$avatar-border-hover: $gray-darker; -$avatar-background: $gray-lightest; -$gl-avatar-size: 40px; - -/* -* Blame -*/ -$blame-gray: #ededed; -$blame-cyan: #acd5f2; -$blame-blue: #254e77; - -/* -* Builds -*/ -$builds-trace-bg: #111; - -/* -* Callout -*/ -$callout-danger-bg: $red-100; -$callout-danger-border: $red-200; -$callout-danger-color: $red-700; -$callout-warning-bg: $orange-100; -$callout-warning-border: $orange-200; -$callout-warning-color: $orange-700; -$callout-info-bg: $blue-100; -$callout-info-border: $blue-200; -$callout-info-color: $blue-700; -$callout-success-bg: $green-100; -$callout-success-border: $green-200; -$callout-success-color: $green-700; - -/* -* Commit Page -*/ -$commit-max-width-marker-color: rgba(0, 0, 0, 0.0); -$commit-message-text-area-bg: rgba(0, 0, 0, 0.0); - -/* -* Common -*/ -$common-gray: $gl-text-color; -$common-gray-light: #bbb; -$common-gray-dark: #444; -$common-red: $gl-text-red; -$common-green: $gl-text-green; - -/* -* Editor -*/ -$editor-cancel-color: $red-600; - -/* -* Events -*/ -$events-pre-color: #777; -$events-note-icon-color: #777; -$events-body-border: #ddd; - -/* -* Files -*/ -$file-image-bg: #eee; -$blob-bg: #eee; -$blame-border: #eee; -$blame-line-numbers-border: #ddd; -$logs-bg: #eee; -$logs-li-color: #888; -$logs-p-color: #333; - -/* -* Forms -*/ -$input-height: 34px; -$input-danger-bg: #f2dede; -$input-danger-border: $red-400; -$input-group-addon-bg: #f7f8fa; -$gl-field-focus-shadow: rgba(0, 0, 0, 0.075); -$gl-field-focus-shadow-error: rgba($red-500, 0.6); - -/* -* Help -*/ -$document-index-color: #888; -$help-shortcut-color: #999; -$help-shortcut-mapping-color: #555; -$help-shortcut-header-color: #333; - -/* -* Issues -*/ -$issues-today-bg: #f3fff2; -$issues-today-border: #e1e8d5; -$compare-display-color: #888; - -/* -* jQuery UI -*/ -$jq-ui-border: #ddd; -$jq-ui-default-color: #777; - -/* -* Label -*/ -$label-gray-bg: #f8fafc; -$label-inverse-bg: #333; -$label-remove-border: rgba(0, 0, 0, .1); -$label-border-radius: 100px; - -/* -* Animation -*/ -$fade-in-duration: 200ms; - -/* -* Lint -*/ -$lint-incorrect-color: $red-500; -$lint-correct-color: $green-500; - -/* -* Login -*/ -$login-brand-holder-color: #888; -$login-devise-error-color: $red-700; - -/* -* Nav -*/ -$nav-link-gray: #959494; -$nav-badge-bg: #eee; -$nav-toggle-gray: #666; - -/* -* Notify -*/ -$notify-details: #777; -$notify-footer: #777; -$notify-new-file: $green-600; -$notify-deleted-file: $red-700; - -/* -* Projects -*/ -$project-option-descr-color: #54565b; -$project-breadcrumb-color: #999; -$project-private-forks-notice-odd: $green-600; -$project-network-controls-color: #888; - -$feature-toggle-color: #fff; -$feature-toggle-text-color: #fff; -$feature-toggle-color-disabled: #999; -$feature-toggle-color-enabled: #4a8bee; - -/* -* Runners -*/ -$runner-state-shared-bg: $green-400; -$runner-state-specific-bg: $blue-400; -$runner-status-online-color: $green-600; -$runner-status-offline-color: $gray-darkest; -$runner-status-paused-color: $red-500; - -/* -Stat Graph -*/ -$stat-graph-common-bg: #f3f3f3; -$stat-graph-area-fill: $green-500; -$stat-graph-axis-fill: #aaa; -$stat-graph-orange-fill: $orange-500; -$stat-graph-selection-fill: #333; -$stat-graph-selection-stroke: #333; - -/* -* Selects -*/ -$select2-drop-shadow1: rgba(76, 86, 103, 0.247059); -$select2-drop-shadow2: rgba(31, 37, 50, 0.317647); - - -/* -* Todo -*/ -$todo-alert-blue: $blue-500; -$todo-body-pre-color: #777; -$todo-body-border: #ddd; - -/* -* Typography -*/ -$kdb-bg: #fcfcfc; -$kdb-color: #555; -$kdb-border: #ccc; -$kdb-border-bottom: #bbb; -$kdb-shadow: #bbb; -$body-text-shadow: rgba(255, 255, 255, 0.01); - -/* -* UI Dev Kit -*/ -$ui-dev-kit-example-color: #bbb; -$ui-dev-kit-example-border: #ddd; - -/* -Pipeline Graph -*/ -$stage-hover-bg: $gray-darker; -$ci-action-icon-size: 22px; -$pipeline-dropdown-line-height: 20px; -$pipeline-dropdown-status-icon-size: 18px; - -/* -Pipeline Schedules -*/ -$pipeline-variable-remove-button-width: calc(1em + #{2 * $gl-padding}); - - -/* -Filtered Search -*/ -$filter-name-resting-color: #f8f8f8; -$filter-name-text-color: rgba(0, 0, 0, 0.55); -$filter-value-text-color: rgba(0, 0, 0, 0.85); -$filter-name-selected-color: #ebebeb; -$filter-value-selected-color: #d7d7d7; - -/* -Animation Functions -*/ -$dropdown-animation-timing: cubic-bezier(0.23, 1, 0.32, 1); - -/* -Convdev Index -*/ -$color-high-score: $green-400; -$color-average-score: $orange-400; -$color-low-score: $red-400; - -/* -Repo editor -*/ -$repo-editor-grey: #f6f7f9; -$repo-editor-grey-darker: #e9ebee; -$repo-editor-linear-gradient: linear-gradient(to right, $repo-editor-grey 0%, $repo-editor-grey-darker, 20%, $repo-editor-grey 40%, $repo-editor-grey 100%); - -/* -Performance Bar -*/ -$perf-bar-text: #999; -$perf-bar-production: #222; -$perf-bar-staging: #291430; -$perf-bar-development: #4c1210; -$perf-bar-bucket-bg: #111; -$perf-bar-bucket-color: #ccc; -$perf-bar-bucket-box-shadow-from: rgba($white-light, .2); -$perf-bar-bucket-box-shadow-to: rgba($black, .25); - -/* -Issuable warning -*/ -$issuable-warning-size: 24px; -$issuable-warning-icon-margin: 4px; - -/* -Image Commenting cursor -*/ -$image-comment-cursor-left-offset: 12; -$image-comment-cursor-top-offset: 30; diff --git a/app/assets/stylesheets/framework/wells.scss b/app/assets/stylesheets/framework/wells.scss deleted file mode 100644 index 5f9756bf58a..00000000000 --- a/app/assets/stylesheets/framework/wells.scss +++ /dev/null @@ -1,76 +0,0 @@ -.info-well { - background: $gray-light; - color: $gl-text-color; - border: 1px solid $border-color; - border-radius: $border-radius-default; - margin-bottom: $gl-padding; - - .well-segment { - padding: $gl-padding; - - &:not(:last-of-type) { - border-bottom: 1px solid $well-inner-border; - } - - &.branch-info { - .commit-sha, - .commit-info { - margin-left: 4px; - } - - .ref-name { - font-size: 12px; - } - } - - &.admin-well h4 { - border-bottom: 1px solid $border-color; - padding-bottom: 8px; - } - } - - .icon-container { - display: inline-block; - margin-right: 8px; - - svg { - position: relative; - top: 2px; - height: 16px; - width: 16px; - } - - &.commit-icon { - svg { - path { - fill: $gl-text-color; - } - } - } - } - - .label.label-gray { - background-color: $well-expand-item; - } -} - -.light-well { - background-color: $gray-light; - padding: 15px; -} - -.dark-well { - background-color: $gray-normal; - - .btn { - width: 100%; - } -} - -.well-centered { - h1 { - font-weight: $gl-font-weight-normal; - text-align: center; - font-size: 48px; - } -} diff --git a/app/assets/stylesheets/framework/zen.scss b/app/assets/stylesheets/framework/zen.scss deleted file mode 100644 index 0c226ff7598..00000000000 --- a/app/assets/stylesheets/framework/zen.scss +++ /dev/null @@ -1,63 +0,0 @@ -.zen-backdrop { - &.fullscreen { - background-color: $white-light; - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1031; - - textarea { - border: none; - box-shadow: none; - border-radius: 0; - color: $black; - font-size: 20px; - line-height: 26px; - padding: 30px; - display: block; - outline: none; - resize: none; - height: 100vh; - max-height: calc(100vh - 10px); - max-width: 900px; - margin: 0 auto 10px; - } - - .zen-control-leave { - display: block; - position: absolute; - top: 0; - } - } -} - -.zen-control { - padding: 0; - color: $zen-control-color; - background: none; - border: 0; -} - -.zen-control-full { - color: $gl-text-color-secondary; - - &:hover { - color: $gl-link-color; - text-decoration: none; - } -} - -.zen-control-leave { - display: none; - color: $gl-text-color; - position: absolute; - right: 10px; - padding: 5px; - font-size: 36px; - - &:hover { - color: $black; - } -} diff --git a/app/assets/stylesheets/highlight/dark.scss b/app/assets/stylesheets/highlight/dark.scss deleted file mode 100644 index f0ac9b46f91..00000000000 --- a/app/assets/stylesheets/highlight/dark.scss +++ /dev/null @@ -1,257 +0,0 @@ -/* https://github.com/MozMorris/tomorrow-pygments */ - -/* -* Dark syntax colors -*/ -$dark-new-bg: rgba(51, 255, 51, 0.1); -$dark-new-idiff: rgba(51, 255, 51, 0.2); -$dark-old-bg: rgba(255, 51, 51, 0.2); -$dark-old-idiff: rgba(255, 51, 51, 0.25); -$dark-border: #808080; -$dark-code-border: #666; -$dark-main-bg: #1d1f21; -$dark-main-color: #1d1f21; -$dark-line-color: #c5c8c6; -$dark-line-num-color: rgba(255, 255, 255, 0.3); -$dark-line-num-color-new: #627165; -$dark-line-num-color-old: #806565; -$dark-diff-not-empty-bg: #557; -$dark-highlight-bg: #ffe792; -$dark-highlight-color: $black; -$dark-pre-hll-bg: #373b41; -$dark-hll-bg: #373b41; -$dark-over-bg: #9f9ab5; -$dark-expanded-bg: #3e3e3e; -$dark-c: #969896; -$dark-err: #c66; -$dark-k: #b294bb; -$dark-l: #de935f; -$dark-n: #c5c8c6; -$dark-o: #8abeb7; -$dark-p: #c5c8c6; -$dark-cm: #969896; -$dark-cp: #969896; -$dark-c1: #969896; -$dark-cs: #969896; -$dark-gd: #c66; -$dark-gh: #c5c8c6; -$dark-gi: #b5bd68; -$dark-gp: #969896; -$dark-gu: #8abeb7; -$dark-kc: #b294bb; -$dark-kd: #b294bb; -$dark-kn: #8abeb7; -$dark-kp: #b294bb; -$dark-kr: #b294bb; -$dark-kt: #f0c674; -$dark-ld: #b5bd68; -$dark-m: #de935f; -$dark-s: #b5bd68; -$dark-na: #81a2be; -$dark-nb: #c5c8c6; -$dark-nc: #f0c674; -$dark-no: #c66; -$dark-nd: #8abeb7; -$dark-ni: #c5c8c6; -$dark-ne: #c66; -$dark-nf: #81a2be; -$dark-nl: #c5c8c6; -$dark-nn: #f0c674; -$dark-nx: #81a2be; -$dark-py: #c5c8c6; -$dark-nt: #8abeb7; -$dark-nv: #c66; -$dark-ow: #8abeb7; -$dark-w: #c5c8c6; -$dark-mf: #de935f; -$dark-mh: #de935f; -$dark-mi: #de935f; -$dark-mo: #de935f; -$dark-sb: #b5bd68; -$dark-sc: #c5c8c6; -$dark-sd: #969896; -$dark-s2: #b5bd68; -$dark-se: #de935f; -$dark-sh: #b5bd68; -$dark-si: #de935f; -$dark-sx: #b5bd68; -$dark-sr: #b5bd68; -$dark-s1: #b5bd68; -$dark-ss: #b5bd68; -$dark-bp: #c5c8c6; -$dark-vc: #c66; -$dark-vg: #c66; -$dark-vi: #c66; -$dark-il: #de935f; - -.code.dark { - // Line numbers - .line-numbers, - .diff-line-num { - background-color: $dark-main-bg; - } - - .diff-line-num, - .diff-line-num a { - color: $dark-line-num-color; - } - - // Code itself - pre.code, - .diff-line-num { - border-color: $dark-code-border; - } - - &, - pre.code, - .line_holder .line_content { - background-color: $dark-main-bg; - color: $dark-line-color; - } - - // Diff line - .line_holder { - &.match .line_content { - @include dark-diff-match-line; - } - - td.diff-line-num.hll:not(.empty-cell), - td.line_content.hll:not(.empty-cell) { - background-color: $dark-diff-not-empty-bg; - border-color: darken($dark-diff-not-empty-bg, 15%); - } - - .diff-line-num.new, - .line_content.new { - @include diff_background($dark-new-bg, $dark-new-idiff, $dark-border); - - &::before, - a { - color: $dark-line-num-color-new; - } - } - - .diff-line-num.old, - .line_content.old { - @include diff_background($dark-old-bg, $dark-old-idiff, $dark-border); - - &::before, - a { - color: $dark-line-num-color-old; - } - } - - .diff-line-num { - &.is-over, - &.hll:not(.empty-cell).is-over { - background-color: $dark-over-bg; - border-color: darken($dark-over-bg, 5%); - - a { - color: darken($dark-over-bg, 15%); - } - } - } - - .line_content.match { - @include dark-diff-match-line; - } - - &:not(.diff-expanded) + .diff-expanded, - &.diff-expanded + .line_holder:not(.diff-expanded) { - > .diff-line-num, - > .line_content { - border-top: 1px solid $black; - } - } - - &.diff-expanded { - > .diff-line-num, - > .line_content { - background: $dark-expanded-bg; - border-color: $dark-expanded-bg; - } - } - } - - // highlight line via anchor - pre .hll { - background-color: $dark-pre-hll-bg !important; - } - - // Search result highlight - span.highlight_word { - background-color: $dark-highlight-bg !important; - color: $dark-highlight-color !important; - } - - // Links to URLs, emails, or dependencies - .line a { - color: $dark-na; - } - - .hll { background-color: $dark-hll-bg; } - .c { color: $dark-c; } /* Comment */ - .err { color: $dark-err; } /* Error */ - .k { color: $dark-k; } /* Keyword */ - .l { color: $dark-l; } /* Literal */ - .n { color: $dark-n; } /* Name */ - .o { color: $dark-o; } /* Operator */ - .p { color: $dark-p; } /* Punctuation */ - .cm { color: $dark-cm; } /* Comment.Multiline */ - .cp { color: $dark-cp; } /* Comment.Preproc */ - .c1 { color: $dark-c1; } /* Comment.Single */ - .cs { color: $dark-cs; } /* Comment.Special */ - .gd { color: $dark-gd; } /* Generic.Deleted */ - .ge { font-style: italic; } /* Generic.Emph */ - .gh { color: $dark-gh; font-weight: $gl-font-weight-bold; } /* Generic.Heading */ - .gi { color: $dark-gi; } /* Generic.Inserted */ - .gp { color: $dark-gp; font-weight: $gl-font-weight-bold; } /* Generic.Prompt */ - .gs { font-weight: $gl-font-weight-bold; } /* Generic.Strong */ - .gu { color: $dark-gu; font-weight: $gl-font-weight-bold; } /* Generic.Subheading */ - .kc { color: $dark-kc; } /* Keyword.Constant */ - .kd { color: $dark-kd; } /* Keyword.Declaration */ - .kn { color: $dark-kn; } /* Keyword.Namespace */ - .kp { color: $dark-kp; } /* Keyword.Pseudo */ - .kr { color: $dark-kr; } /* Keyword.Reserved */ - .kt { color: $dark-kt; } /* Keyword.Type */ - .ld { color: $dark-ld; } /* Literal.Date */ - .m { color: $dark-m; } /* Literal.Number */ - .s { color: $dark-s; } /* Literal.String */ - .na { color: $dark-na; } /* Name.Attribute */ - .nb { color: $dark-nb; } /* Name.Builtin */ - .nc { color: $dark-nc; } /* Name.Class */ - .no { color: $dark-no; } /* Name.Constant */ - .nd { color: $dark-nd; } /* Name.Decorator */ - .ni { color: $dark-ni; } /* Name.Entity */ - .ne { color: $dark-ne; } /* Name.Exception */ - .nf { color: $dark-nf; } /* Name.Function */ - .nl { color: $dark-nl; } /* Name.Label */ - .nn { color: $dark-nn; } /* Name.Namespace */ - .nx { color: $dark-nx; } /* Name.Other */ - .py { color: $dark-py; } /* Name.Property */ - .nt { color: $dark-nt; } /* Name.Tag */ - .nv { color: $dark-nv; } /* Name.Variable */ - .ow { color: $dark-ow; } /* Operator.Word */ - .w { color: $dark-w; } /* Text.Whitespace */ - .mf { color: $dark-mf; } /* Literal.Number.Float */ - .mh { color: $dark-mh; } /* Literal.Number.Hex */ - .mi { color: $dark-mi; } /* Literal.Number.Integer */ - .mo { color: $dark-mo; } /* Literal.Number.Oct */ - .sb { color: $dark-sb; } /* Literal.String.Backtick */ - .sc { color: $dark-sc; } /* Literal.String.Char */ - .sd { color: $dark-sd; } /* Literal.String.Doc */ - .s2 { color: $dark-s2; } /* Literal.String.Double */ - .se { color: $dark-se; } /* Literal.String.Escape */ - .sh { color: $dark-sh; } /* Literal.String.Heredoc */ - .si { color: $dark-si; } /* Literal.String.Interpol */ - .sx { color: $dark-sx; } /* Literal.String.Other */ - .sr { color: $dark-sr; } /* Literal.String.Regex */ - .s1 { color: $dark-s1; } /* Literal.String.Single */ - .ss { color: $dark-ss; } /* Literal.String.Symbol */ - .bp { color: $dark-bp; } /* Name.Builtin.Pseudo */ - .vc { color: $dark-vc; } /* Name.Variable.Class */ - .vg { color: $dark-vg; } /* Name.Variable.Global */ - .vi { color: $dark-vi; } /* Name.Variable.Instance */ - .il { color: $dark-il; } /* Literal.Number.Integer.Long */ -} diff --git a/app/assets/stylesheets/highlight/monokai.scss b/app/assets/stylesheets/highlight/monokai.scss deleted file mode 100644 index eba7919ada9..00000000000 --- a/app/assets/stylesheets/highlight/monokai.scss +++ /dev/null @@ -1,255 +0,0 @@ -/* https://github.com/richleland/pygments-css/blob/master/monokai.css */ - -/* -* Monokai Colors -*/ -$monokai-bg: #272822; -$monokai-border: #555; -$monokai-text-color: #f8f8f2; -$monokai-line-num-color: rgba(255, 255, 255, 0.3); -$monokai-line-num-color-new: #707565; -$monokai-line-num-color-old: #7e736f; -$monokai-line-empty-bg: #49483e; -$monokai-line-empty-border: darken($monokai-line-empty-bg, 15%); -$monokai-diff-border: #808080; -$monokai-highlight-bg: #ffe792; -$monokai-over-bg: #9f9ab5; -$monokai-expanded-bg: #3e3e3e; - -$monokai-new-bg: rgba(166, 226, 46, 0.1); -$monokai-new-idiff: rgba(166, 226, 46, 0.15); - -$monokai-old-bg: rgba(254, 147, 140, 0.15); -$monokai-old-idiff: rgba(254, 147, 140, 0.2); - -$monokai-hll: #49483e; -$monokai-c: #75715e; -$monokai-err-color: #960050; -$monokai-err-bg: #1e0010; -$monokai-k: #66d9ef; -$monokai-l: #ae81ff; -$monokai-n: #f8f8f2; -$monokai-o: #f92672; -$monokai-p: #f8f8f2; -$monokai-cm: #75715e; -$monokai-cp: #75715e; -$monokai-c1: #75715e; -$monokai-cs: #75715e; -$monokai-kc: #66d9ef; -$monokai-kd: #66d9ef; -$monokai-kn: #f92672; -$monokai-kp: #66d9ef; -$monokai-kr: #66d9ef; -$monokai-kt: #66d9ef; -$monokai-ld: #e6db74; -$monokai-m: #ae81ff; -$monokai-s: #e6db74; -$monokai-na: #a6e22e; -$monokai-nb: #f8f8f2; -$monokai-nc: #a6e22e; -$monokai-no: #66d9ef; -$monokai-nd: #a6e22e; -$monokai-ni: #f8f8f2; -$monokai-ne: #a6e22e; -$monokai-nf: #a6e22e; -$monokai-nl: #f8f8f2; -$monokai-nn: #f8f8f2; -$monokai-nx: #a6e22e; -$monokai-py: #f8f8f2; -$monokai-nt: #f92672; -$monokai-nv: #f8f8f2; -$monokai-ow: #f92672; -$monokai-w: #f8f8f2; -$monokai-mf: #ae81ff; -$monokai-mh: #ae81ff; -$monokai-mi: #ae81ff; -$monokai-mo: #ae81ff; -$monokai-sb: #e6db74; -$monokai-sc: #e6db74; -$monokai-sd: #e6db74; -$monokai-s2: #e6db74; -$monokai-se: #ae81ff; -$monokai-sh: #e6db74; -$monokai-si: #e6db74; -$monokai-sx: #e6db74; -$monokai-sr: #e6db74; -$monokai-s1: #e6db74; -$monokai-ss: #e6db74; -$monokai-bp: #f8f8f2; -$monokai-vc: #f8f8f2; -$monokai-vg: #f8f8f2; -$monokai-vi: #f8f8f2; -$monokai-il: #ae81ff; -$monokai-gu: #75715e; -$monokai-gd: #f92672; -$monokai-gi: #a6e22e; - -.code.monokai { - // Line numbers - .line-numbers, - .diff-line-num { - background-color: $monokai-bg; - } - - .diff-line-num, - .diff-line-num a { - color: $monokai-line-num-color; - } - - // Code itself - pre.code, - .diff-line-num { - border-color: $monokai-border; - } - - &, - pre.code, - .line_holder .line_content { - background-color: $monokai-bg; - color: $monokai-text-color; - } - - // Diff line - .line_holder { - &.match .line_content { - @include dark-diff-match-line; - } - - td.diff-line-num.hll:not(.empty-cell), - td.line_content.hll:not(.empty-cell) { - background-color: $monokai-line-empty-bg; - border-color: $monokai-line-empty-border; - } - - .diff-line-num.new, - .line_content.new { - @include diff_background($monokai-new-bg, $monokai-new-idiff, $monokai-diff-border); - - &::before, - a { - color: $monokai-line-num-color-new; - } - } - - .diff-line-num.old, - .line_content.old { - @include diff_background($monokai-old-bg, $monokai-old-idiff, $monokai-diff-border); - - &::before, - a { - color: $monokai-line-num-color-old; - } - } - - .diff-line-num { - &.is-over, - &.hll:not(.empty-cell).is-over { - background-color: $monokai-over-bg; - border-color: darken($monokai-over-bg, 5%); - - a { - color: darken($monokai-over-bg, 15%); - } - } - } - - .line_content.match { - @include dark-diff-match-line; - } - - &:not(.diff-expanded) + .diff-expanded, - &.diff-expanded + .line_holder:not(.diff-expanded) { - > .diff-line-num, - > .line_content { - border-top: 1px solid $black; - } - } - - &.diff-expanded { - > .diff-line-num, - > .line_content { - background: $monokai-expanded-bg; - border-color: $monokai-expanded-bg; - } - } - } - - // highlight line via anchor - pre .hll { - background-color: $monokai-hll !important; - } - - // Search result highlight - span.highlight_word { - background-color: $monokai-highlight-bg !important; - color: $black !important; - } - - // Links to URLs, emails, or dependencies - .line a { - color: $monokai-k; - } - - .hll { background-color: $monokai-hll; } - .c { color: $monokai-c; } /* Comment */ - .err { color: $monokai-err-color; background-color: $monokai-err-bg; } /* Error */ - .k { color: $monokai-k; } /* Keyword */ - .l { color: $monokai-l; } /* Literal */ - .n { color: $monokai-n; } /* Name */ - .o { color: $monokai-o; } /* Operator */ - .p { color: $monokai-p; } /* Punctuation */ - .cm { color: $monokai-cm; } /* Comment.Multiline */ - .cp { color: $monokai-cp; } /* Comment.Preproc */ - .c1 { color: $monokai-c1; } /* Comment.Single */ - .cs { color: $monokai-cs; } /* Comment.Special */ - .ge { font-style: italic; } /* Generic.Emph */ - .gs { font-weight: $gl-font-weight-bold; } /* Generic.Strong */ - .kc { color: $monokai-kc; } /* Keyword.Constant */ - .kd { color: $monokai-kd; } /* Keyword.Declaration */ - .kn { color: $monokai-kn; } /* Keyword.Namespace */ - .kp { color: $monokai-kp; } /* Keyword.Pseudo */ - .kr { color: $monokai-kr; } /* Keyword.Reserved */ - .kt { color: $monokai-kt; } /* Keyword.Type */ - .ld { color: $monokai-ld; } /* Literal.Date */ - .m { color: $monokai-m; } /* Literal.Number */ - .s { color: $monokai-s; } /* Literal.String */ - .na { color: $monokai-na; } /* Name.Attribute */ - .nb { color: $monokai-nb; } /* Name.Builtin */ - .nc { color: $monokai-nc; } /* Name.Class */ - .no { color: $monokai-no; } /* Name.Constant */ - .nd { color: $monokai-nd; } /* Name.Decorator */ - .ni { color: $monokai-ni; } /* Name.Entity */ - .ne { color: $monokai-ne; } /* Name.Exception */ - .nf { color: $monokai-nf; } /* Name.Function */ - .nl { color: $monokai-nl; } /* Name.Label */ - .nn { color: $monokai-nn; } /* Name.Namespace */ - .nx { color: $monokai-nx; } /* Name.Other */ - .py { color: $monokai-py; } /* Name.Property */ - .nt { color: $monokai-nt; } /* Name.Tag */ - .nv { color: $monokai-nv; } /* Name.Variable */ - .ow { color: $monokai-ow; } /* Operator.Word */ - .w { color: $monokai-w; } /* Text.Whitespace */ - .mf { color: $monokai-mf; } /* Literal.Number.Float */ - .mh { color: $monokai-mh; } /* Literal.Number.Hex */ - .mi { color: $monokai-mi; } /* Literal.Number.Integer */ - .mo { color: $monokai-mo; } /* Literal.Number.Oct */ - .sb { color: $monokai-sb; } /* Literal.String.Backtick */ - .sc { color: $monokai-sc; } /* Literal.String.Char */ - .sd { color: $monokai-sd; } /* Literal.String.Doc */ - .s2 { color: $monokai-s2; } /* Literal.String.Double */ - .se { color: $monokai-se; } /* Literal.String.Escape */ - .sh { color: $monokai-sh; } /* Literal.String.Heredoc */ - .si { color: $monokai-si; } /* Literal.String.Interpol */ - .sx { color: $monokai-sx; } /* Literal.String.Other */ - .sr { color: $monokai-sr; } /* Literal.String.Regex */ - .s1 { color: $monokai-s1; } /* Literal.String.Single */ - .ss { color: $monokai-ss; } /* Literal.String.Symbol */ - .bp { color: $monokai-bp; } /* Name.Builtin.Pseudo */ - .vc { color: $monokai-vc; } /* Name.Variable.Class */ - .vg { color: $monokai-vg; } /* Name.Variable.Global */ - .vi { color: $monokai-vi; } /* Name.Variable.Instance */ - .il { color: $monokai-il; } /* Literal.Number.Integer.Long */ - .gu { color: $monokai-gu; } /* Generic.Subheading & Diff Unified/Comment? */ - .gd { color: $monokai-gd; } /* Generic.Deleted & Diff Deleted */ - .gi { color: $monokai-gi; } /* Generic.Inserted & Diff Inserted */ -} diff --git a/app/assets/stylesheets/highlight/solarized_dark.scss b/app/assets/stylesheets/highlight/solarized_dark.scss deleted file mode 100644 index ba53ef0352b..00000000000 --- a/app/assets/stylesheets/highlight/solarized_dark.scss +++ /dev/null @@ -1,282 +0,0 @@ -/* https://gist.github.com/qguv/7936275 */ - -/* -* Solarized dark colors -*/ -$solarized-dark-new-bg: rgba(133, 153, 0, 0.15); -$solarized-dark-new-idiff: rgba(133, 153, 0, 0.25); -$solarized-dark-old-bg: rgba(220, 50, 47, 0.3); -$solarized-dark-old-idiff: rgba(220, 50, 47, 0.25); -$solarized-dark-border: #113b46; -$solarized-dark-pre-bg: #002b36; -$solarized-dark-pre-color: #93a1a1; -$solarized-dark-pre-border: #113b46; -$solarized-dark-line-bg: #002b36; -$solarized-dark-line-color: rgba(255, 255, 255, 0.3); -$solarized-dark-line-color-new: #5a766c; -$solarized-dark-line-color-old: #7a6c71; -$solarized-dark-highlight: #094554; -$solarized-dark-hll-bg: #174652; -$solarized-dark-over-bg: #9f9ab5; -$solarized-dark-expanded-bg: #010d10; -$solarized-dark-c: #586e75; -$solarized-dark-err: #93a1a1; -$solarized-dark-g: #93a1a1; -$solarized-dark-k: #859900; -$solarized-dark-l: #93a1a1; -$solarized-dark-n: #93a1a1; -$solarized-dark-o: #859900; -$solarized-dark-x: #cb4b16; -$solarized-dark-p: #93a1a1; -$solarized-dark-cm: #586e75; -$solarized-dark-cp: #859900; -$solarized-dark-c1: #586e75; -$solarized-dark-cs: #859900; -$solarized-dark-gd: #2aa198; -$solarized-dark-ge: #93a1a1; -$solarized-dark-gr: #dc322f; -$solarized-dark-gh: #cb4b16; -$solarized-dark-gi: #859900; -$solarized-dark-go: #93a1a1; -$solarized-dark-gp: #93a1a1; -$solarized-dark-gs: #93a1a1; -$solarized-dark-gu: #cb4b16; -$solarized-dark-gt: #93a1a1; -$solarized-dark-kc: #cb4b16; -$solarized-dark-kd: #268bd2; -$solarized-dark-kn: #859900; -$solarized-dark-kp: #859900; -$solarized-dark-kr: #268bd2; -$solarized-dark-kt: #dc322f; -$solarized-dark-ld: #93a1a1; -$solarized-dark-m: #2aa198; -$solarized-dark-s: #2aa198; -$solarized-dark-na: #93a1a1; -$solarized-dark-nb: #b58900; -$solarized-dark-nc: #268bd2; -$solarized-dark-no: #cb4b16; -$solarized-dark-nd: #268bd2; -$solarized-dark-ni: #cb4b16; -$solarized-dark-ne: #cb4b16; -$solarized-dark-nf: #268bd2; -$solarized-dark-nl: #93a1a1; -$solarized-dark-nn: #93a1a1; -$solarized-dark-nx: #93a1a1; -$solarized-dark-py: #93a1a1; -$solarized-dark-nt: #268bd2; -$solarized-dark-nv: #268bd2; -$solarized-dark-ow: #859900; -$solarized-dark-w: #93a1a1; -$solarized-dark-mf: #2aa198; -$solarized-dark-mh: #2aa198; -$solarized-dark-mi: #2aa198; -$solarized-dark-mo: #2aa198; -$solarized-dark-sb: #586e75; -$solarized-dark-sc: #2aa198; -$solarized-dark-sd: #93a1a1; -$solarized-dark-s2: #2aa198; -$solarized-dark-se: #cb4b16; -$solarized-dark-sh: #93a1a1; -$solarized-dark-si: #2aa198; -$solarized-dark-sx: #2aa198; -$solarized-dark-sr: #dc322f; -$solarized-dark-s1: #2aa198; -$solarized-dark-ss: #2aa198; -$solarized-dark-bp: #268bd2; -$solarized-dark-vc: #268bd2; -$solarized-dark-vg: #268bd2; -$solarized-dark-vi: #268bd2; -$solarized-dark-il: #2aa198; - -.code.solarized-dark { - // Line numbers - .line-numbers, - .diff-line-num { - background-color: $solarized-dark-line-bg; - } - - .diff-line-num, - .diff-line-num a { - color: $solarized-dark-line-color; - } - - // Code itself - pre.code, - .diff-line-num { - border-color: $solarized-dark-pre-border; - } - - &, - pre.code, - .line_holder .line_content { - background-color: $solarized-dark-pre-bg; - color: $solarized-dark-pre-color; - } - - // Diff line - .line_holder { - &.match .line_content { - @include dark-diff-match-line; - } - - td.diff-line-num.hll:not(.empty-cell), - td.line_content.hll:not(.empty-cell) { - background-color: $solarized-dark-hll-bg; - border-color: darken($solarized-dark-hll-bg, 15%); - } - - .diff-line-num.new, - .line_content.new { - @include diff_background($solarized-dark-new-bg, $solarized-dark-new-idiff, $solarized-dark-border); - - &::before, - a { - color: $solarized-dark-line-color-new; - } - } - - .diff-line-num.old, - .line_content.old { - @include diff_background($solarized-dark-old-bg, $solarized-dark-old-idiff, $solarized-dark-border); - - &::before, - a { - color: $solarized-dark-line-color-old; - } - } - - .diff-line-num { - &.is-over, - &.hll:not(.empty-cell).is-over { - background-color: $solarized-dark-over-bg; - border-color: darken($solarized-dark-over-bg, 5%); - - a { - color: darken($solarized-dark-over-bg, 15%); - } - } - } - - .line_content.match { - @include dark-diff-match-line; - } - - &:not(.diff-expanded) + .diff-expanded, - &.diff-expanded + .line_holder:not(.diff-expanded) { - > .diff-line-num, - > .line_content { - border-top: 1px solid $black; - } - } - - &.diff-expanded { - > .diff-line-num, - > .line_content { - background: $solarized-dark-expanded-bg; - border-color: $solarized-dark-expanded-bg; - } - } - } - - // highlight line via anchor - pre .hll { - background-color: $solarized-dark-hll-bg !important; - } - - // Search result highlight - span.highlight_word { - background-color: $solarized-dark-highlight !important; - } - - // Links to URLs, emails, or dependencies - .line a { - color: $solarized-dark-kd; - } - - /* Solarized Dark - - For use with Jekyll and Pygments - - http://ethanschoonover.com/solarized - - SOLARIZED HEX ROLE - --------- -------- ------------------------------------------ - base03 #002b36 background - base01 #586e75 comments / secondary content - base1 #93a1a1 body text / default code / primary content - orange #cb4b16 constants - red #dc322f regex, special keywords - blue #268bd2 reserved keywords - cyan #2aa198 strings, numbers - green #859900 operators, other keywords - */ - - .c { color: $solarized-dark-c; } /* Comment */ - .err { color: $solarized-dark-err; } /* Error */ - .g { color: $solarized-dark-g; } /* Generic */ - .k { color: $solarized-dark-k; } /* Keyword */ - .l { color: $solarized-dark-l; } /* Literal */ - .n { color: $solarized-dark-n; } /* Name */ - .o { color: $solarized-dark-o; } /* Operator */ - .x { color: $solarized-dark-x; } /* Other */ - .p { color: $solarized-dark-p; } /* Punctuation */ - .cm { color: $solarized-dark-cm; } /* Comment.Multiline */ - .cp { color: $solarized-dark-cp; } /* Comment.Preproc */ - .c1 { color: $solarized-dark-c1; } /* Comment.Single */ - .cs { color: $solarized-dark-cs; } /* Comment.Special */ - .gd { color: $solarized-dark-gd; } /* Generic.Deleted */ - .ge { color: $solarized-dark-ge; font-style: italic; } /* Generic.Emph */ - .gr { color: $solarized-dark-gr; } /* Generic.Error */ - .gh { color: $solarized-dark-gh; } /* Generic.Heading */ - .gi { color: $solarized-dark-gi; } /* Generic.Inserted */ - .go { color: $solarized-dark-go; } /* Generic.Output */ - .gp { color: $solarized-dark-gp; } /* Generic.Prompt */ - .gs { color: $solarized-dark-gs; font-weight: $gl-font-weight-bold; } /* Generic.Strong */ - .gu { color: $solarized-dark-gu; } /* Generic.Subheading */ - .gt { color: $solarized-dark-gt; } /* Generic.Traceback */ - .kc { color: $solarized-dark-kc; } /* Keyword.Constant */ - .kd { color: $solarized-dark-kd; } /* Keyword.Declaration */ - .kn { color: $solarized-dark-kn; } /* Keyword.Namespace */ - .kp { color: $solarized-dark-kp; } /* Keyword.Pseudo */ - .kr { color: $solarized-dark-kr; } /* Keyword.Reserved */ - .kt { color: $solarized-dark-kt; } /* Keyword.Type */ - .ld { color: $solarized-dark-ld; } /* Literal.Date */ - .m { color: $solarized-dark-m; } /* Literal.Number */ - .s { color: $solarized-dark-s; } /* Literal.String */ - .na { color: $solarized-dark-na; } /* Name.Attribute */ - .nb { color: $solarized-dark-nb; } /* Name.Builtin */ - .nc { color: $solarized-dark-nc; } /* Name.Class */ - .no { color: $solarized-dark-no; } /* Name.Constant */ - .nd { color: $solarized-dark-nd; } /* Name.Decorator */ - .ni { color: $solarized-dark-ni; } /* Name.Entity */ - .ne { color: $solarized-dark-ne; } /* Name.Exception */ - .nf { color: $solarized-dark-nf; } /* Name.Function */ - .nl { color: $solarized-dark-nl; } /* Name.Label */ - .nn { color: $solarized-dark-nn; } /* Name.Namespace */ - .nx { color: $solarized-dark-nx; } /* Name.Other */ - .py { color: $solarized-dark-py; } /* Name.Property */ - .nt { color: $solarized-dark-nt; } /* Name.Tag */ - .nv { color: $solarized-dark-nv; } /* Name.Variable */ - .ow { color: $solarized-dark-ow; } /* Operator.Word */ - .w { color: $solarized-dark-w; } /* Text.Whitespace */ - .mf { color: $solarized-dark-mf; } /* Literal.Number.Float */ - .mh { color: $solarized-dark-mh; } /* Literal.Number.Hex */ - .mi { color: $solarized-dark-mi; } /* Literal.Number.Integer */ - .mo { color: $solarized-dark-mo; } /* Literal.Number.Oct */ - .sb { color: $solarized-dark-sb; } /* Literal.String.Backtick */ - .sc { color: $solarized-dark-sc; } /* Literal.String.Char */ - .sd { color: $solarized-dark-sd; } /* Literal.String.Doc */ - .s2 { color: $solarized-dark-s2; } /* Literal.String.Double */ - .se { color: $solarized-dark-se; } /* Literal.String.Escape */ - .sh { color: $solarized-dark-sh; } /* Literal.String.Heredoc */ - .si { color: $solarized-dark-si; } /* Literal.String.Interpol */ - .sx { color: $solarized-dark-sx; } /* Literal.String.Other */ - .sr { color: $solarized-dark-sr; } /* Literal.String.Regex */ - .s1 { color: $solarized-dark-s1; } /* Literal.String.Single */ - .ss { color: $solarized-dark-ss; } /* Literal.String.Symbol */ - .bp { color: $solarized-dark-bp; } /* Name.Builtin.Pseudo */ - .vc { color: $solarized-dark-vc; } /* Name.Variable.Class */ - .vg { color: $solarized-dark-vg; } /* Name.Variable.Global */ - .vi { color: $solarized-dark-vi; } /* Name.Variable.Instance */ - .il { color: $solarized-dark-il; } /* Literal.Number.Integer.Long */ -} diff --git a/app/assets/stylesheets/highlight/solarized_light.scss b/app/assets/stylesheets/highlight/solarized_light.scss deleted file mode 100644 index e9fccf1b58a..00000000000 --- a/app/assets/stylesheets/highlight/solarized_light.scss +++ /dev/null @@ -1,290 +0,0 @@ -/* https://gist.github.com/qguv/7936275 */ - -/* -* Solarized light syntax colors -*/ -$solarized-light-matchline-bg: rgba(255, 255, 255, 0.4); -$solarized-light-new-bg: rgba(133, 153, 0, 0.2); -$solarized-light-new-idiff: rgba(133, 153, 0, 0.25); -$solarized-light-old-bg: rgba(220, 50, 47, 0.2); -$solarized-light-old-idiff: rgba(220, 50, 47, 0.25); -$solarized-light-border: #c5d0d4; -$solarized-light-pre-bg: #002b36; -$solarized-light-pre-bg: #fdf6e3; -$solarized-light-pre-color: #586e75; -$solarized-light-line-bg: #fdf6e3; -$solarized-light-line-color: rgba(0, 0, 0, 0.3); -$solarized-light-line-color-new: #a1a080; -$solarized-light-line-color-old: #ad9186; -$solarized-light-highlight: #eee8d5; -$solarized-light-hll-bg: #ddd8c5; -$solarized-light-over-bg: #ded7fc; -$solarized-light-expanded-border: #d2cdbd; -$solarized-light-expanded-bg: #ece6d4; -$solarized-light-c: #93a1a1; -$solarized-light-err: #586e75; -$solarized-light-g: #586e75; -$solarized-light-k: #859900; -$solarized-light-l: #586e75; -$solarized-light-n: #586e75; -$solarized-light-o: #859900; -$solarized-light-x: #cb4b16; -$solarized-light-p: #586e75; -$solarized-light-cm: #93a1a1; -$solarized-light-cp: #859900; -$solarized-light-c1: #93a1a1; -$solarized-light-cs: #859900; -$solarized-light-gd: #2aa198; -$solarized-light-ge: #586e75; -$solarized-light-gr: #dc322f; -$solarized-light-gh: #cb4b16; -$solarized-light-gi: #859900; -$solarized-light-go: #586e75; -$solarized-light-gp: #586e75; -$solarized-light-gs: #586e75; -$solarized-light-gu: #cb4b16; -$solarized-light-gt: #586e75; -$solarized-light-kc: #cb4b16; -$solarized-light-kd: #268bd2; -$solarized-light-kn: #859900; -$solarized-light-kp: #859900; -$solarized-light-kr: #268bd2; -$solarized-light-kt: #dc322f; -$solarized-light-ld: #586e75; -$solarized-light-m: #2aa198; -$solarized-light-s: #2aa198; -$solarized-light-na: #586e75; -$solarized-light-nb: #b58900; -$solarized-light-nc: #268bd2; -$solarized-light-no: #cb4b16; -$solarized-light-nd: #268bd2; -$solarized-light-ni: #cb4b16; -$solarized-light-ne: #cb4b16; -$solarized-light-nf: #268bd2; -$solarized-light-nl: #586e75; -$solarized-light-nn: #586e75; -$solarized-light-nx: #586e75; -$solarized-light-py: #586e75; -$solarized-light-nt: #268bd2; -$solarized-light-nv: #268bd2; -$solarized-light-ow: #859900; -$solarized-light-w: #586e75; -$solarized-light-mf: #2aa198; -$solarized-light-mh: #2aa198; -$solarized-light-mi: #2aa198; -$solarized-light-mo: #2aa198; -$solarized-light-sb: #93a1a1; -$solarized-light-sc: #2aa198; -$solarized-light-sd: #586e75; -$solarized-light-s2: #2aa198; -$solarized-light-se: #cb4b16; -$solarized-light-sh: #586e75; -$solarized-light-si: #2aa198; -$solarized-light-sx: #2aa198; -$solarized-light-sr: #dc322f; -$solarized-light-s1: #2aa198; -$solarized-light-ss: #2aa198; -$solarized-light-bp: #268bd2; -$solarized-light-vc: #268bd2; -$solarized-light-vg: #268bd2; -$solarized-light-vi: #268bd2; -$solarized-light-il: #2aa198; - -@mixin matchLine { - color: $black-transparent; - background: $solarized-light-matchline-bg; -} - -.code.solarized-light { - // Line numbers - .line-numbers, - .diff-line-num { - background-color: $solarized-light-line-bg; - } - - .diff-line-num, - .diff-line-num a { - color: $solarized-light-line-color; - } - - // Code itself - pre.code, - .diff-line-num { - border-color: $solarized-light-border; - } - - &, - pre.code, - .line_holder .line_content { - background-color: $solarized-light-pre-bg; - color: $solarized-light-pre-color; - } - - // Diff line - .line_holder { - &.match .line_content { - @include matchLine; - } - - td.diff-line-num.hll:not(.empty-cell), - td.line_content.hll:not(.empty-cell) { - background-color: $solarized-light-hll-bg; - border-color: darken($solarized-light-hll-bg, 15%); - } - - .diff-line-num.new, - .line_content.new { - @include diff_background($solarized-light-new-bg, - $solarized-light-new-idiff, $solarized-light-border); - - &::before, - a { - color: $solarized-light-line-color-new; - } - } - - .diff-line-num.old, - .line_content.old { - @include diff_background($solarized-light-old-bg, $solarized-light-old-idiff, $solarized-light-border); - - &::before, - a { - color: $solarized-light-line-color-old; - } - } - - .diff-line-num { - &.is-over, - &.hll:not(.empty-cell).is-over { - background-color: $solarized-light-over-bg; - border-color: darken($solarized-light-over-bg, 5%); - - a { - color: darken($solarized-light-over-bg, 15%); - } - } - } - - .line_content.match { - @include matchLine; - } - - &:not(.diff-expanded) + .diff-expanded, - &.diff-expanded + .line_holder:not(.diff-expanded) { - > .diff-line-num, - > .line_content { - border-top: 1px solid $solarized-light-expanded-border; - } - } - - &.diff-expanded { - > .diff-line-num, - > .line_content { - background: $solarized-light-expanded-bg; - border-color: $solarized-light-expanded-bg; - } - } - } - - // highlight line via anchor - pre .hll { - background-color: $solarized-light-hll-bg !important; - } - - // Search result highlight - span.highlight_word { - background-color: $solarized-light-highlight !important; - } - - // Links to URLs, emails, or dependencies - .line a { - color: $solarized-light-kd; - } - - /* Solarized Light - - For use with Jekyll and Pygments - - http://ethanschoonover.com/solarized - - SOLARIZED HEX ROLE - --------- -------- ------------------------------------------ - base01 #586e75 body text / default code / primary content - base1 #93a1a1 comments / secondary content - base3 #fdf6e3 background - orange #cb4b16 constants - red #dc322f regex, special keywords - blue #268bd2 reserved keywords - cyan #2aa198 strings, numbers - green #859900 operators, other keywords - */ - - .c { color: $solarized-light-c; } /* Comment */ - .err { color: $solarized-light-err; } /* Error */ - .g { color: $solarized-light-g; } /* Generic */ - .k { color: $solarized-light-k; } /* Keyword */ - .l { color: $solarized-light-l; } /* Literal */ - .n { color: $solarized-light-n; } /* Name */ - .o { color: $solarized-light-o; } /* Operator */ - .x { color: $solarized-light-x; } /* Other */ - .p { color: $solarized-light-p; } /* Punctuation */ - .cm { color: $solarized-light-cm; } /* Comment.Multiline */ - .cp { color: $solarized-light-cp; } /* Comment.Preproc */ - .c1 { color: $solarized-light-c1; } /* Comment.Single */ - .cs { color: $solarized-light-cs; } /* Comment.Special */ - .gd { color: $solarized-light-gd; } /* Generic.Deleted */ - .ge { color: $solarized-light-ge; font-style: italic; } /* Generic.Emph */ - .gr { color: $solarized-light-gr; } /* Generic.Error */ - .gh { color: $solarized-light-gh; } /* Generic.Heading */ - .gi { color: $solarized-light-gi; } /* Generic.Inserted */ - .go { color: $solarized-light-go; } /* Generic.Output */ - .gp { color: $solarized-light-gp; } /* Generic.Prompt */ - .gs { color: $solarized-light-gs; font-weight: $gl-font-weight-bold; } /* Generic.Strong */ - .gu { color: $solarized-light-gu; } /* Generic.Subheading */ - .gt { color: $solarized-light-gt; } /* Generic.Traceback */ - .kc { color: $solarized-light-kc; } /* Keyword.Constant */ - .kd { color: $solarized-light-kd; } /* Keyword.Declaration */ - .kn { color: $solarized-light-kn; } /* Keyword.Namespace */ - .kp { color: $solarized-light-kp; } /* Keyword.Pseudo */ - .kr { color: $solarized-light-kr; } /* Keyword.Reserved */ - .kt { color: $solarized-light-kt; } /* Keyword.Type */ - .ld { color: $solarized-light-ld; } /* Literal.Date */ - .m { color: $solarized-light-m; } /* Literal.Number */ - .s { color: $solarized-light-s; } /* Literal.String */ - .na { color: $solarized-light-na; } /* Name.Attribute */ - .nb { color: $solarized-light-nb; } /* Name.Builtin */ - .nc { color: $solarized-light-nc; } /* Name.Class */ - .no { color: $solarized-light-no; } /* Name.Constant */ - .nd { color: $solarized-light-nd; } /* Name.Decorator */ - .ni { color: $solarized-light-ni; } /* Name.Entity */ - .ne { color: $solarized-light-ne; } /* Name.Exception */ - .nf { color: $solarized-light-nf; } /* Name.Function */ - .nl { color: $solarized-light-nl; } /* Name.Label */ - .nn { color: $solarized-light-nn; } /* Name.Namespace */ - .nx { color: $solarized-light-nx; } /* Name.Other */ - .py { color: $solarized-light-py; } /* Name.Property */ - .nt { color: $solarized-light-nt; } /* Name.Tag */ - .nv { color: $solarized-light-nv; } /* Name.Variable */ - .ow { color: $solarized-light-ow; } /* Operator.Word */ - .w { color: $solarized-light-w; } /* Text.Whitespace */ - .mf { color: $solarized-light-mf; } /* Literal.Number.Float */ - .mh { color: $solarized-light-mh; } /* Literal.Number.Hex */ - .mi { color: $solarized-light-mi; } /* Literal.Number.Integer */ - .mo { color: $solarized-light-mo; } /* Literal.Number.Oct */ - .sb { color: $solarized-light-sb; } /* Literal.String.Backtick */ - .sc { color: $solarized-light-sc; } /* Literal.String.Char */ - .sd { color: $solarized-light-sd; } /* Literal.String.Doc */ - .s2 { color: $solarized-light-s2; } /* Literal.String.Double */ - .se { color: $solarized-light-se; } /* Literal.String.Escape */ - .sh { color: $solarized-light-sh; } /* Literal.String.Heredoc */ - .si { color: $solarized-light-si; } /* Literal.String.Interpol */ - .sx { color: $solarized-light-sx; } /* Literal.String.Other */ - .sr { color: $solarized-light-sr; } /* Literal.String.Regex */ - .s1 { color: $solarized-light-s1; } /* Literal.String.Single */ - .ss { color: $solarized-light-ss; } /* Literal.String.Symbol */ - .bp { color: $solarized-light-bp; } /* Name.Builtin.Pseudo */ - .vc { color: $solarized-light-vc; } /* Name.Variable.Class */ - .vg { color: $solarized-light-vg; } /* Name.Variable.Global */ - .vi { color: $solarized-light-vi; } /* Name.Variable.Instance */ - .il { color: $solarized-light-il; } /* Literal.Number.Integer.Long */ -} diff --git a/app/assets/stylesheets/highlight/white.scss b/app/assets/stylesheets/highlight/white.scss deleted file mode 100644 index 65b140cd7f8..00000000000 --- a/app/assets/stylesheets/highlight/white.scss +++ /dev/null @@ -1,274 +0,0 @@ -/* https://github.com/aahan/pygments-github-style */ - -/* -* White Syntax Colors -*/ -$white-code-color: $gl-text-color; -$white-highlight: #fafe3d; -$white-pre-hll-bg: #f8eec7; -$white-hll-bg: #f8f8f8; -$white-over-bg: #ded7fc; -$white-expanded-border: #e0e0e0; -$white-expanded-bg: #f7f7f7; -$white-c: #998; -$white-err: #a61717; -$white-err-bg: #e3d2d2; -$white-cm: #998; -$white-cp: #999; -$white-c1: #998; -$white-cs: #999; -$white-gd: $black; -$white-gd-bg: #fdd; -$white-gd-x: $black; -$white-gd-x-bg: #faa; -$white-gr: #a00; -$white-gh: #999; -$white-gi: $black; -$white-gi-bg: #dfd; -$white-gi-x: $black; -$white-gi-x-bg: #afa; -$white-go: #888; -$white-gp: #555; -$white-gu: #800080; -$white-gt: #a00; -$white-kt: #458; -$white-m: #099; -$white-s: #d14; -$white-n: #333; -$white-na: teal; -$white-nb: #0086b3; -$white-nc: #458; -$white-no: teal; -$white-ni: purple; -$white-ne: #900; -$white-nf: #900; -$white-nn: #555; -$white-nt: navy; -$white-nv: teal; -$white-w: #bbb; -$white-mf: #099; -$white-mh: #099; -$white-mi: #099; -$white-mo: #099; -$white-sb: #d14; -$white-sc: #d14; -$white-sd: #d14; -$white-s2: #d14; -$white-se: #d14; -$white-sh: #d14; -$white-si: #d14; -$white-sx: #d14; -$white-sr: #009926; -$white-s1: #d14; -$white-ss: #990073; -$white-bp: #999; -$white-vc: teal; -$white-vg: teal; -$white-vi: teal; -$white-il: #099; -$white-gc-color: #999; -$white-gc-bg: #eaf2f5; - - -@mixin matchLine { - color: $black-transparent; - background-color: $gray-light; -} - -.code.white { - // Line numbers - .line-numbers, - .diff-line-num { - background-color: $gray-light; - } - - .diff-line-num, - .diff-line-num a { - color: $black-transparent; - } - - // Code itself - pre.code, - .diff-line-num { - border-color: $white-normal; - } - - &, - pre.code, - .line_holder .line_content { - background-color: $white-light; - color: $white-code-color; - } - - // Diff line - .line_holder { - - &.match .line_content { - @include matchLine; - } - - .diff-line-num { - &.old { - background-color: $line-number-old; - border-color: $line-removed-dark; - - a { - color: scale-color($line-number-old, $red: -30%, $green: -30%, $blue: -30%); - } - } - - &.new { - background-color: $line-number-new; - border-color: $line-added-dark; - - a { - color: scale-color($line-number-new, $red: -30%, $green: -30%, $blue: -30%); - } - } - - &.is-over, - &.hll:not(.empty-cell).is-over { - background-color: $white-over-bg; - border-color: darken($white-over-bg, 5%); - - a { - color: darken($white-over-bg, 15%); - } - } - - &.hll:not(.empty-cell) { - background-color: $line-number-select; - border-color: $line-select-yellow-dark; - } - } - - &:not(.diff-expanded) + .diff-expanded, - &.diff-expanded + .line_holder:not(.diff-expanded) { - > .diff-line-num, - > .line_content { - border-top: 1px solid $white-expanded-border; - } - } - - &.diff-expanded { - > .diff-line-num, - > .line_content { - background: $white-expanded-bg; - border-color: $white-expanded-bg; - } - } - - .line_content { - &.old { - background-color: $line-removed; - - &::before { - color: scale-color($line-number-old, $red: -30%, $green: -30%, $blue: -30%); - } - - span.idiff { - background-color: $line-removed-dark; - } - } - - &.new { - background-color: $line-added; - - &::before { - color: scale-color($line-number-new, $red: -30%, $green: -30%, $blue: -30%); - } - - span.idiff { - background-color: $line-added-dark; - } - } - - &.match { - @include matchLine; - } - - &.hll:not(.empty-cell) { - background-color: $line-select-yellow; - } - } - } - - // highlight line via anchor - pre .hll { - background-color: $white-pre-hll-bg !important; - } - - // Search result highlight - span.highlight_word { - background-color: $white-highlight !important; - } - - // Links to URLs, emails, or dependencies - .line a { - color: $white-nb; - } - - .hll { background-color: $white-hll-bg; } - .c { color: $white-c; font-style: italic; } - .err { color: $white-err; background-color: $white-err-bg; } - .k { font-weight: $gl-font-weight-bold; } - .o { font-weight: $gl-font-weight-bold; } - .cm { color: $white-cm; font-style: italic; } - .cp { color: $white-cp; font-weight: $gl-font-weight-bold; } - .c1 { color: $white-c1; font-style: italic; } - .cs { color: $white-cs; font-weight: $gl-font-weight-bold; font-style: italic; } - .gd { color: $white-gd; background-color: $white-gd-bg; } - .gd .x { color: $white-gd-x; background-color: $white-gd-x-bg; } - .ge { font-style: italic; } - .gr { color: $white-gr; } - .gh { color: $white-gh; } - .gi { color: $white-gi; background-color: $white-gi-bg; } - .gi .x { color: $white-gi-x; background-color: $white-gi-x-bg; } - .go { color: $white-go; } - .gp { color: $white-gp; } - .gs { font-weight: $gl-font-weight-bold; } - .gu { color: $white-gu; font-weight: $gl-font-weight-bold; } - .gt { color: $white-gt; } - .kc { font-weight: $gl-font-weight-bold; } - .kd { font-weight: $gl-font-weight-bold; } - .kn { font-weight: $gl-font-weight-bold; } - .kp { font-weight: $gl-font-weight-bold; } - .kr { font-weight: $gl-font-weight-bold; } - .kt { color: $white-kt; font-weight: $gl-font-weight-bold; } - .m { color: $white-m; } - .s { color: $white-s; } - .n { color: $white-n; } - .na { color: $white-na; } - .nb { color: $white-nb; } - .nc { color: $white-nc; font-weight: $gl-font-weight-bold; } - .no { color: $white-no; } - .ni { color: $white-ni; } - .ne { color: $white-ne; font-weight: $gl-font-weight-bold; } - .nf { color: $white-nf; font-weight: $gl-font-weight-bold; } - .nn { color: $white-nn; } - .nt { color: $white-nt; } - .nv { color: $white-nv; } - .ow { font-weight: $gl-font-weight-bold; } - .w { color: $white-w; } - .mf { color: $white-mf; } - .mh { color: $white-mh; } - .mi { color: $white-mi; } - .mo { color: $white-mo; } - .sb { color: $white-sb; } - .sc { color: $white-sc; } - .sd { color: $white-sd; } - .s2 { color: $white-s2; } - .se { color: $white-se; } - .sh { color: $white-sh; } - .si { color: $white-si; } - .sx { color: $white-sx; } - .sr { color: $white-sr; } - .s1 { color: $white-s1; } - .ss { color: $white-ss; } - .bp { color: $white-bp; } - .vc { color: $white-vc; } - .vg { color: $white-vg; } - .vi { color: $white-vi; } - .il { color: $white-il; } - .gc { color: $white-gc-color; background-color: $white-gc-bg; } -} diff --git a/app/assets/stylesheets/mailers/highlighted_diff_email.scss b/app/assets/stylesheets/mailers/highlighted_diff_email.scss deleted file mode 100644 index fbe538ad1d7..00000000000 --- a/app/assets/stylesheets/mailers/highlighted_diff_email.scss +++ /dev/null @@ -1,214 +0,0 @@ -@import "framework/variables"; - -// This file is largely copied from `highlight/white.scss`, but modified to -// avoid all descendant selectors (`table td`). This is because the CSS inlining -// we use performs dramatically worse on descendant selectors than the -// alternatives. -// <https://gitlab.com/gitlab-org/gitlab-ee/issues/490#note_12283632> -// -// DO NOT ADD ANY DESCENDANT SELECTORS TO THIS FILE. Instead, use (in order of -// preference): plain class selectors, type (element name) selectors, or -// explicit child selectors. - -/* -* Highlighted Diff Email Syntax Colors -*/ -$highlighted-highlight-word: #fafe3d; -$highlighted-hll-bg: #f8f8f8; -$highlighted-c: #998; -$highlighted-err: #a61717; -$highlighted-err-bg: #e3d2d2; -$highlighted-cm: #998; -$highlighted-cp: #999; -$highlighted-c1: #998; -$highlighted-cs: #999; -$highlighted-gd: #000; -$highlighted-gd-bg: #fdd; -$highlighted-gd-x: #000; -$highlighted-gd-x-bg: #faa; -$highlighted-gr: #a00; -$highlighted-gh: #999; -$highlighted-gi: #000; -$highlighted-gi-bg: #dfd; -$highlighted-gi-x: #000; -$highlighted-gi-x-bg: #afa; -$highlighted-go: #888; -$highlighted-gp: #555; -$highlighted-gu: #800080; -$highlighted-gt: #a00; -$highlighted-kt: #458; -$highlighted-m: #099; -$highlighted-s: #d14; -$highlighted-n: #333; -$highlighted-na: teal; -$highlighted-nb: #0086b3; -$highlighted-nc: #458; -$highlighted-no: teal; -$highlighted-ni: purple; -$highlighted-ne: #900; -$highlighted-nf: #900; -$highlighted-nn: #555; -$highlighted-nt: navy; -$highlighted-nv: teal; -$highlighted-w: #bbb; -$highlighted-mf: #099; -$highlighted-mh: #099; -$highlighted-mi: #099; -$highlighted-mo: #099; -$highlighted-sb: #d14; -$highlighted-sc: #d14; -$highlighted-sd: #d14; -$highlighted-s2: #d14; -$highlighted-se: #d14; -$highlighted-sh: #d14; -$highlighted-si: #d14; -$highlighted-sx: #d14; -$highlighted-sr: #009926; -$highlighted-s1: #d14; -$highlighted-ss: #990073; -$highlighted-bp: #999; -$highlighted-vc: teal; -$highlighted-vg: teal; -$highlighted-vi: teal; -$highlighted-il: #099; -$highlighted-gc: #999; -$highlighted-gc-bg: #eaf2f5; - -.code { - background-color: $white-light; - font-family: monospace; - font-size: $code_font_size; - -premailer-cellpadding: 0; - -premailer-cellspacing: 0; - -premailer-width: 100%; - - > tr { - line-height: $code_line_height; - } -} - -.diff-line-num { - padding: 0 5px; - text-align: right; - width: 35px; - background-color: $gray-light; - color: $black-transparent; - border-right: 1px solid $white-normal; - - &.old { - background-color: $line-number-old; - border-right-color: $line-removed-dark; - } - - &.new { - background-color: $line-number-new; - border-right-color: $line-added-dark; - } -} - -.line_content { - padding-left: 0.5em; - padding-right: 0.5em; - - &.old { - background-color: $line-removed; - - > .line > span.idiff, - > .line > span > span.idiff { - background-color: $line-removed-dark; - } - } - - &.new { - background-color: $line-added; - - > .line > span.idiff, - > .line > span > span.idiff { - background-color: $line-added-dark; - } - } - - &.match { - color: $black-transparent; - background-color: $gray-light; - } -} - -pre { - margin: 0; -} - -blockquote { - color: $gl-grayish-blue; - padding: 0 0 0 15px; - margin: 0; - border-left: 3px solid $white-dark; -} - -span.highlight_word { - background-color: $highlighted-highlight-word !important; -} - -.hll { background-color: $highlighted-hll-bg; } -.c { color: $highlighted-c; font-style: italic; } -.err { color: $highlighted-err; background-color: $highlighted-err-bg; } -.k { font-weight: $gl-font-weight-bold; } -.o { font-weight: $gl-font-weight-bold; } -.cm { color: $highlighted-cm; font-style: italic; } -.cp { color: $highlighted-cp; font-weight: $gl-font-weight-bold; } -.c1 { color: $highlighted-c1; font-style: italic; } -.cs { color: $highlighted-cs; font-weight: $gl-font-weight-bold; font-style: italic; } -.gd { color: $highlighted-gd; background-color: $highlighted-gd-bg; } -.gd .x { color: $highlighted-gd; background-color: $highlighted-gd-x-bg; } -.ge { font-style: italic; } -.gr { color: $highlighted-gr; } -.gh { color: $highlighted-gh; } -.gi { color: $highlighted-gi; background-color: $highlighted-gi-bg; } -.gi .x { color: $highlighted-gi; background-color: $highlighted-gi-x-bg; } -.go { color: $highlighted-go; } -.gp { color: $highlighted-gp; } -.gs { font-weight: $gl-font-weight-bold; } -.gu { color: $highlighted-gu; font-weight: $gl-font-weight-bold; } -.gt { color: $highlighted-gt; } -.kc { font-weight: $gl-font-weight-bold; } -.kd { font-weight: $gl-font-weight-bold; } -.kn { font-weight: $gl-font-weight-bold; } -.kp { font-weight: $gl-font-weight-bold; } -.kr { font-weight: $gl-font-weight-bold; } -.kt { color: $highlighted-kt; font-weight: $gl-font-weight-bold; } -.m { color: $highlighted-m; } -.s { color: $highlighted-s; } -.n { color: $highlighted-n; } -.na { color: $highlighted-na; } -.nb { color: $highlighted-nb; } -.nc { color: $highlighted-nc; font-weight: $gl-font-weight-bold; } -.no { color: $highlighted-no; } -.ni { color: $highlighted-ni; } -.ne { color: $highlighted-ne; font-weight: $gl-font-weight-bold; } -.nf { color: $highlighted-nf; font-weight: $gl-font-weight-bold; } -.nn { color: $highlighted-nn; } -.nt { color: $highlighted-nt; } -.nv { color: $highlighted-nv; } -.ow { font-weight: $gl-font-weight-bold; } -.w { color: $highlighted-w; } -.mf { color: $highlighted-mf; } -.mh { color: $highlighted-mh; } -.mi { color: $highlighted-mi; } -.mo { color: $highlighted-mo; } -.sb { color: $highlighted-sb; } -.sc { color: $highlighted-sc; } -.sd { color: $highlighted-sd; } -.s2 { color: $highlighted-s2; } -.se { color: $highlighted-se; } -.sh { color: $highlighted-sh; } -.si { color: $highlighted-si; } -.sx { color: $highlighted-sx; } -.sr { color: $highlighted-sr; } -.s1 { color: $highlighted-s1; } -.ss { color: $highlighted-ss; } -.bp { color: $highlighted-bp; } -.vc { color: $highlighted-vc; } -.vg { color: $highlighted-vg; } -.vi { color: $highlighted-vi; } -.il { color: $highlighted-il; } -.gc { color: $highlighted-gc; background-color: $highlighted-gc-bg; } diff --git a/app/assets/stylesheets/notify.scss b/app/assets/stylesheets/notify.scss deleted file mode 100644 index a81e5eb5ebf..00000000000 --- a/app/assets/stylesheets/notify.scss +++ /dev/null @@ -1,20 +0,0 @@ -@import "framework/variables"; - -img { - max-width: 100%; - height: auto; -} - -p.details { - font-style: italic; - color: $notify-details; -} - -.footer > p { - font-size: small; - color: $notify-footer; -} - -pre.commit-message { - white-space: pre-wrap; -} diff --git a/app/assets/stylesheets/pages/admin.scss b/app/assets/stylesheets/pages/admin.scss deleted file mode 100644 index 6c555aee20a..00000000000 --- a/app/assets/stylesheets/pages/admin.scss +++ /dev/null @@ -1,6 +0,0 @@ -.info-well { - .admin-well-statistics, - .admin-well-features { - padding-bottom: 46px; - } -} diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss deleted file mode 100644 index ca61f7a30c3..00000000000 --- a/app/assets/stylesheets/pages/boards.scss +++ /dev/null @@ -1,630 +0,0 @@ -@import "./issues/issue_count_badge"; - -[v-cloak] { - display: none; -} - -.user-can-drag { - cursor: -webkit-grab; - cursor: grab; -} - -.is-dragging { - // Important because plugin sets inline CSS - opacity: 1 !important; - - * { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - // !important to make sure no style can override this when dragging - cursor: -webkit-grabbing !important; - cursor: grabbing !important; - } -} - -.is-ghost { - opacity: 0.3; -} - -.dropdown-menu-issues-board-new { - width: 320px; - - .dropdown-content { - max-height: 150px; - } -} - -.issue-board-dropdown-content { - margin: 0 8px 10px; - padding-bottom: 10px; - border-bottom: 1px solid $dropdown-divider-color; - - > p { - margin: 0; - font-size: 14px; - } -} - -.issue-boards-page { - .content-wrapper { - padding-bottom: 0; - } -} - -.boards-app { - position: relative; - - @media (min-width: $screen-sm-min) { - transition: width $right-sidebar-transition-duration; - width: 100%; - - &.is-compact { - width: calc(100% - #{$gutter_width}); - } - } -} - -.boards-app-loading { - width: 100%; - font-size: 34px; -} - -.boards-list { - height: calc(100vh - 152px); - width: 100%; - padding-top: 25px; - padding-bottom: 25px; - padding-right: ($gl-padding / 2); - padding-left: ($gl-padding / 2); - overflow-x: scroll; - white-space: nowrap; - - @media (min-width: $screen-sm-min) { - height: 475px; // Needed for PhantomJS - // scss-lint:disable DuplicateProperty - height: calc(100vh - 222px); - // scss-lint:enable DuplicateProperty - min-height: 475px; - } -} - -.board { - display: inline-block; - width: calc(85vw - 15px); - height: 100%; - padding-right: ($gl-padding / 2); - padding-left: ($gl-padding / 2); - white-space: normal; - vertical-align: top; - - @media (min-width: $screen-sm-min) { - width: 400px; - } - - &.is-expandable { - .board-header { - cursor: pointer; - } - } - - &.is-collapsed { - width: 50px; - - .board-header { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - .board-title { - padding: 0; - border-bottom: 0; - - > span { - display: block; - transform: rotate(90deg) translate(35px, 10px); - } - } - - .board-title-expandable-toggle { - position: absolute; - top: 50%; - left: 50%; - margin-left: -10px; - } - - .board-list-component, - .issue-count-badge { - display: none; - } - } -} - -.board-inner { - position: relative; - height: 100%; - font-size: $issue-boards-font-size; - background: $gray-light; - border: 1px solid $border-color; - border-radius: $border-radius-default; -} - -.board-header { - position: relative; - - &.has-border::before { - border-top: 3px solid; - border-color: inherit; - border-top-left-radius: $border-radius-default; - border-top-right-radius: $border-radius-default; - content: ''; - position: absolute; - width: calc(100% + 2px); - top: 0; - left: 0; - margin-top: -1px; - margin-right: -1px; - margin-left: -1px; - padding-top: 1px; - padding-right: 1px; - padding-left: 1px; - - .board-title { - padding-top: ($gl-padding - 3px); - padding-bottom: $gl-padding; - } - } -} - -.board-inner-container { - border-bottom: 1px solid $border-color; - padding: $gl-padding; -} - -.board-title { - margin: 0; - padding: 12px $gl-padding; - font-size: 1em; - border-bottom: 1px solid $border-color; - display: flex; - align-items: center; -} - -.board-title-text { - margin-right: auto; -} - -.board-delete { - margin-right: 10px; - padding: 0; - color: $gray-darkest; - background-color: transparent; - border: 0; - outline: 0; - - &:hover { - color: $gl-link-color; - } -} - -.board-blank-state { - height: calc(100% - 49px); - padding: $gl-padding; - background-color: $white-light; -} - -.board-blank-state-list { - list-style: none; - - > li:not(:last-child) { - margin-bottom: 8px; - } - - .label-color { - position: relative; - top: 2px; - display: inline-block; - width: 16px; - height: 16px; - margin-right: 3px; - border-radius: $border-radius-default; - } -} - -.board-list-component { - height: calc(100% - 49px); - overflow: hidden; - position: relative; -} - -.board-list { - height: 100%; - width: 100%; - margin-bottom: 0; - padding: 5px; - list-style: none; - overflow-y: scroll; - overflow-x: hidden; -} - -.board-list-loading { - margin-top: 10px; - font-size: (26px / $issue-boards-font-size) * 1em; -} - -.card { - position: relative; - padding: 11px 10px 11px $gl-padding; - background: $white-light; - border-radius: $border-radius-default; - box-shadow: 0 1px 2px $issue-boards-card-shadow; - list-style: none; - - &:not(:last-child) { - margin-bottom: 5px; - } - - &.is-active, - &.is-active .card-assignee:hover a { - background-color: $row-hover; - - &:first-child:not(:only-child) { - box-shadow: -10px 0 10px 1px $row-hover; - } - } - - .label { - border: 0; - outline: 0; - } - - .confidential-icon { - position: relative; - top: 1px; - margin-right: 5px; - } -} - -.card-title { - margin: 0 30px 0 0; - font-size: 1em; - line-height: inherit; - - a { - color: $gl-text-color; - word-wrap: break-word; - margin-right: 2px; - } -} - -.card-header { - display: flex; - min-height: 20px; - - .card-assignee { - display: flex; - justify-content: flex-end; - position: absolute; - right: 15px; - height: 20px; - width: 20px; - - .avatar-counter { - display: none; - vertical-align: middle; - min-width: 20px; - line-height: 19px; - height: 20px; - padding-left: 2px; - padding-right: 2px; - border-radius: 2em; - } - - img { - vertical-align: top; - } - - a { - position: relative; - margin-left: -15px; - } - - a:nth-child(1) { - z-index: 3; - } - - a:nth-child(2) { - z-index: 2; - } - - a:nth-child(3) { - z-index: 1; - } - - a:nth-child(4) { - display: none; - } - - &:hover { - .avatar-counter { - display: inline-block; - } - - a { - position: static; - background-color: $white-light; - transition: background-color 0s; - margin-left: auto; - - &:nth-child(4) { - display: block; - } - - &:first-child:not(:only-child) { - box-shadow: -10px 0 10px 1px $white-light; - } - } - } - } - - .avatar { - margin: 0; - } -} - -.card-footer { - margin: 0 0 5px; - - .label { - margin-top: 5px; - margin-right: 6px; - } -} - -.card-number { - font-size: 12px; - color: $gl-text-color-secondary; -} - -.issue-boards-search { - width: 395px; - - .form-control { - display: inline-block; - width: 210px; - } -} - -.board-list-count { - padding: 10px 0; - color: $gl-text-color-secondary; - font-size: 13px; - - > .fa { - margin-right: 5px; - } -} - -.board-new-issue-form { - z-index: 4; - margin: 5px; -} - -.page-with-new-sidebar.page-with-sidebar .issue-boards-sidebar { - .issuable-sidebar-header { - position: relative; - } - - .gutter-toggle { - position: absolute; - top: 0; - bottom: 15px; - right: 0; - width: 22px; - color: $gray-darkest; - - svg { - position: absolute; - top: 50%; - margin-top: (-11px / 2); - } - - &:hover { - path { - fill: $gray-darkest; - } - } - } - - .issuable-header-text { - padding-right: 35px; - - > strong { - font-weight: $gl-font-weight-bold; - } - } -} - -.right-sidebar.right-sidebar-expanded { - &.boards-sidebar-slide-enter-active, - &.boards-sidebar-slide-leave-active { - transition: width $right-sidebar-transition-duration, - padding $right-sidebar-transition-duration; - } - - &.boards-sidebar-slide-enter, - &.boards-sidebar-slide-leave-active { - width: 0; - padding-left: 0; - padding-right: 0; - } -} - -.add-issues-modal { - display: -webkit-flex; - display: flex; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: rgba($black, .3); - z-index: 9999; -} - -.add-issues-container { - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - width: 90vw; - height: 85vh; - max-width: 1100px; - min-height: 500px; - margin: auto; - padding: 25px 15px 0; - background-color: $white-light; - border-radius: $border-radius-default; - box-shadow: 0 2px 12px rgba($black, .5); - - .empty-state { - display: -webkit-flex; - display: flex; - -webkit-flex: 1; - flex: 1; - margin-top: 0; - - &.add-issues-empty-state-filter { - -webkit-flex-direction: column; - flex-direction: column; - -webkit-justify-content: center; - justify-content: center; - } - - > .row { - width: 100%; - margin: auto 0; - } - - .svg-content { - margin-top: -40px; - } - } -} - -.add-issues-header { - margin: -25px -15px -5px; - border-top: 0; - border-bottom: 1px solid $border-color; - border-top-right-radius: $border-radius-default; - border-top-left-radius: $border-radius-default; - - > h2 { - margin: 0; - font-size: 18px; - } -} - -.add-issues-search { - display: -webkit-flex; - display: flex; - - .issues-filters { - -webkit-flex: 1; - flex: 1; - } -} - -.add-issues-list-column { - width: 100%; - - @media (min-width: $screen-sm-min) { - width: 50%; - } - - @media (min-width: $screen-md-min) { - width: (100% / 3); - } -} - -.add-issues-list { - display: -webkit-flex; - display: flex; - -webkit-flex: 1; - flex: 1; - padding-top: 3px; - margin-left: -$gl-vert-padding; - margin-right: -$gl-vert-padding; - overflow-y: scroll; - - .card-parent { - padding: 0 5px 5px; - } - - .card { - border: 1px solid $border-gray-dark; - box-shadow: 0 1px 2px rgba($issue-boards-card-shadow, .3); - cursor: pointer; - } -} - -.add-issues-list-loading { - -webkit-align-self: center; - align-self: center; - width: 100%; - padding-left: $gl-vert-padding; - padding-right: $gl-vert-padding; - font-size: 35px; -} - -.add-issues-footer { - margin: auto -15px 0; - padding-left: 15px; - padding-right: 15px; - border-bottom-right-radius: $border-radius-default; - border-bottom-left-radius: $border-radius-default; -} - -.add-issues-footer-to-list { - padding-left: $gl-vert-padding; - padding-right: $gl-vert-padding; - line-height: 34px; -} - -.issue-card-selected { - position: absolute; - right: -3px; - top: -3px; - width: 17px; - background-color: $blue-500; - color: $white-light; - border: 1px solid $blue-600; - font-size: 9px; - line-height: 15px; - border-radius: 50%; -} - -.modal-filters { - display: flex; - - > .dropdown { - display: none; - margin-right: 10px; - - @media (min-width: $screen-sm-min) { - display: block; - } - } - - .dropdown-menu-toggle { - width: 100px; - - @media (min-width: $screen-md-min) { - width: 140px; - } - } -} diff --git a/app/assets/stylesheets/pages/branches.scss b/app/assets/stylesheets/pages/branches.scss deleted file mode 100644 index 3e2fa8ca88d..00000000000 --- a/app/assets/stylesheets/pages/branches.scss +++ /dev/null @@ -1,55 +0,0 @@ -.divergence-graph { - padding: 12px 12px 0 0; - float: right; - - .graph-side { - position: relative; - width: 80px; - height: 22px; - padding: 5px 0 13px; - float: left; - - .bar { - position: absolute; - height: 4px; - background-color: $divergence-graph-bar-bg; - } - - .bar-behind { - right: 0; - border-radius: 3px 0 0 3px; - } - - .bar-ahead { - left: 0; - border-radius: 0 3px 3px 0; - } - - .count { - padding-top: 6px; - padding-bottom: 0; - font-size: 12px; - color: $gl-text-color; - display: block; - } - - .count-behind { - padding-right: 4px; - text-align: right; - } - - .count-ahead { - padding-left: 4px; - text-align: left; - } - } - - .graph-separator { - position: relative; - width: 1px; - height: 18px; - margin: 5px 0 0; - float: left; - background-color: $divergence-graph-separator-bg; - } -} diff --git a/app/assets/stylesheets/pages/builds.scss b/app/assets/stylesheets/pages/builds.scss deleted file mode 100644 index 50ec5110bf1..00000000000 --- a/app/assets/stylesheets/pages/builds.scss +++ /dev/null @@ -1,435 +0,0 @@ -@keyframes fade-out-status { - 0%, 50% { opacity: 1; } - 100% { opacity: 0; } -} - -@keyframes blinking-dots { - 0% { - background-color: rgba($white-light, 1); - box-shadow: 12px 0 0 0 rgba($white-light, 0.2), - 24px 0 0 0 rgba($white-light, 0.2); - } - - 25% { - background-color: rgba($white-light, 0.4); - box-shadow: 12px 0 0 0 rgba($white-light, 2), - 24px 0 0 0 rgba($white-light, 0.2); - } - - 75% { - background-color: rgba($white-light, 0.4); - box-shadow: 12px 0 0 0 rgba($white-light, 0.2), - 24px 0 0 0 rgba($white-light, 1); - } - - 100% { - background-color: rgba($white-light, 1); - box-shadow: 12px 0 0 0 rgba($white-light, 0.2), - 24px 0 0 0 rgba($white-light, 0.2); - } -} - -@keyframes blinking-scroll-button { - 0% { opacity: 0.2; } - 25% { opacity: 0.5; } - 50% { opacity: 0.7; } - 100% { opacity: 1; } -} - -.build-page { - .build-trace-container { - position: relative; - } - - .build-trace { - background: $black; - color: $gray-darkest; - white-space: pre; - overflow-x: auto; - font-size: 12px; - border-radius: 0; - border: none; - - .bash { - display: block; - } - } - - .top-bar { - height: 35px; - display: flex; - justify-content: flex-end; - background: $gray-light; - border: 1px solid $border-color; - color: $gl-text-color; - position: sticky; - position: -webkit-sticky; - top: $header-height; - - &.affix { - top: $header-height; - } - - // with sidebar - &.affix.sidebar-expanded { - right: 306px; - left: 16px; - } - - // without sidebar - &.affix.sidebar-collapsed { - right: 16px; - left: 16px; - } - - &.affix-top { - position: absolute; - right: 0; - left: 0; - top: 0; - } - - .truncated-info { - margin: 0 auto; - align-self: center; - - .truncated-info-size { - margin: 0 5px; - } - - .raw-link { - color: $gl-text-color; - margin-left: 5px; - text-decoration: underline; - } - } - - .controllers { - display: flex; - font-size: 15px; - justify-content: center; - align-items: center; - - svg { - height: 15px; - display: block; - fill: $gl-text-color; - } - - .controllers-buttons { - color: $gl-text-color; - margin: 0 10px; - } - - .btn-scroll.animate { - .first-triangle { - animation: blinking-scroll-button 1s ease infinite; - animation-delay: .3s; - } - - .second-triangle { - animation: blinking-scroll-button 1s ease infinite; - animation-delay: .2s; - } - - .third-triangle { - animation: blinking-scroll-button 1s ease infinite; - } - - &:disabled { - opacity: 1; - } - } - - .btn-scroll:disabled { - opacity: 0.35; - cursor: not-allowed; - } - } - } - - .environment-information { - border: 1px solid $border-color; - padding: 8px $gl-padding 12px; - border-radius: $border-radius-default; - - svg { - position: relative; - top: 5px; - margin-right: 5px; - width: 22px; - height: 22px; - } - } - - .build-loader-animation { - position: relative; - width: 6px; - height: 6px; - margin: auto auto 12px 2px; - border-radius: 50%; - animation: blinking-dots 1s linear infinite; - } -} - -.with-performance-bar .build-page { - .top-bar { - top: $header-height + $performance-bar-height; - - &.affix { - top: $header-height + $performance-bar-height; - } - } -} - -.build-header { - .ci-header-container, - .header-action-buttons { - display: flex; - } - - .ci-header-container { - min-height: 54px; - } - - .page-content-header { - padding: 10px 0 9px; - } - - .header-action-buttons { - @media (max-width: $screen-xs-max) { - .sidebar-toggle-btn { - margin-top: 0; - margin-left: 10px; - max-height: 34px; - } - } - } - - .header-content { - a { - color: $gl-text-color; - - &:hover { - color: $gl-link-color; - text-decoration: none; - } - } - } - - code { - color: $code-color; - } - - .avatar { - float: none; - margin-right: 2px; - margin-left: 2px; - } -} - -.right-sidebar.build-sidebar { - padding: 0; - - &.right-sidebar-collapsed { - display: none; - } - - .sidebar-container { - width: calc(100% + 100px); - padding-right: 100px; - height: 100%; - overflow-y: scroll; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; - } - - .blocks-container { - padding: 0 $gl-padding; - width: 289px; - } - - .block { - width: 100%; - - &:last-child { - border-bottom: 1px solid $border-gray-normal; - } - - &.coverage { - padding: 0 16px 11px; - } - - .btn-group-justified { - margin-top: 5px; - } - } - - .block-last { - padding: 16px 0; - } - - .trigger-build-variables { - margin: 0; - overflow-x: auto; - -ms-overflow-style: scrollbar; - -webkit-overflow-scrolling: touch; - } - - .trigger-build-variable { - font-weight: $gl-font-weight-normal; - color: $code-color; - } - - .trigger-build-value { - padding: 2px 4px; - color: $black; - background-color: $white-light; - } - - .label { - margin-left: 2px; - } - - .retry-link { - display: none; - - .btn-inverted-secondary { - color: $blue-500; - - &:hover { - color: $white-light; - } - } - - @media (max-width: $screen-sm-max) { - display: block; - - .btn { - i { - margin-left: 5px; - } - } - } - } - - .stage-item { - cursor: pointer; - - &:hover { - color: $gl-text-color; - } - } - - .build-dropdown { - @include new-style-dropdown; - - margin: $gl-padding 0; - padding: 0; - - .dropdown-menu-toggle { - margin-top: #{$gl-padding / 2}; - } - - svg { - position: relative; - top: 2px; - margin-right: 3px; - } - } - - .builds-container { - background-color: $white-light; - border-top: 1px solid $border-color; - border-bottom: 1px solid $border-color; - max-height: 300px; - width: 289px; - overflow: auto; - - svg { - position: relative; - top: 2px; - margin-right: 3px; - height: 13px; - } - - a { - display: block; - padding: $gl-padding 10px $gl-padding 40px; - width: 270px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - &:hover { - color: $gl-text-color; - } - } - - .build-job { - position: relative; - - .fa-arrow-right { - position: absolute; - left: 15px; - top: 20px; - display: none; - } - - &.active { - font-weight: $gl-font-weight-bold; - - .fa-arrow-right { - display: block; - } - } - - &.retried { - background-color: $gray-lightest; - } - - &:hover { - background-color: $row-hover; - } - - .fa-refresh { - font-size: 13px; - margin-left: 3px; - } - } - } - - .link-commit { - color: $blue-600; - } -} - -.build-sidebar { - .container-fluid.container-limited { - max-width: 100%; - } - - .content-wrapper { - padding-bottom: 6px; - } -} - -.build-detail-row { - margin-bottom: 5px; - - &:last-of-type { - margin-bottom: 0; - } -} - -.build-light-text { - color: $gl-text-color-secondary; - word-wrap: break-word; -} - -.build-gutter-toggle { - position: absolute; - top: 50%; - right: 0; - margin-top: -17px; -} diff --git a/app/assets/stylesheets/pages/ci_projects.scss b/app/assets/stylesheets/pages/ci_projects.scss deleted file mode 100644 index bf6a48889bf..00000000000 --- a/app/assets/stylesheets/pages/ci_projects.scss +++ /dev/null @@ -1,54 +0,0 @@ -.ci-body { - .project-title { - margin: 0; - color: $common-gray-dark; - font-size: 20px; - line-height: 1.5; - } - - .builds, - .projects-table { - .light { - border-color: $border-color; - } - - th, - td { - padding: 10px $gl-padding; - } - - td { - color: $gl-text-color; - vertical-align: middle !important; - - a { - font-weight: $gl-font-weight-normal; - text-decoration: none; - } - } - } - - .commit-info { - .attr-name { - margin-right: 5px; - } - - pre.commit-message { - background: none; - padding: 0; - border: none; - margin: 20px 0; - border-radius: 0; - } - } - - .loading { - font-size: 20px; - } - - .ci-charts { - fieldset { - margin-bottom: 16px; - } - } -} diff --git a/app/assets/stylesheets/pages/clusters.scss b/app/assets/stylesheets/pages/clusters.scss deleted file mode 100644 index 8d6f30e3b84..00000000000 --- a/app/assets/stylesheets/pages/clusters.scss +++ /dev/null @@ -1,9 +0,0 @@ -.edit-cluster-form { - .clipboard-addon { - background-color: $white-light; - } - - .alert-block { - margin-bottom: 10px; - } -} diff --git a/app/assets/stylesheets/pages/commits.scss b/app/assets/stylesheets/pages/commits.scss deleted file mode 100644 index ee3ca246374..00000000000 --- a/app/assets/stylesheets/pages/commits.scss +++ /dev/null @@ -1,361 +0,0 @@ -.commit-description { - background: none; - border: none; - padding: 0; - margin-top: 10px; - word-break: normal; - white-space: pre-wrap; -} - -.js-details-expand { - &:hover { - text-decoration: none; - } -} - -.commit-box { - border-top: 1px solid $border-color; - padding: $gl-padding 0; - - .commit-title { - margin: 0; - color: $gl-text-color; - } - - .commit-description { - margin-top: 15px; - } -} - -.commit-hash-full { - @media (max-width: $screen-sm-max) { - width: 80px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - vertical-align: bottom; - } -} - -.pipeline-info { - .status-icon-container { - display: inline-block; - vertical-align: middle; - margin-right: 3px; - - svg { - display: block; - width: 22px; - height: 22px; - } - } - - .mr-widget-pipeline-graph { - display: inline-block; - vertical-align: middle; - - .stage-cell .stage-container { - margin: 3px 3px 3px 0; - } - - .stage-container:last-child { - margin-right: 0; - } - - .dropdown-menu { - margin-top: 11px; - } - } -} - -.branch-info .commit-icon { - margin-right: 3px; - - svg { - top: 3px; - } -} - -/* - * Commit message textarea for web editor and - * custom merge request message - */ -.commit-message-container { - background-color: $body-bg; - position: relative; - font-family: $monospace_font; - $left: 12px; - overflow: hidden; // See https://gitlab.com/gitlab-org/gitlab-ce/issues/13987 - .max-width-marker { - width: 72ch; - color: $commit-max-width-marker-color; - font-family: inherit; - left: $left; - height: 100%; - border-right: 1px solid mix($input-border, $white-light); - position: absolute; - z-index: 1; - } - - textarea { - background-color: $commit-message-text-area-bg; - font-family: inherit; - padding-left: $left; - position: relative; - z-index: 2; - } -} - - -.commits-compare-switch { - float: left; - margin-right: 9px; -} - -.commit-header { - padding: 5px 10px; - background-color: $gray-light; - border-bottom: 1px solid $gray-darker; - border-top: 1px solid $gray-darker; - font-size: 14px; - - &:first-child { - border-top-width: 0; - } -} - -.commit-row-title { - .notes_count { - float: right; - margin-right: 10px; - } - - .str-truncated { - max-width: 70%; - } - - .commit-row-message { - color: $gl-text-color; - } -} - -.text-expander { - display: inline-block; - background: $white-light; - color: $gl-text-color-secondary; - padding: 0 4px; - cursor: pointer; - border: 1px solid $border-gray-dark; - border-radius: $border-radius-default; - margin-left: 5px; - font-size: 12px; - line-height: $gl-font-size; - outline: none; - - &.open { - background-color: darken($gray-light, 10%); - box-shadow: inset 0 0 2px rgba($black, 0.2); - } - - &:hover { - background-color: darken($gray-light, 10%); - text-decoration: none; - } -} - -.commit.flex-list { - display: flex; -} - -.avatar-cell { - width: 46px; - - img { - margin-right: 0; - } -} - -.commit-detail { - display: flex; - justify-content: space-between; - align-items: flex-start; - flex-grow: 1; - - .merge-request-branches & { - flex-direction: column; - } -} - -.commit-content { - padding-right: 10px; -} - -.commit-actions { - @media (min-width: $screen-sm-min) { - font-size: 0; - } - - .ci-status-link { - display: inline-block; - position: relative; - top: 1px; - } - - .btn-clipboard, - .btn-transparent { - padding-left: 0; - padding-right: 0; - } - - .btn { - &:not(:first-child) { - margin-left: $gl-padding; - } - } - - .commit-sha { - font-size: 14px; - font-weight: $gl-font-weight-bold; - } -} - -.commit, -.generic_commit_status { - - a, - button { - color: $gl-text-color; - vertical-align: baseline; - } - - a.autodevops-badge { - color: $white-light; - } - - a.autodevops-link { - color: $gl-link-color; - } - - .commit-row-description { - font-size: 14px; - padding: 10px 15px; - margin: 10px 0; - background: $gray-light; - display: none; - white-space: pre-wrap; - word-break: normal; - - pre { - border: none; - background: inherit; - padding: 0; - margin: 0; - white-space: pre-wrap; - } - - a { - color: $gl-text-color; - } - } - - &.inline-commit { - .commit-row-title { - font-size: 13px; - } - - .committed_ago { - @extend .cgray; - float: right; - } - } -} - -.branch-commit { - color: $gl-text-color; - - .commit-icon { - text-align: center; - display: inline-block; - - svg { - height: 14px; - width: 14px; - vertical-align: middle; - fill: $gl-text-color-secondary; - } - } - - .commit-sha { - color: $gl-link-color; - } - - .commit-row-message { - color: $gl-text-color; - } -} - - -.gpg-status-box { - padding: 2px 10px; - margin-right: $gl-padding; - - &:empty { - display: none; - } - - &.valid { - @include green-status-color; - } - - &.invalid { - @include status-color($gray-dark, $gray, $common-gray-dark); - border-color: $common-gray-light; - } -} - -.gpg-popover-status { - display: flex; - align-items: center; - font-weight: $gl-font-weight-normal; - line-height: 1.5; -} - -.gpg-popover-icon { - // same margin as .s32.avatar - margin-right: $btn-side-margin; - - &.valid { - svg { - border: 1px solid $brand-success; - fill: $brand-success; - } - } - - &.invalid { - svg { - border: 1px solid $common-gray-light; - fill: $common-gray-light; - } - } - - svg { - width: 32px; - height: 32px; - border-radius: 50%; - vertical-align: middle; - } -} - -.gpg-popover-user-link { - display: flex; - align-items: center; - margin-bottom: $gl-padding / 2; - text-decoration: none; - color: $gl-text-color; -} - -.commit .gpg-popover-help-link { - display: block; - color: $link-color; -} diff --git a/app/assets/stylesheets/pages/container_registry.scss b/app/assets/stylesheets/pages/container_registry.scss deleted file mode 100644 index dfff3e15556..00000000000 --- a/app/assets/stylesheets/pages/container_registry.scss +++ /dev/null @@ -1,24 +0,0 @@ -/** - * Container Registry - */ - -.container-image { - border-bottom: 1px solid $white-normal; -} - -.container-image-head { - padding: 0 16px; - line-height: 4em; - - .btn-link { - padding: 0; - - &:focus { - outline: none; - } - } -} - -.table.tags { - margin-bottom: 0; -} diff --git a/app/assets/stylesheets/pages/convdev_index.scss b/app/assets/stylesheets/pages/convdev_index.scss deleted file mode 100644 index fb1899284fd..00000000000 --- a/app/assets/stylesheets/pages/convdev_index.scss +++ /dev/null @@ -1,255 +0,0 @@ -$space-between-cards: 8px; - -.convdev-empty svg { - margin: 64px auto 32px; - max-width: 420px; -} - -.convdev-header { - margin-top: $gl-padding; - margin-bottom: $gl-padding; - padding: 0 4px; - display: flex; - align-items: center; - - .convdev-header-title { - font-size: 48px; - line-height: 1; - margin: 0; - } - - .convdev-header-subtitle { - font-size: 22px; - line-height: 1; - color: $gl-text-color-secondary; - margin-left: 8px; - font-weight: $gl-font-weight-normal; - - a { - font-size: 18px; - color: $gl-text-color-secondary; - - &:hover { - color: $blue-500; - } - } - } -} - -.convdev-cards { - display: flex; - justify-content: center; - flex-wrap: wrap; -} - -.convdev-card-wrapper { - display: flex; - flex-direction: column; - align-items: stretch; - text-align: center; - width: 50%; - border-color: $border-color; - margin: 0 0 32px; - padding: $space-between-cards / 2; - position: relative; - - @media (min-width: $screen-xs-min) { - width: percentage(1 / 4); - } - - @media (min-width: $screen-sm-min) { - width: percentage(1 / 5); - } - - @media (min-width: $screen-md-min) { - width: percentage(1 / 6); - } - - @media (min-width: $screen-lg-min) { - width: percentage(1 / 10); - } -} - -.convdev-card { - border: solid 1px $border-color; - border-radius: 3px; - border-top-width: 3px; - display: flex; - flex-direction: column; - flex-grow: 1; -} - -.convdev-card-low { - border-top-color: $color-low-score; - - .card-score-big { - background-color: $red-50; - } -} - -.convdev-card-average { - border-top-color: $color-average-score; - - .card-score-big { - background-color: $orange-50; - } -} - -.convdev-card-high { - border-top-color: $color-high-score; - - .card-score-big { - background-color: $green-50; - } -} - -.convdev-card-title { - margin: $gl-padding auto auto; - max-width: 100px; - - h3 { - font-size: 14px; - margin: 0 0 2px; - } - - .text-light { - font-size: 13px; - line-height: 1.25; - color: $gl-text-color-secondary; - } -} - -.card-scores { - display: flex; - justify-content: space-around; - align-items: center; - margin: $gl-padding $gl-btn-padding; - line-height: 1; -} - -.card-score { - color: $gl-text-color-secondary; - - .card-score-name { - font-size: 13px; - margin-top: 4px; - } -} - -.card-score-value { - font-size: 16px; - color: $gl-text-color; - font-weight: $gl-font-weight-normal; -} - -.card-score-big { - border-top: 2px solid $border-color; - border-bottom: 1px solid $border-color; - font-size: 22px; - padding: 10px 0; - font-weight: $gl-font-weight-normal; -} - -.card-buttons { - display: flex; - - > * { - font-size: 16px; - color: $gl-text-color-secondary; - padding: 10px; - flex-grow: 1; - - &:hover { - background-color: $border-color; - color: $gl-text-color; - } - - + * { - border-left: solid 1px $border-color; - } - } -} - -.convdev-steps { - margin-top: $gl-padding; - height: 1px; - min-width: 100%; - justify-content: space-around; - position: relative; - background: $border-color; -} - -.convdev-step { - $step-positions: 5% 10% 30% 42% 48% 55% 60% 70% 75% 90%; - @each $pos in $step-positions { - $i: index($step-positions, $pos); - - &:nth-child(#{$i}) { - left: $pos; - } - } - - position: absolute; - transform-origin: 75% 50%; - padding: 8px; - height: 50px; - width: 50px; - border-radius: 3px; - display: flex; - flex-direction: column; - align-items: center; - border: solid 1px $border-color; - background: $white-light; - transform: translate(-50%, -50%); - color: $gl-text-color-secondary; - fill: $gl-text-color-secondary; - box-shadow: 0 2px 4px $dropdown-shadow-color; - - &:hover { - padding: 8px 10px; - fill: currentColor; - z-index: 100; - height: auto; - width: auto; - - .convdev-step-title { - max-height: 2em; - opacity: 1; - transition: opacity 0.2s; - } - - svg { - transform: scale(1.5); - margin: $gl-btn-padding; - } - } - - svg { - transition: transform 0.1s; - width: 30px; - height: 30px; - min-height: 30px; - min-width: 30px; - } -} - -.convdev-step-title { - max-height: 0; - opacity: 0; - text-transform: uppercase; - margin: $gl-vert-padding 0 0; - text-align: center; - font-size: 12px; -} - -.convdev-high-score { - color: $color-high-score; -} - -.convdev-average-score { - color: $color-average-score; -} - -.convdev-low-score { - color: $color-low-score; -} diff --git a/app/assets/stylesheets/pages/cycle_analytics.scss b/app/assets/stylesheets/pages/cycle_analytics.scss deleted file mode 100644 index 2a92673d9fa..00000000000 --- a/app/assets/stylesheets/pages/cycle_analytics.scss +++ /dev/null @@ -1,467 +0,0 @@ -#cycle-analytics { - @include new-style-dropdown; - - max-width: 1000px; - margin: 24px auto 0; - position: relative; - - .landing { - margin-top: 0; - - .inner-content { - white-space: normal; - - h4, - p { - margin: 7px 0 0; - max-width: 480px; - padding: 0 $gl-padding; - - @media (max-width: $screen-sm-min) { - margin: 0 auto; - } - } - } - } - - .col-headers { - ul { - @include clearfix; - margin: 0; - padding: 0; - } - - li { - display: inline-block; - float: left; - line-height: 50px; - width: 20%; - } - - - .fa { - color: $cycle-analytics-light-gray; - - &:hover { - color: $gl-text-color; - } - } - - .stage-header { - width: 26%; - padding-left: $gl-padding; - } - - .median-header { - width: 14%; - } - - .event-header { - width: 45%; - padding-left: $gl-padding; - } - - .total-time-header { - width: 15%; - text-align: right; - padding-right: $gl-padding; - } - - .stage-name { - font-weight: $gl-font-weight-bold; - } - } - - .panel { - .content-block { - padding: 24px 0; - border-bottom: none; - position: relative; - - @media (max-width: $screen-xs-max) { - padding: 6px 0 24px; - } - } - - .column { - text-align: center; - - @media (max-width: $screen-xs-max) { - padding: 15px 0; - } - - .header { - font-size: 30px; - line-height: 38px; - font-weight: $gl-font-weight-normal; - margin: 0; - } - - .text { - color: $layout-link-gray; - margin: 0; - } - - &:last-child { - @media (max-width: $screen-xs-max) { - text-align: center; - } - } - } - } - - .js-ca-dropdown { - top: $gl-padding-top; - } - - .content-list { - li { - padding: 18px $gl-padding $gl-padding; - - .container-fluid { - padding: 0; - } - } - - .title-col { - p { - margin: 0; - - &.title { - line-height: 19px; - font-size: 14px; - font-weight: $gl-font-weight-bold; - color: $gl-text-color; - } - - &.text { - color: $layout-link-gray; - - &.value-col { - color: $gl-text-color; - } - } - } - } - - .value-col { - text-align: right; - - span { - position: relative; - vertical-align: middle; - top: 3px; - } - } - } - - .landing svg { - width: 136px; - height: 136px; - } - - .fa-spinner { - font-size: 28px; - position: relative; - margin-left: -20px; - left: 50%; - margin-top: 36px; - } - - .stage-panel-body { - display: flex; - flex-wrap: wrap; - } - - .stage-nav, - .stage-entries { - display: flex; - vertical-align: top; - font-size: $gl-font-size; - } - - .stage-nav { - width: 40%; - margin-bottom: 0; - - ul { - padding: 0; - margin: 0; - width: 100%; - } - - li { - @include clearfix; - list-style-type: none; - } - - .stage-nav-item { - display: flex; - line-height: 65px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - border-right: 1px solid $border-color; - background-color: $gray-light; - - &.active { - background-color: transparent; - border-right-color: transparent; - border-top-color: $border-color; - border-bottom-color: $border-color; - box-shadow: inset 2px 0 0 0 $active-item-blue; - - .stage-name { - font-weight: $gl-font-weight-bold; - } - } - - &:hover:not(.active) { - background-color: $gray-lightest; - box-shadow: inset 2px 0 0 0 $border-color; - cursor: pointer; - } - - &:first-child { - border-top: none; - } - - &:last-child { - border-bottom: none; - } - - .stage-nav-item-cell { - &.stage-median { - margin-left: auto; - margin-right: $gl-padding; - min-width: calc(35% - #{$gl-padding}); - } - } - - .stage-name { - padding-left: 16px; - } - - .stage-empty, - .not-available { - color: $gl-text-color-secondary; - } - } - } - - .stage-panel-container { - width: 100%; - overflow: auto; - } - - .stage-panel { - min-width: 968px; - - .panel-heading { - padding: 0; - background-color: transparent; - } - - .events-description { - line-height: 65px; - padding: 0 $gl-padding; - } - - .events-info { - color: $gl-text-color-secondary; - } - } - - .stage-events { - width: 60%; - overflow: scroll; - height: 467px; - } - - .stage-event-list { - margin: 0; - padding: 0; - } - - .stage-event-item { - @include clearfix; - list-style-type: none; - padding: 0 0 $gl-padding; - margin: 0 $gl-padding $gl-padding; - border-bottom: 1px solid $gray-darker; - - &:last-child { - border-bottom: none; - margin-bottom: 0; - } - - .item-details, - .item-time { - float: left; - } - - .item-details { - width: 75%; - } - - .item-title { - margin: 0 0 2px; - - &.issue-title, - &.commit-title, - &.merge-merquest-title { - @include text-overflow(); - max-width: 100%; - display: block; - - a { - color: $gl-text-color; - } - } - } - - .item-time { - width: 25%; - text-align: right; - } - - .total-time { - font-size: $cycle-analytics-big-font; - color: $cycle-analytics-dark-text; - - span { - color: $gl-text-color; - font-size: $gl-font-size; - } - } - - .issue-date, - .build-date { - color: $gl-text-color; - } - - .issue-link, - .commit-author-link, - .issue-author-link { - color: $gl-text-color; - } - - // Custom CSS for components - .item-conmmit-component { - .commit-icon { - svg { - display: inline-block; - width: 20px; - height: 20px; - vertical-align: bottom; - } - } - } - - .merge-request-branch { - a { - max-width: 180px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - display: inline-block; - vertical-align: bottom; - } - } - } - - // Custom Styles for stage items - .item-build-component { - - .item-title { - .icon-build-status { - float: left; - margin-right: 5px; - position: relative; - top: 2px; - } - - .item-build-name { - color: $gl-text-color; - } - - .pipeline-id { - color: $gl-text-color; - padding: 0 3px 0 0; - } - - .ref-name { - color: $black; - display: inline-block; - max-width: 180px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - line-height: 1.3; - vertical-align: top; - } - - .commit-sha { - color: $gl-link-color; - line-height: 1.3; - vertical-align: top; - font-weight: $gl-font-weight-normal; - } - - .fa { - color: $gl-text-color-secondary; - font-size: $code_font_size; - } - } - } - - .empty-stage, - .no-access-stage { - text-align: center; - width: 75%; - margin: 0 auto; - padding-top: 130px; - color: $gl-text-color-secondary; - - h4 { - color: $gl-text-color; - } - } - - .empty-stage { - .icon-no-data { - height: 36px; - width: 78px; - display: inline-block; - margin-bottom: 20px; - } - } - - .no-access-stage { - .icon-lock { - height: 36px; - width: 78px; - display: inline-block; - margin-bottom: 20px; - } - } -} - -.cycle-analytics-overview { - padding-top: 100px; - - .overview-details { - display: flex; - align-items: center; - } - - .overview-image { - text-align: right; - } - - .overview-icon { - svg { - width: 365px; - height: 227px; - } - } -} diff --git a/app/assets/stylesheets/pages/deploy_keys.scss b/app/assets/stylesheets/pages/deploy_keys.scss deleted file mode 100644 index 2fafe052106..00000000000 --- a/app/assets/stylesheets/pages/deploy_keys.scss +++ /dev/null @@ -1,13 +0,0 @@ -.deploy-keys-list { - width: 100%; - overflow: auto; - - table { - border: 1px solid $table-border-color; - } -} - -.deploy-keys-title { - padding-bottom: 2px; - line-height: 2; -} diff --git a/app/assets/stylesheets/pages/detail_page.scss b/app/assets/stylesheets/pages/detail_page.scss deleted file mode 100644 index 3d9eff35583..00000000000 --- a/app/assets/stylesheets/pages/detail_page.scss +++ /dev/null @@ -1,29 +0,0 @@ -.detail-page-header { - padding: $gl-padding-top 0; - border-bottom: 1px solid $border-color; - color: $gl-text-color; - line-height: 34px; - - a { - color: $gl-text-color; - } - - .issue_created_ago, - .author_link { - white-space: nowrap; - } -} - -.detail-page-description { - .title { - margin: 0 0 16px; - font-size: 2em; - color: $gl-text-color; - padding: 0 0 0.3em; - border-bottom: 1px solid $white-dark; - } - - .description { - margin-top: 6px; - } -} diff --git a/app/assets/stylesheets/pages/diff.scss b/app/assets/stylesheets/pages/diff.scss deleted file mode 100644 index 09f831dcb29..00000000000 --- a/app/assets/stylesheets/pages/diff.scss +++ /dev/null @@ -1,808 +0,0 @@ -// Common -.diff-file { - margin-bottom: $gl-padding; - - .file-title, - .file-title-flex-parent { - cursor: pointer; - - a:hover { - text-decoration: none; - } - - &:hover { - background-color: $gray-normal; - } - - .diff-toggle-caret { - padding-right: 6px; - } - } - - .diff-content { - background: $white-light; - color: $gl-text-color; - border-radius: 0 0 3px 3px; - - .unfold { - cursor: pointer; - } - - .file-mode-changed { - padding: 10px; - color: $file-mode-changed; - } - - .suppressed-container { - padding: ($padding-base-vertical + 5px) $padding-base-horizontal; - text-align: center; - - // "Changes suppressed. Click to show." link - .show-suppressed-diff { - font-size: 110%; - font-weight: $gl-font-weight-bold; - } - } - - table { - width: 100%; - font-family: $monospace_font; - border: none; - border-collapse: separate; - margin: 0; - padding: 0; - table-layout: fixed; - - .diff-line-num { - width: 50px; - - a { - transition: none; - } - } - - .line_holder td { - line-height: $code_line_height; - font-size: $code_font_size; - - &.noteable_line { - position: relative; - } - - span { - white-space: pre-wrap; - } - - .line { - word-wrap: break-word; - } - } - - &.left-side-selected { - td.line_content.parallel.right-side { - @include user-select(none); - } - } - - &.right-side-selected { - td.line_content.parallel.left-side { - @include user-select(none); - } - } - } - - tr.line_holder.parallel { - td.line_content.parallel { - width: 46%; - } - - .add-diff-note { - margin-left: -55px; - } - } - - .old_line, - .new_line { - @include user-select(none); - margin: 0; - border: none; - padding: 0 5px; - border-right: 1px solid; - text-align: right; - min-width: 35px; - max-width: 50px; - width: 35px; - - a { - float: left; - width: 35px; - font-weight: $gl-font-weight-normal; - - &[disabled] { - cursor: default; - - &:hover, - &:active { - text-decoration: none; - } - } - } - } - - .line_content { - display: block; - margin: 0; - padding: 0 1.5em; - border: none; - position: relative; - - &.parallel { - display: table-cell; - - span { - word-break: break-all; - } - } - - &.old { - &::before { - content: '-'; - position: absolute; - left: 0.5em; - } - } - - &.new { - &::before { - content: '+'; - position: absolute; - left: 0.5em; - } - } - } - } - - .image { - background: $file-image-bg; - text-align: center; - padding: 30px; - - .wrap { - display: inline-block; - } - - .frame { - display: inline-block; - background-color: $white-light; - line-height: 0; - - img { - border: 1px solid $white-light; - background-image: linear-gradient(45deg, $border-color 25%, transparent 25%, transparent 75%, $border-color 75%, $border-color 100%), - linear-gradient(45deg, $border-color 25%, transparent 25%, transparent 75%, $border-color 75%, $border-color 100%); - background-size: 10px 10px; - background-position: 0 0, 5px 5px; - max-width: 100%; - } - - &.deleted { - border: 1px solid $deleted; - } - - &.added { - border: 1px solid $added; - } - } - - .image-info { - font-size: 12px; - margin: 5px 0 0; - color: $diff-image-info-color; - } - - .view.swipe { - position: relative; - - .swipe-frame { - display: block; - margin: auto; - position: relative; - } - - .swipe-wrap { - overflow: hidden; - border-left: 1px solid $diff-swipe-border; - position: absolute; - display: block; - top: 13px; - right: 7px; - } - - .frame { - top: 0; - right: 0; - position: absolute; - - &.deleted { - margin: 0; - display: block; - top: 13px; - right: 7px; - } - } - - .swipe-bar { - display: block; - height: 100%; - width: 15px; - z-index: 100; - position: absolute; - cursor: pointer; - - &:hover { - .top-handle { - background-position: -15px 3px; - } - - .bottom-handle { - background-position: -15px -11px; - } - } - - .top-handle { - display: block; - height: 14px; - width: 15px; - position: absolute; - top: 0; - background: image-url('swipemode_sprites.gif') 0 3px no-repeat; - } - - .bottom-handle { - display: block; - height: 14px; - width: 15px; - position: absolute; - bottom: 0; - background: image-url('swipemode_sprites.gif') 0 -11px no-repeat; - } - } - } - //.view.swipe - .view.onion-skin { - .onion-skin-frame { - display: block; - margin: auto; - position: relative; - } - - .frame.added, - .frame.deleted { - position: absolute; - display: block; - top: 0; - left: 0; - } - - .controls { - display: block; - height: 14px; - width: 300px; - z-index: 100; - position: absolute; - bottom: 0; - left: 50%; - margin-left: -150px; - - .drag-track { - display: block; - position: absolute; - top: 0; - left: 12px; - height: 10px; - width: 276px; - background: image-url('onion_skin_sprites.gif') -4px -20px repeat-x; - } - - .dragger { - display: block; - position: absolute; - left: 0; - top: 0; - height: 14px; - width: 14px; - background: image-url('onion_skin_sprites.gif') 0 -34px repeat-x; - cursor: pointer; - } - - .transparent { - display: block; - position: absolute; - top: 2px; - right: 0; - height: 10px; - width: 10px; - background: image-url('onion_skin_sprites.gif') -2px 0 no-repeat; - } - - .opaque { - display: block; - position: absolute; - top: 2px; - left: 0; - height: 10px; - width: 10px; - background: image-url('onion_skin_sprites.gif') -2px -10px no-repeat; - } - } - } - //.view.onion-skin - } - - .view-modes { - padding: 10px; - text-align: center; - background: $gray-darker; - - ul, - li { - list-style: none; - margin: 0; - padding: 0; - display: inline-block; - } - - li { - color: $diff-view-modes-color; - border-left: 1px solid $diff-view-modes-border; - padding: 0 12px 0 16px; - cursor: pointer; - - &:first-child { - border-left: none; - } - - &:hover { - text-decoration: underline; - } - - &.active { - cursor: default; - color: $gl-text-color; - - &:hover { - text-decoration: none; - } - } - - &.disabled { - display: none; - } - } - } -} - -.file-content .diff-file { - margin: 0; - border: none; -} - -.diff-file .line_content { - white-space: pre-wrap; -} - -.diff-wrap-lines .line_content { - white-space: pre-wrap; -} - -.inline-parallel-buttons { - float: right; -} - -.files-changed { - border-bottom: none; -} - -.diff-stats-summary-toggler { - padding: 0; - background-color: transparent; - border: 0; - color: $gl-link-color; - font-weight: $gl-font-weight-bold; - - &:hover, - &:focus { - outline: none; - color: $gl-link-hover-color; - } -} - -// Mobile -@media (max-width: 480px) { - .diff-title { - margin: 0; - - .file-mode { - display: none; - } - } - - .diff-controls { - position: static; - text-align: center; - } -} - -// Bigger screens -@media (min-width: 481px) { - .diff-title { - margin-right: 200px; - - .file-mode { - margin-left: 10px; - } - } - - .diff-controls { - float: right; - position: absolute; - top: 5px; - right: 15px; - } -} - -@mixin diff_background($background, $idiff, $border) { - background: $background; - - &.line_content span.idiff { - background: $idiff; - } - - &.diff-line-num { - border-color: $border; - } -} - -.files { - margin-top: 1px; - - .diff-file:last-child { - margin-bottom: 0; - } -} - -.file-holder { - .diff-line-num:not(.js-unfold-bottom) { - a { - &::before { - content: attr(data-linenumber); - } - } - } -} - -.diff-comment-avatar-holders { - position: absolute; - height: 19px; - width: 19px; - margin-left: -15px; - z-index: 100; - - &:hover { - .diff-comment-avatar, - .diff-comments-more-count { - @for $i from 1 through 4 { - $x-pos: 14px; - - &:nth-child(#{$i}) { - @if $i == 4 { - $x-pos: 14.5px; - } - - transform: translateX((($i * $x-pos) - $x-pos)); - - &:hover { - transform: translateX((($i * $x-pos) - $x-pos)); - } - } - } - } - - .diff-comments-more-count { - padding-left: 2px; - padding-right: 2px; - width: auto; - } - } -} - -.diff-comment-avatar, -.diff-comments-more-count { - position: absolute; - left: 0; - width: 19px; - height: 19px; - margin-right: 0; - border-color: $white-light; - cursor: pointer; - transition: all .1s ease-out; - - @for $i from 1 through 4 { - &:nth-child(#{$i}) { - z-index: (4 - $i); - } - } -} - -.diff-comments-more-count { - width: 19px; - min-width: 19px; - padding-left: 0; - padding-right: 0; - overflow: hidden; -} - -.diff-comments-more-count, -.diff-notes-collapse { - @extend .avatar-counter; -} - -.diff-notes-collapse { - width: 24px; - height: 24px; - border-radius: 50%; - padding: 0; - transition: transform .1s ease-out; - z-index: 100; - - .collapse-icon { - height: 50%; - width: 100%; - } - - svg { - vertical-align: middle; - } - - .collapse-icon, - path { - fill: $white-light; - } - - &:focus { - outline: 0; - } -} - -.diff-files-changed { - .inline-parallel-buttons { - position: relative; - z-index: 1; - } - - .commit-stat-summary { - @include new-style-dropdown; - - @media (min-width: $screen-sm-min) { - margin-left: -$gl-padding; - padding-left: $gl-padding; - background-color: $white-light; - } - } - - @media (min-width: $screen-sm-min) { - position: -webkit-sticky; - position: sticky; - top: 24px; - background-color: $white-light; - z-index: 190; - - &.diff-files-changed-merge-request { - top: 76px; - } - - &:not(.is-stuck) .diff-stats-additions-deletions-collapsed { - display: none; - } - - &.is-stuck { - padding-top: 0; - padding-bottom: 0; - border-bottom: 1px solid $white-dark; - transform: translateY(16px); - - .diff-stats-additions-deletions-expanded, - .inline-parallel-buttons { - display: none; - } - } - } -} - -@media (min-width: $screen-sm-min) { - .with-performance-bar { - .diff-files-changed.diff-files-changed-merge-request { - top: 76px + $performance-bar-height; - } - } -} - -.diff-file-changes { - width: 450px; - z-index: 150; - - @media (min-width: $screen-sm-min) { - left: $gl-padding; - } - - a { - padding-top: 8px; - padding-bottom: 8px; - } - - .diff-changed-file { - display: flex; - align-items: center; - } -} - -.diff-file-changes-path { - flex: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.note-container { - background-color: $gray-light; - border-top: 1px solid $white-normal; - - // double jagged line divider - .discussion-notes + .discussion-notes::before, - .discussion-notes + .discussion-form::before { - content: ''; - position: relative; - display: block; - width: 100%; - height: 10px; - background-color: $white-light; - background-image: linear-gradient(45deg, transparent, transparent 73%, $diff-jagged-border-gradient-color 75%, $white-light 80%), - linear-gradient(225deg, transparent, transparent 73%, $diff-jagged-border-gradient-color 75%, $white-light 80%), - linear-gradient(135deg, transparent, transparent 73%, $diff-jagged-border-gradient-color 75%, $white-light 80%), - linear-gradient(-45deg, transparent, transparent 73%, $diff-jagged-border-gradient-color 75%, $white-light 80%); - background-position: 5px 5px,0 5px,0 5px,5px 5px; - background-size: 10px 10px; - background-repeat: repeat; - } - - .notes { - position: relative; - } - - .diff-notes-collapse { - position: absolute; - left: -12px; - } -} - -.diff-file .note-container > .new-note, -.note-container .discussion-notes { - margin-left: 100px; - border-left: 1px solid $white-normal; -} - -.notes.active { - .diff-file .note-container > .new-note, - .note-container .discussion-notes { - // Override our margin and border (set for diff tab) - // when user is on the discussion tab for MR - margin-left: inherit; - border-left: inherit; - } -} - -.files:not([data-can-create-note]) .frame { - cursor: auto; -} - -.frame.click-to-comment { - position: relative; - cursor: image-url('icon_image_comment.svg') - $image-comment-cursor-left-offset $image-comment-cursor-top-offset, auto; - - // Retina cursor - cursor: -webkit-image-set(image-url('icon_image_comment.svg') 1x, image-url('icon_image_comment@2x.svg') 2x) - $image-comment-cursor-left-offset $image-comment-cursor-top-offset, auto; - - .comment-indicator { - position: absolute; - padding: 0; - width: (2px * $image-comment-cursor-left-offset); - height: (1px * $image-comment-cursor-top-offset); - // center the indicator to match the top left click region - margin-top: (-1px * $image-comment-cursor-top-offset) + 2; - margin-left: (-1px * $image-comment-cursor-left-offset) + 1; - - svg { - width: 100%; - height: 100%; - } - - &:focus { - outline: none; - } - } -} - -.frame .badge, -.image-diff-avatar-link .badge, -.notes > .badge { - position: absolute; - background-color: $blue-400; - color: $white-light; - border: $white-light 1px solid; - min-height: $gl-padding; - padding: 5px 8px; - border-radius: 12px; - - &:focus { - outline: none; - } -} - -.frame .badge, -.frame .image-comment-badge { - // Center align badges on the frame - transform: translate3d(-50%, -50%, 0); -} - -.image-comment-badge { - @include btn-comment-icon; - position: absolute; - - &.inverted { - border-color: $white-light; - } -} - -.image-diff-avatar-link { - position: relative; - - .badge, - .image-comment-badge { - top: 25px; - right: 8px; - } -} - -.notes > .badge { - display: none; - left: -13px; -} - -.discussion-notes { - min-height: 35px; - - &:first-child { - // First child does not have the jagged borders - min-height: 25px; - } - - &.collapsed { - background-color: $white-light; - - .diff-notes-collapse, - .note, - .discussion-reply-holder, { - display: none; - } - - .notes > .badge { - display: block; - } - } -} - -.discussion-body .image .frame { - position: relative; -} diff --git a/app/assets/stylesheets/pages/editor.scss b/app/assets/stylesheets/pages/editor.scss deleted file mode 100644 index edfafa79c44..00000000000 --- a/app/assets/stylesheets/pages/editor.scss +++ /dev/null @@ -1,251 +0,0 @@ -.file-editor { - .nav-links { - border-top: 1px solid $border-color; - border-right: 1px solid $border-color; - border-left: 1px solid $border-color; - border-bottom: none; - border-radius: $border-radius-small $border-radius-small 0 0; - background: $gray-normal; - } - - #editor { - border: none; - border-radius: 0; - height: 500px; - margin: 0; - padding: 0; - position: relative; - width: 100%; - } - - .ace_gutter-cell { - background-color: $gray-light; - } - - .cancel-btn { - color: $editor-cancel-color; - - &:hover { - color: $editor-cancel-color; - } - } - - .file-title { - @extend .monospace; - - line-height: 35px; - padding-top: 7px; - padding-bottom: 7px; - - .pull-right { - height: 20px; - } - } - - .editor-ref { - background: $gray-light; - padding-right: $gl-padding; - border-right: 1px solid $border-color; - display: block; - float: left; - margin-right: 10px; - } - - .editor-file-name { - @extend .monospace; - - float: left; - margin-right: 10px; - } - - .new-file-name { - display: inline-block; - max-width: 450px; - float: left; - - @media(max-width: $screen-md-max) { - width: 280px; - } - - @media(max-width: $screen-sm-max) { - width: 180px; - } - } - - .file-buttons { - font-size: 0; - } - - .select2 { - float: right; - } - - .encoding-selector, - .soft-wrap-toggle { - display: inline-block; - vertical-align: top; - font-family: $regular_font; - } - - .soft-wrap-toggle { - margin: 0 $btn-side-margin; - - .soft-wrap { - display: block; - } - - .no-wrap { - display: none; - } - - &.soft-wrap-active { - .soft-wrap { - display: none; - } - - .no-wrap { - display: block; - } - } - } -} - - -@media(max-width: $screen-xs-max){ - .file-editor { - .file-title { - .pull-right { - height: auto; - } - } - - .new-file-name { - max-width: none; - width: 100%; - margin-bottom: 3px; - } - - .file-buttons { - display: block; - width: 100%; - margin-bottom: 10px; - - .soft-wrap-toggle { - width: 100%; - margin: 3px 0; - } - - .encoding-selector { - display: block; - margin: 3px 0; - - button { - width: 100%; - } - } - } - } -} - -.blob-new-page-title, -.blob-edit-page-title { - margin: 19px 0 21px; - vertical-align: top; - display: inline-block; - - @media(max-width: $screen-sm-max) { - display: block; - margin: 19px 0 12px; - } -} - -.template-selectors-menu { - display: inline-block; - vertical-align: top; - margin: 14px 0 0 16px; - padding: 0 0 0 14px; - border-left: 1px solid $border-color; - - @media(max-width: $screen-sm-max) { - display: block; - width: 100%; - margin: 5px 0; - padding: 0; - border-left: none; - } -} - -.templates-selectors-label { - display: inline-block; - vertical-align: top; - margin-top: 6px; - line-height: 21px; - - @media(max-width: $screen-sm-max) { - display: block; - margin: 5px 0; - } -} - -.template-selector-dropdowns-wrap { - display: inline-block; - margin-left: 8px; - vertical-align: top; - margin: 5px 0 0 8px; - - @media(max-width: $screen-sm-max) { - display: block; - width: 100%; - margin: 0 0 16px; - } - - .license-selector, - .gitignore-selector, - .gitlab-ci-yml-selector, - .dockerfile-selector, - .template-type-selector { - @include new-style-dropdown; - - display: inline-block; - vertical-align: top; - font-family: $regular_font; - margin-top: -5px; - - @media(max-width: $screen-sm-max) { - display: block; - width: 100%; - margin: 5px 0; - } - - .dropdown { - line-height: 21px; - } - - .dropdown-menu-toggle { - width: 250px; - vertical-align: top; - - @media(max-width: $screen-sm-max) { - display: block; - width: 100%; - margin: 5px 0; - } - } - - } -} - -.template-selectors-undo-menu { - display: inline-block; - margin: 7px 0 0 10px; - - @media(max-width: $screen-sm-max) { - display: block; - width: 100%; - margin: 20px 0; - } - - button { - margin: -4px 0 0 15px; - } -} diff --git a/app/assets/stylesheets/pages/environments.scss b/app/assets/stylesheets/pages/environments.scss deleted file mode 100644 index 3b5e411e2c5..00000000000 --- a/app/assets/stylesheets/pages/environments.scss +++ /dev/null @@ -1,328 +0,0 @@ -@media (max-width: $screen-md-max) { - .deployments-container { - width: 100%; - overflow: auto; - } -} - -.environments-folder-name { - font-weight: $gl-font-weight-normal; - padding-top: 20px; -} - -.environments-container { - .ci-table { - @include new-style-dropdown; - - .deployment-column { - > span { - word-break: break-all; - } - - .avatar { - float: none; - } - } - - .btn-group { - - > a { - color: $gl-text-color-secondary; - } - - svg path { - fill: $gl-text-color-secondary; - } - - .dropdown { - outline: none; - } - } - - .btn .text-center { - display: inline; - } - - .commit-title { - margin: 0; - } - - .icon-play { - height: 13px; - width: 12px; - } - - .external-url, - .dropdown-new { - color: $gl-text-color-secondary; - } - - .dropdown-menu { - .fa { - margin-right: 6px; - color: $gl-text-color-secondary; - } - } - - .build-link, - .ref-name { - color: $gl-text-color; - } - - .stop-env-link, - .external-url { - color: $gl-text-color-secondary; - - .stop-env-icon { - font-size: 14px; - } - } - - .deployment .build-column { - .build-link { - color: $gl-text-color; - } - - .avatar { - float: none; - margin-right: 0; - } - } - - .folder-icon { - margin-right: 3px; - color: $gl-text-color-secondary; - display: inline-block; - - .fa:nth-child(1) { - margin-right: 3px; - } - } - - .folder-name { - cursor: pointer; - color: $gl-text-color-secondary; - display: inline-block; - } - - .icon-container { - width: 20px; - text-align: center; - } - - .branch-commit { - .commit-sha { - margin-right: 0; - } - } - - .no-btn { - border: none; - background: none; - outline: none; - width: 100%; - text-align: left; - } - } -} - -.gl-responsive-table-row { - .branch-commit { - max-width: 100%; - } -} - -.folder-row { - padding: 15px 0; - border-bottom: 1px solid $white-normal; - - @media (max-width: $screen-sm-max) { - border-top: 1px solid $white-normal; - margin-top: 10px; - } -} - -.x-axis path, -.y-axis path, -.label-x-axis-line, -.label-y-axis-line { - fill: none; - stroke-width: 1; - shape-rendering: crispEdges; -} - -.x-axis path, -.y-axis path { - stroke: $stat-graph-axis-fill; -} - -.label-x-axis-line, -.label-y-axis-line { - stroke: $border-color; -} - -.y-axis { - line { - stroke: $stat-graph-axis-fill; - stroke-width: 1; - } -} - -.metric-area { - opacity: 0.25; -} - -.prometheus-graph-overlay { - fill: none; - opacity: 0.0; - pointer-events: all; -} - -.rect-text-metric { - fill: $white-light; - stroke-width: 1; - stroke: $gray-darkest; -} - -.rect-axis-text { - fill: $white-light; -} - -.text-metric { - font-size: 12px; -} - -.selected-metric-line { - stroke: $gl-gray-dark; - stroke-width: 1; -} - -.deployment-line { - stroke: $black; - stroke-width: 1; -} - -.deploy-info-text { - dominant-baseline: text-before-edge; -} - -.prometheus-state { - max-width: 430px; - margin: 10px auto; - text-align: center; - - .state-svg { - max-width: 80vw; - margin: 0 auto; - } -} - -.environments-actions { - .external-url, - .monitoring-url, - .terminal-button, - .stop-env-link { - width: 38px; - } -} - -.prometheus-panel { - margin-top: 20px; -} - -.prometheus-graph-group { - display: flex; - flex-wrap: wrap; - padding: $gl-padding / 2; -} - -.prometheus-graph { - flex: 1 0 auto; - min-width: 450px; - padding: $gl-padding / 2; - - h5 { - font-size: 16px; - } - - @media (max-width: $screen-sm-max) { - min-width: 100%; - } -} - -.prometheus-svg-container { - position: relative; - height: 0; - width: 100%; - padding: 0; - padding-bottom: 100%; -} - -.prometheus-svg-container > svg { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; - - text { - fill: $gl-text-color; - stroke-width: 0; - } - - .text-metric-bold { - font-weight: $gl-font-weight-bold; - } - - .label-axis-text { - fill: $black; - font-weight: $gl-font-weight-normal; - font-size: 10px; - } - - .text-metric-usage, - .legend-metric-title { - fill: $black; - font-weight: $gl-font-weight-normal; - font-size: 12px; - } - - .legend-axis-text { - fill: $black; - } - - .tick { - > line { - stroke: $gray-darker; - } - - > text { - font-size: 12px; - } - } - - .text-metric-title { - font-size: 12px; - } - - .y-label-text, - .x-label-text { - fill: $gray-darkest; - } - - .axis-tick { - stroke: $gray-darker; - } - - @media (max-width: $screen-sm-max) { - .label-axis-text, - .text-metric-usage, - .legend-axis-text { - font-size: 8px; - } - - .tick > text { - font-size: 8px; - } - } -} diff --git a/app/assets/stylesheets/pages/events.scss b/app/assets/stylesheets/pages/events.scss deleted file mode 100644 index 1723d716805..00000000000 --- a/app/assets/stylesheets/pages/events.scss +++ /dev/null @@ -1,211 +0,0 @@ -/** - * Dashboard events feed - * - */ -.event-item { - font-size: $gl-font-size; - padding: $gl-padding-top 0 $gl-padding-top 40px; - border-bottom: 1px solid $white-normal; - color: $list-text-color; - position: relative; - - &.event-inline { - .system-note-image { - top: 20px; - } - - .user-avatar { - top: 14px; - } - - .event-title, - .event-item-timestamp { - line-height: 40px; - } - } - - a { - color: $gl-text-color; - } - - .system-note-image { - position: absolute; - left: 0; - top: 14px; - - svg { - width: 20px; - height: 20px; - fill: $gl-text-color-secondary; - } - - &.opened-icon, - &.created-icon { - svg { - fill: $green-300; - } - } - - &.closed-icon svg { - fill: $red-300; - } - - &.accepted-icon svg { - fill: $blue-300; - } - } - - .event-title { - @include str-truncated(calc(100% - 174px)); - font-weight: $gl-font-weight-bold; - color: $list-text-color; - } - - .event-body { - margin-right: 174px; - - .event-note { - word-wrap: break-word; - - .md { - font-size: $gl-font-size; - - .label { - color: $gl-text-color; - font-size: inherit; - } - - iframe.twitter-share-button { - vertical-align: bottom; - } - } - - code { - white-space: pre-wrap; - } - - pre { - border: none; - background: $gray-light; - border-radius: 0; - color: $events-pre-color; - overflow: hidden; - } - - .note-image-attach { - margin-top: 4px; - margin-left: 0; - max-width: 200px; - float: none; - } - - p:last-child { - margin-bottom: 0; - } - } - - .event-note-icon { - color: $events-pre-color; - float: left; - font-size: $gl-font-size; - line-height: 16px; - margin-right: 5px; - } - } - - .event_icon { - position: relative; - float: right; - border: 1px solid $gray-darker; - padding: 5px; - border-radius: 5px; - background: $gray-light; - margin-left: 10px; - top: -6px; - - img { - width: 20px; - } - } - - &:last-child { border: none; } - - .event_commits { - li { - &.commit { - background: transparent; - padding: 0; - border: none; - - .commit-row-title { - font-size: $gl-font-size; - } - } - - &.commits-stat { - display: block; - padding: 0 3px 0 0; - - &:hover { - background: none; - } - } - } - } - - .event-item-timestamp { - float: right; - line-height: 22px; - } -} - - -/* - * Last push widget - */ -.event-last-push { - overflow: auto; - width: 100%; - - .event-last-push-text { - @include str-truncated(100%); - padding: 4px 0; - font-size: 13px; - float: left; - margin-right: -150px; - padding-right: 150px; - line-height: 20px; - } -} - -@media (max-width: $screen-xs-max) { - .event-item { - padding-left: 0; - - .event-title { - white-space: normal; - overflow: visible; - max-width: 100%; - } - - .system-note-image { - display: none; - } - - .event-body { - margin: 0; - padding-left: 0; - } - - .event-item-timestamp { - display: none; - } - } -} - -// hide event scope (namespace + project) where it is not necessary -.project-activity { - .event-scope { - display: none; - } -} diff --git a/app/assets/stylesheets/pages/graph.scss b/app/assets/stylesheets/pages/graph.scss deleted file mode 100644 index 84da9180f93..00000000000 --- a/app/assets/stylesheets/pages/graph.scss +++ /dev/null @@ -1,33 +0,0 @@ -.project-network { - border: 1px solid $border-color; - - .controls { - color: $project-network-controls-color; - font-size: 14px; - padding: 5px; - border-bottom: 1px solid $border-color; - background: $gray-darker; - } - - .network-graph { - background: $white-light; - height: 500px; - overflow-y: scroll; - overflow-x: hidden; - } -} - -.graphs { - .graph-author-email { - float: right; - color: $graph-author-email-color; - } - - .graph-additions { - color: $gl-text-green; - } - - .graph-deletions { - color: $gl-text-red; - } -} diff --git a/app/assets/stylesheets/pages/groups.scss b/app/assets/stylesheets/pages/groups.scss deleted file mode 100644 index 9b7dda9b648..00000000000 --- a/app/assets/stylesheets/pages/groups.scss +++ /dev/null @@ -1,214 +0,0 @@ -.milestone-row { - @include str-truncated(90%); -} - -.dashboard .side .panel .panel-heading .input-group { - - .form-control { - height: 42px; - } -} - -.group-root-path { - max-width: 40vw; - overflow: hidden; - text-overflow: ellipsis; - word-wrap: nowrap; -} - -.group-row { - @include basic-list-stats; -} - -.ldap-group-links { - .form-actions { - margin-bottom: $gl-padding; - } -} - -.group-nav-container .nav-controls { - display: flex; - align-items: flex-start; - padding: $gl-padding-top 0; - border-bottom: 1px solid $border-color; - - .group-filter-form { - flex: 1; - } - - .dropdown-menu-align-right { - margin-top: 0; - } - - .new-project-subgroup { - .dropdown-primary { - min-width: 115px; - } - - .dropdown-toggle { - .dropdown-btn-icon { - pointer-events: none; - color: inherit; - margin-left: 0; - } - } - - .dropdown-menu { - min-width: 280px; - margin-top: 2px; - } - - li:not(.divider) { - padding: 0; - - &.droplab-item-selected { - .icon-container { - .list-item-checkmark { - visibility: visible; - } - } - } - - .menu-item { - padding: 8px 4px; - - &:hover { - background-color: $gray-darker; - color: $theme-gray-900; - } - } - - .icon-container { - float: left; - padding-left: 6px; - - .list-item-checkmark { - visibility: hidden; - } - } - - .description { - font-size: 14px; - - strong { - display: block; - font-weight: $gl-font-weight-bold; - } - } - } - } - - @media (max-width: $screen-sm-max) { - &, - .dropdown, - .dropdown .dropdown-toggle, - .btn-new { - display: block; - } - - .group-filter-form, - .dropdown { - margin-bottom: 10px; - margin-right: 0; - } - - .group-filter-form, - .dropdown .dropdown-toggle, - .btn-new { - width: 100%; - } - - .dropdown .dropdown-toggle .fa-chevron-down { - position: absolute; - top: 11px; - right: 8px; - } - - .new-project-subgroup { - display: flex; - align-items: flex-start; - - .dropdown-primary { - flex: 1; - } - - .dropdown-menu { - width: 100%; - max-width: inherit; - min-width: inherit; - } - } - } -} - -.groups-empty-state { - padding: 50px 100px; - overflow: hidden; - - @media (max-width: $screen-sm-max) { - padding: 50px 0; - } - - svg { - float: right; - - @media (max-width: $screen-sm-max) { - float: none; - display: block; - width: 250px; - position: relative; - left: 50%; - margin-left: -125px; - } - } - - .text-content { - float: left; - width: 460px; - margin-top: 120px; - - @media (max-width: $screen-sm-max) { - float: none; - margin-top: 60px; - width: auto; - text-align: center; - } - } -} - -.mattermost-icon svg { - width: 16px; - height: 16px; - vertical-align: text-bottom; -} - -.mattermost-team-name { - color: $gl-text-color-secondary; -} - -.mattermost-info { - display: block; - color: $gl-text-color-secondary; - margin-top: 10px; -} - -.explore-groups.landing { - .inner-content { - padding: 0; - - p { - margin: 7px 0 0; - max-width: 480px; - padding: 0 $gl-padding; - - @media (max-width: $screen-sm-min) { - margin: 0 auto; - } - } - } - - svg { - width: 62px; - height: 50px; - } -} diff --git a/app/assets/stylesheets/pages/help.scss b/app/assets/stylesheets/pages/help.scss deleted file mode 100644 index dae8ccdef6c..00000000000 --- a/app/assets/stylesheets/pages/help.scss +++ /dev/null @@ -1,68 +0,0 @@ -.documentation-index { - h1 { - margin: 0; - } - - h2 { - font-size: 20px; - } - - li { - line-height: 24px; - color: $document-index-color; - - a { - margin-right: 3px; - } - } -} - - -.shortcut-mappings { - font-size: 12px; - color: $help-shortcut-mapping-color; - - tbody:first-child tr:first-child { - padding-top: 0; - } - - th { - padding-top: 15px; - line-height: 1.5; - color: $help-shortcut-header-color; - text-align: left; - } - - td { - padding-top: 3px; - padding-bottom: 3px; - vertical-align: top; - line-height: 20px; - } - - .shortcut { - padding-right: 10px; - color: $help-shortcut-color; - text-align: right; - white-space: nowrap; - } - - .key { - @extend .label; - @extend .label-inverse; - font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; - padding: 3px 5px; - } -} - -.documentation { - padding: 7px; - - // Border around images in the help pages. - img:not(.emoji) { - border: 1px solid $white-normal; - padding: 5px; - margin: 5px; - max-height: calc(100vh - 100px); - } -} diff --git a/app/assets/stylesheets/pages/import.scss b/app/assets/stylesheets/pages/import.scss deleted file mode 100644 index a4f76a9495a..00000000000 --- a/app/assets/stylesheets/pages/import.scss +++ /dev/null @@ -1,20 +0,0 @@ -.import-jobs-from-col, -.import-jobs-to-col { - width: 40%; -} - -.import-jobs-status-col { - width: 20%; -} - -.btn-import { - .loading-icon { - display: none; - } - - &.is-loading { - .loading-icon { - display: inline-block; - } - } -} diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss deleted file mode 100644 index 48532503263..00000000000 --- a/app/assets/stylesheets/pages/issuable.scss +++ /dev/null @@ -1,904 +0,0 @@ -// Limit MR description for side-by-side diff view -.fixed-width-container { - max-width: $limited-layout-width - ($gl-padding * 2); - margin-left: auto; - margin-right: auto; -} - -.issuable-warning-icon { - color: $orange-600; - background-color: $orange-100; - border-radius: $border-radius-default; - padding: 5px; - margin: 0 $btn-side-margin 0 0; - width: $issuable-warning-size; - height: $issuable-warning-size; - text-align: center; - - &:first-of-type { - margin-right: $issuable-warning-icon-margin; - } -} - -.sidebar-item-icon { - border-radius: $border-radius-default; - padding: 5px; - margin: 0 3px 0 -4px; - - &.is-active { - color: $orange-600; - background-color: $orange-50; - } -} - -.limit-container-width { - .detail-page-header, - .page-content-header, - .commit-box, - .info-well, - .commit-ci-menu, - .files-changed-inner, - .limited-header-width, - .limited-width-notes { - @extend .fixed-width-container; - } - - .issuable-details { - .detail-page-description, - .mr-source-target, - .mr-state-widget, - .merge-manually { - @extend .fixed-width-container; - } - } - - .merge-request-details { - .emoji-list-container { - @extend .fixed-width-container; - } - } - - .diffs { - .mr-version-controls { - @extend .fixed-width-container; - } - } -} - -.issuable-details { - section { - .issuable-discussion { - margin-right: 1px; - } - } - - .title-container { - display: flex; - } - - .title { - padding: 0; - margin-bottom: 16px; - border-bottom: none; - } - - .btn-edit { - margin-left: auto; - // Set height to match title height - height: 2em; - } - - // Border around images in issue and MR descriptions. - .description img:not(.emoji) { - border: 1px solid $white-normal; - padding: 5px; - max-height: calc(100vh - 100px); - max-width: 100%; - } - - .emoji-block { - padding: 10px 0; - } -} - -.issuable-filter-count { - span { - display: block; - margin-bottom: -16px; - padding: 13px 0; - } -} - -.issuable-show-labels { - a { - margin-right: 5px; - margin-bottom: 5px; - display: inline-block; - - .color-label { - padding: 6px 10px; - border-radius: $label-border-radius; - } - } - - &.has-labels { - margin-bottom: -5px; - } -} - -.right-sidebar { - a:not(.btn-retry), - .btn-link { - color: inherit; - } - - .btn-link { - outline: none; - } - - .issuable-header-text { - margin-top: 7px; - } - - .block { - @include clearfix; - padding: $gl-padding 0; - border-bottom: 1px solid $border-gray-normal; - // This prevents the mess when resizing the sidebar - // of elements repositioning themselves.. - width: $gutter_inner_width; - // -- - - &.issuable-sidebar-header { - padding-top: 0; - padding-bottom: 10px; - } - - &:last-child { - border: none; - } - - span { - display: inline-block; - } - - .select2-container span { - margin-top: 0; - } - - .gutter-toggle { - margin-left: 20px; - padding-left: 10px; - - &:hover { - color: $gray-darkest; - } - } - } - - .block-first { - padding-top: 0; - } - - .title { - color: $gl-text-color; - margin-bottom: 10px; - line-height: 1; - - .avatar { - margin-left: 0; - } - - .edit-link { - color: $gl-text-color; - - &:not([href]):hover { - color: rgba($avatar-border, .2); - } - } - } - - .cross-project-reference { - color: inherit; - - span { - white-space: nowrap; - width: 85%; - overflow: hidden; - position: relative; - display: inline-block; - text-overflow: ellipsis; - } - - cite { - font-style: normal; - } - - button { - float: right; - padding: 1px 5px; - background-color: $gray-light; - } - } - - .selectbox { - display: none; - } - - .btn-clipboard:hover { - color: $gl-text-color; - } -} - -.right-sidebar { - position: absolute; - top: $header-height; - bottom: 0; - right: 0; - transition: width $right-sidebar-transition-duration; - background: $gray-light; - z-index: 200; - overflow: hidden; - - .issuable-sidebar { - width: calc(100% + 100px); - height: 100%; - overflow-y: scroll; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; - } - - &.affix-top .issuable-sidebar { - height: 100%; - } - - &.right-sidebar-expanded { - width: $gutter_width; - - .value { - line-height: 1; - - .assign-yourself { - margin-top: 10px; - display: block; - } - } - - .issuable-sidebar { - padding: 0 20px; - } - - .issuable-sidebar-header { - padding-top: 10px; - } - - &:not(.issue-boards-sidebar):not([data-signed-in]):not([data-always-show-toggle]) { - .issuable-sidebar-header { - display: none; - } - } - - .assign-yourself .btn-link { - padding-left: 0; - } - - .light { - font-weight: $gl-font-weight-normal; - } - - .no-value { - color: $gl-text-color-secondary; - } - - .sidebar-collapsed-icon { - display: none; - } - - .gutter-toggle { - margin-top: 7px; - border-left: 1px solid $border-gray-normal; - } - - .title .gutter-toggle { - margin-top: 0; - } - - .assignee .avatar { - float: left; - margin-right: 10px; - margin-bottom: 0; - margin-left: 0; - } - - .assignee .user-list .avatar { - margin: 0; - } - - .username { - display: block; - margin-top: 4px; - font-size: 13px; - font-weight: $gl-font-weight-normal; - } - - .hide-expanded { - display: none; - } - } - - &.right-sidebar-collapsed { - /* Extra small devices (phones, less than 768px) */ - display: none; - /* Small devices (tablets, 768px and up) */ - @media (min-width: $screen-sm-min) { - display: block; - } - - width: $gutter_collapsed_width; - padding: 0; - - .block { - width: $gutter_collapsed_width - 2px; - padding: 15px 0 0; - border-bottom: none; - overflow: hidden; - } - - .participants { - border-bottom: 1px solid $border-gray-normal; - } - - .hide-collapsed { - display: none; - } - - .gutter-toggle { - width: 100%; - margin-left: 0; - padding-left: 25px; - } - - .sidebar-collapsed-icon { - display: block; - width: 100%; - text-align: center; - margin-bottom: 10px; - color: $issuable-sidebar-color; - - svg { - fill: $issuable-sidebar-color; - } - - &:hover, - &:hover .todo-undone { - color: $gl-text-color; - - svg { - fill: $gl-text-color; - } - } - - span { - display: block; - margin-top: 0; - } - - .sidebar-avatar-counter { - padding-top: 2px; - } - - .todo-undone { - color: $gl-link-color; - } - - .author { - display: none; - } - - .avatar-counter:hover { - color: $issuable-sidebar-color; - border-color: $issuable-sidebar-color; - } - - .btn-clipboard { - border: none; - color: $issuable-sidebar-color; - - &:hover { - background: transparent; - color: $gl-text-color; - } - } - - &.multiple-users { - display: flex; - justify-content: center; - } - } - - .sidebar-avatar-counter { - width: 24px; - height: 24px; - border-radius: 12px; - } - - .sidebar-collapsed-user { - padding-bottom: 0; - margin-bottom: 10px; - } - - .issuable-header-btn { - display: none; - } - - .multiple-users { - height: 24px; - margin-bottom: 17px; - margin-top: 4px; - padding-bottom: 4px; - - .btn-link { - padding: 0; - border: 0; - - .avatar { - margin: 0; - } - } - - .btn-link:first-child { - position: absolute; - left: 10px; - z-index: 1; - } - - .btn-link:last-child { - position: absolute; - right: 10px; - - &:hover { - text-decoration: none; - } - } - } - - .milestone-title span { - @include str-truncated(100%); - display: block; - margin: 0 4px; - } - } - - a:not(.btn-retry) { - &:hover { - color: $md-link-color; - text-decoration: none; - - .avatar { - border-color: rgba($avatar-border, .2); - } - } - } - - .dropdown-content { - a:hover { - color: inherit; - } - } - - .dropdown-menu-toggle { - width: 100%; - padding-top: 6px; - } - - .dropdown-menu { - width: 100%; - } -} - -.with-performance-bar .right-sidebar { - top: $header-height + $performance-bar-height; - - .issuable-sidebar { - height: calc(100% - #{$header-height} - #{$performance-bar-height}); - } -} - -.sidebar-move-issue-dropdown { - @include new-style-dropdown; -} - -.sidebar-move-issue-confirmation-button { - width: 100%; - - &.is-loading { - .sidebar-move-issue-confirmation-loading-icon { - display: inline-block; - } - } -} - -.sidebar-move-issue-confirmation-loading-icon { - display: none; -} - -.detail-page-description { - padding: 16px 0; - - small { - color: $gray-darkest; - } -} - -.edited-text { - color: $gray-darkest; - display: block; - margin: 16px 0 0; - font-size: 85%; - - .author_link { - color: $gray-darkest; - } -} - -.participants-list { - margin: -5px; -} - - -.user-list { - display: flex; - flex-wrap: wrap; -} - -.participants-author { - display: inline-block; - padding: 5px; - - &:nth-of-type(7n) { - padding-right: 0; - } - - .author_link { - display: block; - } - - .avatar.avatar-inline { - margin: 0; - } -} - -.user-item { - display: inline-block; - padding: 5px; - flex-basis: 20%; - - .user-link { - display: inline-block; - } -} - -.participants-more, -.user-list-more { - margin-top: 5px; - margin-left: 5px; - - a, - .btn-link { - color: $gl-text-color-secondary; - } - - .btn-link { - outline: none; - padding: 0; - } - - .btn-link:hover { - @extend a:hover; - text-decoration: none; - } - - .btn-link:focus { - text-decoration: none; - } -} - -.issuable-form-padding-top { - @media (min-width: $screen-sm-min) { - padding-top: 7px; - } -} - -.issuable-status-box { - float: none; - display: inline-block; - margin-top: 0; - - @media (max-width: $screen-xs-max) { - position: absolute; - top: 0; - left: 0; - } -} - -.issuable-header { - position: relative; - padding-left: 45px; - padding-right: 45px; - line-height: 35px; - - @media (min-width: $screen-sm-min) { - float: left; - padding-left: 0; - padding-right: 0; - } -} - -.issuable-actions { - @include new-style-dropdown; - - padding-top: 10px; - - @media (min-width: $screen-sm-min) { - float: right; - padding-top: 0; - } -} - -.issuable-gutter-toggle { - @media (max-width: $screen-sm-max) { - position: absolute; - top: 0; - right: 0; - } -} - -.issuable-meta { - display: inline-block; - line-height: 18px; - font-size: 14px; -} - -.js-issuable-selector-wrap { - .js-issuable-selector { - width: 100%; - } - - @media (max-width: $screen-sm-max) { - margin-bottom: $gl-padding; - } -} - -.issuable-list { - li { - - .issue-box { - display: -webkit-flex; - display: flex; - } - - .issue-info-container { - -webkit-flex: 1; - flex: 1; - display: flex; - padding-right: $gl-padding; - - .issue-main-info { - flex: 1 auto; - margin-right: 10px; - } - - .issuable-meta { - display: flex; - flex-direction: column; - align-items: flex-end; - flex: 1 0 auto; - - .controls { - margin-bottom: 2px; - line-height: 20px; - padding: 0; - } - - .issue-updated-at { - line-height: 20px; - } - } - - @media(max-width: $screen-xs-max) { - .issuable-meta { - .controls li { - margin-right: 0; - } - } - } - } - - .issue-check { - padding-right: $gl-padding; - margin-bottom: 10px; - min-width: 15px; - - .selected_issue { - vertical-align: text-top; - } - } - - .issuable-milestone, - .issuable-info, - .task-status, - .issuable-updated-at { - font-weight: $gl-font-weight-normal; - color: $gl-text-color-secondary; - - a { - color: $gl-text-color; - - .fa { - color: $gl-text-color-secondary; - } - } - } - - @media(max-width: $screen-md-max) { - .task-status, - .issuable-due-date, - .project-ref-path { - display: none; - } - } - } -} - -.issuable-list li, -.issue-info-container .controls { - .avatar-counter { - display: inline-block; - vertical-align: middle; - min-width: 16px; - line-height: 14px; - height: 16px; - padding-left: 2px; - padding-right: 2px; - } -} - -.time_tracker { - padding-bottom: 0; - border-bottom: 0; - - - .sidebar-collapsed-icon { - - > .stopwatch-svg { - display: inline-block; - } - - svg { - width: 16px; - height: 16px; - fill: $issuable-sidebar-color; - } - - &:hover svg { - fill: $gl-text-color; - } - } - - .help-button, - .close-help-button { - cursor: pointer; - } - - .compare-meter { - &.within_estimate { - .meter-fill { - background: $gl-primary; - } - } - - &.over_estimate { - .meter-fill { - background: $red-500; - } - - .time-remaining, - .compare-value.spent { - color: $red-500; - } - } - } - - .meter-container { - background: $border-gray-light; - border-radius: 3px; - - .meter-fill { - max-width: 100%; - height: 5px; - border-radius: 3px; - background: $gl-primary; - } - } - - .compare-display-container { - display: flex; - justify-content: space-between; - margin-top: 5px; - - .compare-display { - font-size: 13px; - color: $compare-display-color; - - .compare-value { - color: $gl-text-color; - } - } - } - - .time-tracking-help-state { - background: $white-light; - margin: 16px -20px 0; - padding: 16px 20px; - border-top: 1px solid $border-gray-light; - border-bottom: 1px solid $border-gray-light; - - a:hover { - color: $btn-white-active; - } - } - - .help-state-toggle-enter-active { - transition: all .8s ease; - } - - .help-state-toggle-leave-active { - transition: all .5s ease; - } - - .help-state-toggle-enter, - .help-state-toggle-leave-active { - opacity: 0; - } -} - -.issuable-todo-btn { - .fa-spinner { - display: none; - } - - &.is-loading { - .fa-spinner { - display: inline-block; - } - - &.sidebar-collapsed-icon { - .issuable-todo-inner { - display: none; - } - } - } -} - -.issuable-close-button, -.issuable-close-toggle { - @include transition(border-color, color); -} - -.issuable-close-dropdown { - .dropdown-menu { - min-width: 270px; - left: auto; - right: 0; - } - - .description { - .text { - margin: 0; - } - } - - .dropdown-toggle > .icon { - margin: 0 3px; - } -} diff --git a/app/assets/stylesheets/pages/issues.scss b/app/assets/stylesheets/pages/issues.scss deleted file mode 100644 index e8ca5cedaee..00000000000 --- a/app/assets/stylesheets/pages/issues.scss +++ /dev/null @@ -1,270 +0,0 @@ -@import "./issues/issue_count_badge"; - -.issues-list { - .issue { - padding: 10px 0 10px $gl-padding; - position: relative; - - .title { - margin-bottom: 2px; - } - - .issue-labels { - display: inline-block; - } - - .icon-merge-request-unmerged { - height: 13px; - margin-bottom: 3px; - } - } -} - -.issue-realtime-pre-pulse { - opacity: 0; -} - -.issue-realtime-trigger-pulse { - transition: opacity $fade-in-duration linear; - opacity: 1; -} - -.check-all-holder { - line-height: 36px; - float: left; - margin-right: 15px; -} - -.issues_content { - .title { - height: 40px; - } - - form { - margin: 0; - } -} - -form.edit-issue { - margin: 0; -} - -ul.related-merge-requests > li { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - align-items: center; - - .merge-request-id { - flex-shrink: 0; - } - - .merge-request-info { - margin-left: 5px; - } - - .row_title { - vertical-align: bottom; - } - - gl-emoji { - font-size: 1em; - } -} - -.merge-requests-title, -.related-branches-title { - font-size: 16px; - font-weight: $gl-font-weight-bold; -} - -.merge-request-id { - display: inline-block; -} - -.merge-request-status { - font-size: 13px; - padding: 0 5px; - color: $white-light; - height: 20px; - border-radius: 3px; - line-height: 18px; - - &.merged { - background: $blue-500; - } - - &.closed { - background: $red-500; - } - - &.open { - background: $green-500; - } -} - -.merge-request, -.issue { - &.today { - background: $issues-today-bg; - border-color: $issues-today-border; - } - - &.closed { - background: $gray-light; - border-color: $border-color; - } - - &.merged { - background: $gray-light; - border-color: $border-color; - } -} - -.merge-request-ci-status, -.related-merge-requests { - .ci-status-link { - display: block; - margin-right: 5px; - } - - svg { - display: block; - } -} - -@media (max-width: $screen-xs-max) { - .issue-btn-group { - width: 100%; - - .btn { - width: 100%; - } - } -} - -.issue-form { - @include new-style-dropdown; - - .select2-container { - width: 250px !important; - } -} - -.issues-footer { - padding-top: $gl-padding; - padding-bottom: 37px; -} - -.issue-email-modal-btn { - padding: 0; - color: $gl-link-color; - background-color: transparent; - border: 0; - outline: 0; - - &:hover { - text-decoration: underline; - } -} - -.email-modal-input-group { - margin-bottom: 10px; - - .form-control { - background-color: $white-light; - } - - .btn { - background-color: $gray-light; - border: 1px solid $border-gray-normal; - } -} - -.recaptcha { - margin-bottom: 30px; -} - -.new-branch-col { - padding-top: 10px; -} - -.create-mr-dropdown-wrap { - @include new-style-dropdown; - - .btn-group:not(.hide) { - display: flex; - } - - .js-create-merge-request { - flex-grow: 1; - flex-shrink: 0; - } - - .dropdown-menu { - width: 300px; - opacity: 1; - visibility: visible; - transform: translateY(0); - display: none; - } - - .dropdown-toggle { - .fa-caret-down { - pointer-events: none; - color: inherit; - margin-left: 0; - } - } - - li:not(.divider) { - &.droplab-item-selected { - .icon-container { - i { - visibility: visible; - } - } - } - - .icon-container { - float: left; - padding-left: 6px; - - i { - visibility: hidden; - } - } - - .description { - padding-left: 30px; - font-size: 13px; - - strong { - display: block; - font-weight: $gl-font-weight-bold; - } - } - } -} - -.discussion-reply-holder .note-edit-form { - display: block; -} - -@media (min-width: $screen-sm-min) { - .emoji-block .row { - display: flex; - - .new-branch-col { - padding-top: 0; - text-align: right; - align-self: center; - } - - .create-mr-dropdown-wrap { - .btn-group:not(.hide) { - display: inline-block; - } - } - } -} diff --git a/app/assets/stylesheets/pages/issues/issue_count_badge.scss b/app/assets/stylesheets/pages/issues/issue_count_badge.scss deleted file mode 100644 index ccb62bfed18..00000000000 --- a/app/assets/stylesheets/pages/issues/issue_count_badge.scss +++ /dev/null @@ -1,29 +0,0 @@ -.issue-count-badge { - display: inline-flex; - align-items: stretch; - height: 24px; -} - -.issue-count-badge-count { - display: flex; - align-items: center; - padding-right: 10px; - padding-left: 10px; - border: 1px solid $border-color; - border-radius: $border-radius-base; - line-height: 1; - - &.has-btn { - border-right: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } -} - -.issue-count-badge-add-button { - display: flex; - align-items: center; - border: 1px solid $border-color; - border-radius: 0 $border-radius-base $border-radius-base 0; - line-height: 1; -} diff --git a/app/assets/stylesheets/pages/labels.scss b/app/assets/stylesheets/pages/labels.scss deleted file mode 100644 index 443f5500684..00000000000 --- a/app/assets/stylesheets/pages/labels.scss +++ /dev/null @@ -1,289 +0,0 @@ -.suggest-colors { - margin-top: 5px; - - a { - border-radius: 4px; - width: 30px; - height: 30px; - display: inline-block; - margin-right: 10px; - margin-bottom: 10px; - text-decoration: none; - } - - &.suggest-colors-dropdown { - margin-top: 10px; - margin-bottom: 10px; - border-radius: $border-radius-base; - overflow: hidden; - - a { - border-radius: 0; - width: (100% / 7); - margin-right: 0; - margin-bottom: -5px; - } - } -} - -.dropdown-new-label { - .dropdown-content { - max-height: 260px; - } -} - -.dropdown-label-color-input { - position: relative; - margin-bottom: 10px; - - &.is-active { - padding-left: 32px; - } -} - -.dropdown-label-color-preview { - position: absolute; - left: 0; - top: 0; - width: 32px; - height: 32px; - border-top-left-radius: $border-radius-base; - border-bottom-left-radius: $border-radius-base; -} - -.label-row { - .label-name { - display: inline-block; - margin-bottom: 10px; - - @media (min-width: $screen-sm-min) { - width: 200px; - margin-bottom: 0; - } - - .label { - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; - max-width: 100%; - } - } - - .label-type { - display: block; - margin-bottom: 10px; - margin-left: 50px; - - @media (min-width: $screen-sm-min) { - display: inline-block; - width: 100px; - margin-left: 10px; - margin-bottom: 0; - vertical-align: middle; - } - } - - .label-description { - display: block; - margin-bottom: 10px; - margin-left: 50px; - - @media (min-width: $screen-sm-min) { - display: inline-block; - width: 30%; - margin-left: 10px; - margin-bottom: 0; - vertical-align: middle; - } - } - - .label { - padding: 8px 9px 9px; - font-size: 14px; - } -} - -.color-label { - padding: 3px 7px; - border-radius: $label-border-radius; -} - -.dropdown-labels-error { - padding: 5px 10px; - margin-bottom: 10px; - background-color: $gl-danger; - color: $white-light; -} - -.manage-labels-list { - @include new-style-dropdown; - - > li:not(.empty-message):not(.is-not-draggable) { - background-color: $white-light; - cursor: move; - cursor: -webkit-grab; - cursor: -moz-grab; - - &:active { - cursor: -webkit-grabbing; - cursor: -moz-grabbing; - } - - &.sortable-ghost { - opacity: 0.3; - } - } - - .btn-action { - color: $gl-text-color; - - .fa { - font-size: 18px; - vertical-align: middle; - pointer-events: none; - } - - &:hover { - color: $gl-link-color; - - &.remove-row { - color: $gl-danger; - } - } - } - - .dropdown { - @media (min-width: $screen-sm-min) { - float: right; - } - } -} - -.draggable-handler { - display: inline-block; - opacity: 0; - transition: opacity .3s; - color: $gray-darkest; -} - -.prioritized-labels { - margin-bottom: 30px; - - .add-priority { - display: none; - color: $gray-light; - } - - li:hover { - .draggable-handler { - display: inline-block; - opacity: 1; - } - } -} - -.other-labels { - .remove-priority { - display: none; - } -} - -.toggle-priority { - display: inline-block; - vertical-align: middle; - - button { - border-color: transparent; - padding: 5px 8px; - vertical-align: top; - font-size: 14px; - - &:hover { - border-color: transparent; - } - } -} - -.filtered-labels { - font-size: 0; - padding: 12px 16px; - - .label-row { - margin-top: 4px; - margin-bottom: 4px; - - &:not(:last-child) { - margin-right: 8px; - } - } - - .label-remove { - border-left: 1px solid $label-remove-border; - z-index: 3; - border-radius: $label-border-radius; - padding: 6px 10px 6px 9px; - - &:hover { - box-shadow: inset 0 0 0 80px $label-remove-border; - } - } - - .btn { - color: inherit; - } - - a.btn { - padding: 0; - - .has-tooltip { - top: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - line-height: 1.1; - } - } -} - -.label-options-toggle { - width: 100%; -} - -.label-subscription { - vertical-align: middle; - - .dropdown-group-label a { - cursor: pointer; - } -} - -.label-subscribe-button { - .label-subscribe-button-icon { - &[disabled] { - opacity: 0.5; - pointer-events: none; - } - } - - .label-subscribe-button-loading { - display: none; - } - - &.disabled { - .label-subscribe-button-icon { - display: none; - } - - .label-subscribe-button-loading { - display: block; - } - } -} - -.label-link { - display: inline-block; - vertical-align: top; - - .label { - vertical-align: inherit; - } -} diff --git a/app/assets/stylesheets/pages/lint.scss b/app/assets/stylesheets/pages/lint.scss deleted file mode 100644 index 68b6c5ecbd4..00000000000 --- a/app/assets/stylesheets/pages/lint.scss +++ /dev/null @@ -1,21 +0,0 @@ -.ci-body { - .incorrect-syntax { - font-size: 18px; - color: $lint-incorrect-color; - } - - .correct-syntax { - font-size: 18px; - color: $lint-correct-color; - } -} - -.ci-linter { - .ci-editor { - height: 400px; - } - - .ci-template pre { - white-space: pre-wrap; - } -} diff --git a/app/assets/stylesheets/pages/login.scss b/app/assets/stylesheets/pages/login.scss deleted file mode 100644 index cf5f933a762..00000000000 --- a/app/assets/stylesheets/pages/login.scss +++ /dev/null @@ -1,265 +0,0 @@ -/* Login Page */ -.login-page { - .container { - max-width: 960px; - } - - .navbar-gitlab .container { - max-width: none; - } - - .flash-container { - margin-bottom: $gl-padding; - } - - .brand-holder { - font-size: 18px; - line-height: 1.5; - - p { - font-size: 16px; - color: $login-brand-holder-color; - } - - h1:first-child { - font-weight: $gl-font-weight-normal; - margin-bottom: 0.68em; - margin-top: 0; - font-size: 34px; - } - - h3 { - font-size: 22px; - } - - img { - max-width: 100%; - margin-bottom: 30px; - } - - a { - font-weight: $gl-font-weight-bold; - } - } - - p { - font-size: 13px; - } - - .login-box, - .omniauth-container { - box-shadow: 0 0 0 1px $border-color; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - padding: 15px; - - .login-heading h3 { - font-weight: $gl-font-weight-normal; - line-height: 1.5; - margin: 0 0 10px; - } - - .login-footer { - margin-top: 10px; - - p:last-child { - margin-bottom: 0; - } - } - - a.forgot { - float: right; - padding-top: 6px; - } - - .nav .active a { - background: transparent; - } - - // Styles the glowing border of focused input for username async validation - .login-body { - font-size: 13px; - - input + p { - margin-top: 5px; - } - - .username .validation-success { - color: $green-600; - } - - .username .validation-error { - color: $red-500; - } - } - } - - .omniauth-container { - font-size: 13px; - - p { - margin: 0; - } - } - - .new-session-tabs { - display: -webkit-flex; - display: flex; - box-shadow: 0 0 0 1px $border-color; - border-top-right-radius: $border-radius-default; - border-top-left-radius: $border-radius-default; - - li { - flex: 1; - text-align: center; - border-left: 1px solid $border-color; - - &:first-of-type { - border-left: none; - border-top-left-radius: $border-radius-default; - } - - &:last-of-type { - border-top-right-radius: $border-radius-default; - } - - &:not(.active) { - background-color: $gray-light; - } - - a { - width: 100%; - font-size: 18px; - margin-right: 0; - - &:hover { - border: 1px solid transparent; - } - } - - &.active { - border-bottom: 1px solid $border-color; - - a { - border: none; - border-bottom: 2px solid $link-underline-blue; - margin-right: 0; - color: $black; - - &:hover { - border-bottom: 2px solid $link-underline-blue; - } - } - } - } - } - - // Ldap configurations may need more tabs & the tab labels are user generated (arbitrarily long). - // These styles prevent this from breaking the layout, and only applied when providers are configured. - - .new-session-tabs.custom-provider-tabs { - flex-wrap: wrap; - - li { - min-width: 85px; - flex-basis: auto; - - // This styles tab elements that have wrapped to a second line. We cannot easily predict when this will happen. - // We are making somewhat of an assumption about the configuration here: that users do not have more than - // 3 LDAP servers configured (in addition to standard login) and they are not using especially long names for any - // of them. If either condition is false, this will work as expected. If both are true, there may be a missing border - // above one of the bottom row elements. If you know a better way, please implement it! - &:nth-child(n+5) { - border-top: 1px solid $border-color; - } - } - - a { - font-size: 16px; - } - } - - - .form-control { - &:active, - &:focus { - background-color: $white-light; - } - } - - label { - font-weight: $gl-font-weight-normal; - } - - .submit-container { - margin-top: 16px; - } - - input[type="submit"] { - @extend .btn-block; - margin-bottom: 0; - } - - .devise-errors { - h2 { - margin-top: 0; - font-size: 14px; - color: $login-devise-error-color; - } - } -} - -@media (max-width: $screen-xs-max) { - .login-page { - .col-sm-5.pull-right { - float: none !important; - margin-bottom: 45px; - } - } -} - -.oauth-image-link { - margin-right: 10px; - - img { - width: 32px; - height: 32px; - } -} - -.devise-layout-html { - margin: 0; - padding: 0; - height: 100%; -} - -// Fixes footer container to bottom of viewport -.devise-layout-html body { - // offset height of fixed header + 1 to avoid scroll - height: calc(100% - 51px); - margin: 0; - padding: 0; - - .page-wrap { - min-height: 100%; - position: relative; - } - - .footer-container, - hr.footer-fixed { - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 40px; - background: $white-light; - } - - .navless-container { - padding: 65px 15px; // height of footer + bottom padding of email confirmation link - - @media (max-width: $screen-xs-max) { - padding: 0 15px 65px; - } - } -} diff --git a/app/assets/stylesheets/pages/members.scss b/app/assets/stylesheets/pages/members.scss deleted file mode 100644 index 692acf74a58..00000000000 --- a/app/assets/stylesheets/pages/members.scss +++ /dev/null @@ -1,287 +0,0 @@ -.project-members-title { - padding-bottom: 10px; - border-bottom: 1px solid $border-color; -} - -.users-project-form { - .btn-create { - margin-right: 10px; - } -} - -.member { - .list-item-name { - @media (min-width: $screen-sm-min) { - float: left; - width: 50%; - } - - strong { - font-weight: $gl-font-weight-bold; - } - } - - .controls { - @media (min-width: $screen-sm-min) { - display: -webkit-flex; - display: flex; - } - - .dropdown-menu.dropdown-menu-align-right { - margin-top: -2px; - } - } - - .form-horizontal { - margin-top: 20px; - - @media (min-width: $screen-sm-min) { - display: -webkit-flex; - display: flex; - margin-top: 3px; - } - } - - .btn-remove { - width: 100%; - - @media (min-width: $screen-sm-min) { - width: auto; - } - } -} - -.member-form-control { - @media (max-width: $screen-xs-max) { - padding-bottom: 5px; - margin-left: 0; - margin-right: 0; - } -} - -.member-access-text { - margin-left: auto; - line-height: 43px; -} - -.member.existing-title { - @media (min-width: $screen-sm-min) { - float: left; - } -} - -.member-search-form { - @include new-style-dropdown; - - position: relative; - - @media (min-width: $screen-sm-min) { - float: right; - } - - .dropdown { - width: 100%; - margin-top: 5px; - - .dropdown-menu-toggle { - vertical-align: middle; - width: 100%; - } - - @media (min-width: $screen-sm-min) { - margin-top: 0; - width: 155px; - } - } - - .form-control { - width: 100%; - padding-right: 35px; - - @media (min-width: $screen-sm-min) { - width: 250px; - } - - &.input-short { - @media (min-width: $screen-md-min) { - width: 170px; - } - - @media (min-width: $screen-lg-min) { - width: 210px; - } - } - } -} - -.member-search-btn { - position: absolute; - right: 4px; - top: 0; - height: 35px; - padding-left: 10px; - padding-right: 10px; - color: $gray-darkest; - background: transparent; - border: 0; - outline: 0; - - @media (min-width: $screen-sm-min) { - right: 160px; - } -} - -.flex-project-members-panel { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - - @media (max-width: $screen-sm-min) { - display: block; - - .flex-project-title { - vertical-align: top; - display: inline-block; - max-width: 90%; - } - } - - .flex-project-title { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .badge { - height: 17px; - line-height: 16px; - margin-right: 5px; - padding-top: 1px; - padding-bottom: 1px; - } - - .flex-project-members-form { - flex-wrap: nowrap; - white-space: nowrap; - margin-left: auto; - } -} - -.panel { - .panel-heading { - .badge { - margin-top: 0; - } - - @media (max-width: $screen-sm-min) { - .badge { - margin-right: 0; - margin-left: 0; - } - } - } -} - -.content-list.members-list li { - display: flex; - justify-content: space-between; - - .list-item-name { - float: none; - display: flex; - flex: 1; - } - - .user-info { - padding-right: 10px; - } - - .member { - font-weight: $gl-font-weight-bold; - overflow-wrap: break-word; - word-break: break-all; - } - - .member-group-link { - display: inline-block; - } - - .form-control { - width: inherit; - } - - .btn { - align-self: flex-start; - } - - .form-horizontal ~ .btn { - margin-right: 0; - } - - @media (max-width: $screen-xs-max) { - display: block; - - .controls > .btn { - margin-left: 0; - margin-right: 0; - display: block; - } - - .form-control { - width: 100%; - } - - .member-access-text { - line-height: 0; - margin-left: 50px; - } - - .member-controls { - margin-top: 5px; - } - - .form-horizontal { - margin-top: 10px; - } - } -} - -.panel-mobile { - .content-list.members-list li { - display: block; - - .member-controls { - float: none; - display: block; - } - - .dropdown-menu-toggle, - .dropdown-menu, - .form-control, - .list-item-name { - width: 100%; - } - - .dropdown-menu { - margin-top: 0; - } - - .form-horizontal { - display: block; - } - - .member-form-control { - margin: 5px 0; - } - - .btn { - width: 100%; - margin-left: 0; - } - } -} - -.member-form-control { - @include new-style-dropdown; -} diff --git a/app/assets/stylesheets/pages/merge_conflicts.scss b/app/assets/stylesheets/pages/merge_conflicts.scss deleted file mode 100644 index dbf3e2b763c..00000000000 --- a/app/assets/stylesheets/pages/merge_conflicts.scss +++ /dev/null @@ -1,291 +0,0 @@ -// Disabled to use the color map for creating color schemes -// scss-lint:disable ColorVariable -$colors: ( - white_header_head_neutral : #e1fad7, - white_line_head_neutral : #effdec, - white_button_head_neutral : #9adb84, - - white_header_head_chosen : #baf0a8, - white_line_head_chosen : #e1fad7, - white_button_head_chosen : #52c22d, - - white_header_origin_neutral : #e0f0ff, - white_line_origin_neutral : #f2f9ff, - white_button_origin_neutral : #87c2fa, - - white_header_origin_chosen : #add8ff, - white_line_origin_chosen : #e0f0ff, - white_button_origin_chosen : #268ced, - - white_header_not_chosen : #f0f0f0, - white_line_not_chosen : $gray-light, - - - dark_header_head_neutral : rgba(#3f3, .2), - dark_line_head_neutral : rgba(#3f3, .1), - dark_button_head_neutral : #40874f, - - dark_header_head_chosen : rgba(#3f3, .33), - dark_line_head_chosen : rgba(#3f3, .2), - dark_button_head_chosen : #258537, - - dark_header_origin_neutral : rgba(#2878c9, .4), - dark_line_origin_neutral : rgba(#2878c9, .3), - dark_button_origin_neutral : #2a5c8c, - - dark_header_origin_chosen : rgba(#2878c9, .6), - dark_line_origin_chosen : rgba(#2878c9, .4), - dark_button_origin_chosen : #1d6cbf, - - dark_header_not_chosen : rgba(#fff, .25), - dark_line_not_chosen : rgba(#fff, .1), - - - monokai_header_head_neutral : rgba(#a6e22e, .25), - monokai_line_head_neutral : rgba(#a6e22e, .1), - monokai_button_head_neutral : #376b20, - - monokai_header_head_chosen : rgba(#a6e22e, .4), - monokai_line_head_chosen : rgba(#a6e22e, .25), - monokai_button_head_chosen : #39800d, - - monokai_header_origin_neutral : rgba(#60d9f1, .35), - monokai_line_origin_neutral : rgba(#60d9f1, .15), - monokai_button_origin_neutral : #38848c, - - monokai_header_origin_chosen : rgba(#60d9f1, .5), - monokai_line_origin_chosen : rgba(#60d9f1, .35), - monokai_button_origin_chosen : #3ea4b2, - - monokai_header_not_chosen : rgba(#76715d, .24), - monokai_line_not_chosen : rgba(#76715d, .1), - - - solarized_light_header_head_neutral : rgba(#859900, .37), - solarized_light_line_head_neutral : rgba(#859900, .2), - solarized_light_button_head_neutral : #afb262, - - solarized_light_header_head_chosen : rgba(#859900, .5), - solarized_light_line_head_chosen : rgba(#859900, .37), - solarized_light_button_head_chosen : #94993d, - - solarized_light_header_origin_neutral : rgba(#2878c9, .37), - solarized_light_line_origin_neutral : rgba(#2878c9, .15), - solarized_light_button_origin_neutral : #60a1bf, - - solarized_light_header_origin_chosen : rgba(#2878c9, .6), - solarized_light_line_origin_chosen : rgba(#2878c9, .37), - solarized_light_button_origin_chosen : #2482b2, - - solarized_light_header_not_chosen : rgba(#839496, .37), - solarized_light_line_not_chosen : rgba(#839496, .2), - - - solarized_dark_header_head_neutral : rgba(#859900, .35), - solarized_dark_line_head_neutral : rgba(#859900, .15), - solarized_dark_button_head_neutral : #376b20, - - solarized_dark_header_head_chosen : rgba(#859900, .5), - solarized_dark_line_head_chosen : rgba(#859900, .35), - solarized_dark_button_head_chosen : #39800d, - - solarized_dark_header_origin_neutral : rgba(#2878c9, .35), - solarized_dark_line_origin_neutral : rgba(#2878c9, .15), - solarized_dark_button_origin_neutral : #086799, - - solarized_dark_header_origin_chosen : rgba(#2878c9, .6), - solarized_dark_line_origin_chosen : rgba(#2878c9, .35), - solarized_dark_button_origin_chosen : #0082cc, - - solarized_dark_header_not_chosen : rgba(#839496, .25), - solarized_dark_line_not_chosen : rgba(#839496, .15) -); -// scss-lint:enable ColorVariable - - -@mixin color-scheme($color) { - .header.line_content, - .diff-line-num { - &.origin { - background-color: map-get($colors, #{$color}_header_origin_neutral); - border-color: map-get($colors, #{$color}_header_origin_neutral); - - button { - background-color: map-get($colors, #{$color}_button_origin_neutral); - border-color: darken(map-get($colors, #{$color}_button_origin_neutral), 15); - } - - &.selected { - background-color: map-get($colors, #{$color}_header_origin_chosen); - border-color: map-get($colors, #{$color}_header_origin_chosen); - - button { - background-color: map-get($colors, #{$color}_button_origin_chosen); - border-color: darken(map-get($colors, #{$color}_button_origin_chosen), 15); - } - } - - &.unselected { - background-color: map-get($colors, #{$color}_header_not_chosen); - border-color: map-get($colors, #{$color}_header_not_chosen); - - button { - background-color: lighten(map-get($colors, #{$color}_button_origin_neutral), 15); - border-color: map-get($colors, #{$color}_button_origin_neutral); - } - } - } - - &.head { - background-color: map-get($colors, #{$color}_header_head_neutral); - border-color: map-get($colors, #{$color}_header_head_neutral); - - button { - background-color: map-get($colors, #{$color}_button_head_neutral); - border-color: darken(map-get($colors, #{$color}_button_head_neutral), 15); - } - - &.selected { - background-color: map-get($colors, #{$color}_header_head_chosen); - border-color: map-get($colors, #{$color}_header_head_chosen); - - button { - background-color: map-get($colors, #{$color}_button_head_chosen); - border-color: darken(map-get($colors, #{$color}_button_head_chosen), 15); - } - } - - &.unselected { - background-color: map-get($colors, #{$color}_header_not_chosen); - border-color: map-get($colors, #{$color}_header_not_chosen); - - button { - background-color: lighten(map-get($colors, #{$color}_button_head_neutral), 15); - border-color: map-get($colors, #{$color}_button_head_neutral); - } - } - } - } - - .line_content { - &.origin { - background-color: map-get($colors, #{$color}_line_origin_neutral); - - &.selected { - background-color: map-get($colors, #{$color}_line_origin_chosen); - } - - &.unselected { - background-color: map-get($colors, #{$color}_line_not_chosen); - } - } - - &.head { - background-color: map-get($colors, #{$color}_line_head_neutral); - - &.selected { - background-color: map-get($colors, #{$color}_line_head_chosen); - } - - &.unselected { - background-color: map-get($colors, #{$color}_line_not_chosen); - } - } - } -} - - -#conflicts { - - .white { - @include color-scheme('white') - } - - .dark { - @include color-scheme('dark') - } - - .monokai { - @include color-scheme('monokai') - } - - .solarized-light { - @include color-scheme('solarized_light') - } - - .solarized-dark { - @include color-scheme('solarized_dark') - } - - .diff-wrap-lines .line_content { - white-space: normal; - min-height: 19px; - } - - .line_content.header { - position: relative; - - button { - border-radius: 2px; - font-size: 10px; - position: absolute; - right: 10px; - padding: 0; - outline: none; - color: $white-light; - width: 75px; // static width to make 2 buttons have same width - height: 19px; - } - } - - .btn-success .fa-spinner { - color: $white-light; - } - - .editor-wrap { - &.is-loading { - .editor { - display: none; - } - - .loading { - display: block; - } - } - - &.saved { - .editor { - border-top: solid 2px $green-300; - } - } - - .editor { - pre { - height: 350px; - border: none; - border-radius: 0; - margin-bottom: 0; - } - } - - .loading { - display: none; - } - } - - .discard-changes-alert { - background-color: $gray-light; - text-align: right; - padding: $gl-padding-top $gl-padding; - color: $gl-text-color; - - .discard-actions { - display: inline-block; - margin-left: 10px; - } - } - - .resolve-conflicts-form { - padding-top: $gl-padding; - } -} diff --git a/app/assets/stylesheets/pages/merge_requests.scss b/app/assets/stylesheets/pages/merge_requests.scss deleted file mode 100644 index d9fb3b44d29..00000000000 --- a/app/assets/stylesheets/pages/merge_requests.scss +++ /dev/null @@ -1,731 +0,0 @@ -/** - * MR -> show: Automerge widget - * - */ - -.space-children { - @include clearfix; - - > * { - float: left; - } - - > *:not(:last-child) { - margin-right: 10px; - } -} - -.mr-state-widget { - color: $gl-text-color; - border: 1px solid $border-color; - border-radius: 2px; - line-height: 28px; - - .mr-widget-heading, - .mr-widget-section, - .mr-widget-footer { - padding: $gl-padding; - border-top: solid 1px $border-color; - } - - .mr-widget-footer { - padding: 0; - } - - form { - margin-bottom: 0; - - .clearfix { - margin-bottom: 0; - } - } - - label { - margin-bottom: 0; - } - - .btn { - font-size: $gl-font-size; - - &[disabled] { - opacity: 0.3; - } - - &.btn-xs { - line-height: 1; - padding: 5px 10px; - margin-top: 1px; - } - - &.dropdown-toggle { - .fa { - color: inherit; - } - } - } - - .accept-merge-holder { - .accept-action { - display: inline-block; - float: left; - - .accept-merge-request { - &.ci-pending, - &.ci-running { - @include btn-blue; - } - - &.ci-skipped, - &.ci-failed, - &.ci-canceled, - &.ci-error { - @include btn-red; - } - } - } - - .accept-control { - display: inline-block; - float: left; - margin: 0; - margin-left: 20px; - padding: 5px; - padding-top: 8px; - line-height: 20px; - - &.right { - float: right; - padding-right: 0; - } - - .modify-merge-commit-link { - padding: 0; - - background-color: transparent; - border: 0; - - color: $gl-text-color; - - &:hover, - &:focus { - text-decoration: underline; - } - } - - .merge-param-checkbox { - margin: 0; - } - - a .fa-question-circle { - color: $gl-text-color-secondary; - - &:hover, - &:focus { - color: $link-hover-color; - } - } - } - } - - .ci-widget { - color: $gl-text-color; - display: flex; - - @media (max-width: $screen-xs-max) { - flex-wrap: wrap; - } - } - - .mr-widget-icon { - font-size: 22px; - margin-right: $status-icon-margin; - } - - .ci-status-icon svg { - width: $status-icon-size; - height: $status-icon-size; - margin: 3px 0; - position: relative; - overflow: visible; - display: block; - } - - .mr-widget-body { - @include clearfix; - - &.media > *:first-child { - margin-right: 10px; - } - } - - .mr-widget-pipeline-graph { - padding: 0 4px; - - .dropdown-menu { - z-index: 300; - } - - .ci-action-icon-wrapper { - line-height: 16px; - } - } - - .mini-pipeline-graph-dropdown-toggle { - vertical-align: top; - } - - .normal { - line-height: 28px; - } - - .capitalize { - text-transform: capitalize; - } - - .label-branch { - @extend .ref-name; - - color: $gl-text-color; - font-weight: $gl-font-weight-bold; - overflow: hidden; - word-break: break-all; - - &.label-truncated { - position: relative; - display: inline-block; - width: 250px; - margin-bottom: -3px; - white-space: nowrap; - text-overflow: clip; - line-height: 14px; - - &::after { - position: absolute; - content: '...'; - right: 0; - font-family: $regular_font; - background-color: $gray-light; - } - } - } - - .mr-widget-help { - padding: 10px 16px 10px 48px; - font-style: italic; - } - - .mr-widget-body { - h4 { - float: left; - font-weight: $gl-font-weight-bold; - font-size: 14px; - line-height: inherit; - margin-top: 0; - margin-bottom: 0; - - &.has-conflicts .fa-exclamation-triangle { - color: $gl-warning; - } - - time { - font-weight: $gl-font-weight-normal; - } - } - - .btn-grouped { - margin-left: 0; - margin-right: 7px; - } - - label { - font-weight: $gl-font-weight-normal; - } - - .spacing { - margin: 0 0 0 10px; - } - - .bold { - font-weight: $gl-font-weight-bold; - color: $gl-gray-light; - } - - .state-label { - font-weight: $gl-font-weight-bold; - padding-right: 10px; - } - - .danger { - color: $gl-danger; - } - - .spacing, - .bold { - vertical-align: middle; - } - - .dropdown-menu { - li a { - padding: 5px; - } - - .merge-opt-icon { - line-height: 1.5; - } - - .merge-opt-title { - margin-left: 8px; - } - } - - .dropdown-toggle { - .fa { - margin-left: 0; - color: inherit; - } - } - - .has-custom-error { - display: inline-block; - } - - @media (max-width: $screen-xs-max) { - p { - font-size: 13px; - } - - .btn-grouped { - float: none; - margin-right: 0; - } - - .accept-action { - width: 100%; - text-align: center; - } - - .accept-control { - width: 100%; - text-align: center; - margin: 0; - } - } - - .commit-message-editor { - label { - padding: 0; - } - } - - &.mr-widget-empty-state { - line-height: 20px; - - .artwork { - margin-bottom: $gl-padding; - } - - .text { - span { - font-weight: $gl-font-weight-bold; - } - - p { - margin-top: $gl-padding; - } - } - } - } - - .ci-coverage { - float: right; - } - - .stop-env-container { - color: $gl-text-color; - float: right; - - a { - color: $gl-text-color; - } - } -} - -.mr-state-widget .mr-widget-body { - .approve-btn { - margin-right: 5px; - } -} - -.mr-widget-body-controls { - flex-wrap: wrap; -} - -.mr_source_commit, -.mr_target_commit { - margin-bottom: 0; - - .commit { - margin: 0; - padding: 10px; - list-style: none; - - &:hover { - background: none; - } - } -} - -.commits-empty { - text-align: center; - - h4 { - padding-top: 20px; - padding-bottom: 10px; - } - - svg { - width: 230px; - } -} - -.mr-list { - .merge-request { - padding: 10px 0 10px 15px; - position: relative; - display: -webkit-flex; - display: flex; - - .issue-info-container { - -webkit-flex: 1; - flex: 1; - } - - .merge-request-title { - margin-bottom: 2px; - - .ci-status-link { - - svg { - height: 16px; - width: 16px; - position: relative; - top: 3px; - } - - &:hover, - &:focus { - text-decoration: none; - } - } - } - } - - .merge-request-labels { - display: inline-block; - } -} - -.merge-request-angle { - text-align: center; - margin: 0 auto; - font-size: 2em; - line-height: 1.1; -} - -// hide mr close link for inline diff comment form -.diff-file .close-mr-link, -.diff-file .reopen-mr-link { - display: none; -} - -#modal_merge_info .modal-dialog { - .dark { - margin-right: 40px; - } - - .btn-clipboard { - margin-right: 20px; - margin-top: 5px; - position: absolute; - right: 0; - } -} - -.mr-links { - padding-left: $status-icon-size + $status-icon-margin; -} - -.mr-info-list { - clear: left; - position: relative; - padding-top: 4px; - - p { - margin: 0; - position: relative; - padding: 4px 0; - - &:last-child { - padding-bottom: 0; - } - } -} - -.mr-info-list.mr-memory-usage { - p { - float: left; - } - - .memory-graph-container { - float: left; - margin-left: 5px; - } -} - -.mr-source-target { - @include new-style-dropdown; - - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - background-color: $gray-light; - border-radius: $border-radius-default $border-radius-default 0 0; - padding: $gl-padding / 2 $gl-padding; - - .dropdown-toggle .fa { - color: $gl-text-color; - } -} - -.panel-new-merge-request { - .panel-heading { - padding: 5px 10px; - font-weight: $gl-font-weight-bold; - line-height: 25px; - } - - .panel-body { - padding: 10px 5px; - } - - .panel-footer { - padding: 0; - - .btn { - min-width: auto; - } - } - - .commit { - .commit-row-title { - margin-bottom: 4px; - } - - .item-title { - @media (min-width: $screen-sm-min) { - width: 45%; - } - } - - .avatar { - left: 0; - top: 2px; - } - } - - .btn-clipboard { - margin-right: 5px; - padding: 0; - background: transparent; - } - - .ci-status-link { - margin-right: 5px; - } -} - -.merge-request-select { - padding-left: 5px; - padding-right: 5px; - margin-bottom: 10px; - - &:last-child { - margin-bottom: 0; - } - - @media (min-width: $screen-xs-min) { - float: left; - width: 50%; - margin-bottom: 0; - } - - .dropdown-menu-toggle { - width: 100%; - } - - .dropdown-menu { - left: 5px; - right: 5px; - width: auto; - } -} - -.issuable-form-select-holder { - display: inline-block; - width: 250px; - - .dropdown-menu-toggle { - width: 100%; - } -} - -.target-branch-select-dropdown-container { - position: relative; -} - -.assign-to-me-link { - padding-left: 12px; - white-space: nowrap; -} - -.table-holder { - .ci-table { - - th { - background-color: $white-light; - color: $gl-text-color-secondary; - } - } -} - -.merged-buttons { - .btn { - float: left; - } -} - -.mr-version-controls { - @include new-style-dropdown; - - position: relative; - background: $gray-light; - color: $gl-text-color; - z-index: 199; - - .mr-version-menus-container { - display: -webkit-flex; - display: flex; - -webkit-align-items: center; - align-items: center; - padding: 16px; - } - - .content-block { - padding: $gl-padding-top $gl-padding; - } - - .comments-disabled-notif { - line-height: 28px; - - .btn { - margin-left: 5px; - } - } - - .mr-version-dropdown, - .mr-version-compare-dropdown { - margin: 0 7px; - } - - .dropdown-title { - color: $gl-text-color; - } - - .fa-info-circle { - color: $orange-500; - padding-right: 5px; - } -} - -.merge-request-tabs-holder { - top: $header-height; - z-index: 200; - background-color: $white-light; - border-bottom: 1px solid $border-color; - - @media (min-width: $screen-sm-min) { - position: sticky; - position: -webkit-sticky; - } - - &.affix { - left: 0; - transition: right .15s; - - @media (max-width: $screen-xs-max) { - right: 0; - } - - .merge-request-tabs-container { - padding-left: $gl-padding; - padding-right: $gl-padding; - } - } - - .nav-links { - border: 0; - } -} - -.with-performance-bar .merge-request-tabs-holder { - top: $header-height + $performance-bar-height; -} - -.merge-request-tabs { - display: flex; - margin-bottom: 0; - padding: 0; -} - -.limit-container-width { - .merge-request-tabs-container { - max-width: $limited-layout-width; - margin-left: auto; - margin-right: auto; - - .inner-page-scroll-tabs { - background-color: $white-light; - margin-left: -$gl-padding; - padding-left: $gl-padding; - } - } -} - -.merge-request-tabs-container { - display: flex; - justify-content: space-between; - - @media (max-width: $screen-xs-max) { - flex-direction: column-reverse; - } -} - -.limit-container-width:not(.container-limited) { - .merge-request-tabs-holder:not(.affix) { - .merge-request-tabs-container { - max-width: $limited-layout-width - ($gl-padding * 2); - } - } -} - -.mr-memory-usage { - p.usage-info-loading .usage-info-load-spinner { - margin-right: 10px; - font-size: 16px; - } -} - -.merge-request-form { - @include new-style-dropdown; -} diff --git a/app/assets/stylesheets/pages/milestone.scss b/app/assets/stylesheets/pages/milestone.scss deleted file mode 100644 index 32039936be7..00000000000 --- a/app/assets/stylesheets/pages/milestone.scss +++ /dev/null @@ -1,200 +0,0 @@ -.issues-sortable-list .str-truncated { - max-width: 90%; -} - -.milestones { - .milestone { - padding: 10px 16px; - - h4 { - font-weight: $gl-font-weight-bold; - } - - .progress { - width: 100%; - height: 6px; - } - } -} - -.milestone-content { - .issues-count { - margin-right: 17px; - float: right; - width: 105px; - } - - .issuable-row { - span a { - color: $gl-text-color; - word-wrap: break-word; - } - } - - .panel-heading { - line-height: $line-height-base; - padding: 14px 16px; - display: -webkit-flex; - display: flex; - - .title { - -webkit-flex: 1; - -webkit-flex-grow: 1; - flex: 1; - flex-grow: 2; - } - - .counter { - -webkit-flex: 1; - flex: 0; - padding-left: 16px; - } - } -} - -.milestone-sidebar { - .gutter-toggle { - margin-bottom: 10px; - } - - .milestone-progress { - .title { - padding-top: 5px; - } - - .progress { - height: 6px; - margin: 0; - } - } - - .collapsed-milestone-date { - font-size: 12px; - } - - .milestone-date { - display: block; - } - - .date-separator { - line-height: 5px; - } - - .remaining-days strong { - font-weight: $gl-font-weight-normal; - } - - .milestone-stat { - float: left; - margin-right: 14px; - } - - .milestone-stat:last-child { - margin-right: 0; - } - - .milestone-progress { - .sidebar-collapsed-icon { - clear: both; - padding: 15px 5px 5px; - - .progress { - margin: 5px 0; - } - } - } - - .right-sidebar-collapsed & { - .reference { - border-top: 1px solid $border-gray-normal; - } - } -} - -.milestone-issues-list, -.milestone-merge_requests-list { - .issuable-detail { - display: block; - margin-top: 7px; - - .issuable-number { - color: $gl-text-color-secondary; - margin-right: 5px; - } - - .avatar { - float: none; - } - - > a:not(:last-of-type) { - margin-right: 5px; - } - } -} - -.milestone-detail { - border-bottom: 1px solid $border-color; - padding: 20px 0; -} - -@media (max-width: $screen-xs-max) { - .milestone-actions { - @include clearfix(); - padding-top: $gl-vert-padding; - - .btn:first-child { - margin-left: 0; - } - } -} - -.milestone-page-header { - display: flex; - flex-flow: row; - align-items: center; - flex-wrap: wrap; - - .status-box { - margin-top: 0; - } - - .milestone-buttons { - margin-left: auto; - } - - .status-box { - order: 1; - } - - .milestone-buttons { - order: 2; - } - - .header-text-content { - order: 3; - width: 100%; - } - - .milestone-buttons .verbose { - display: none; - } - - @media (min-width: $screen-xs-min) { - .milestone-buttons .verbose { - display: inline; - } - - .header-text-content { - order: 2; - width: auto; - } - - .milestone-buttons { - order: 3; - } - } -} - -.issuable-row { - background-color: $white-light; -} diff --git a/app/assets/stylesheets/pages/note_form.scss b/app/assets/stylesheets/pages/note_form.scss deleted file mode 100644 index 04b132415eb..00000000000 --- a/app/assets/stylesheets/pages/note_form.scss +++ /dev/null @@ -1,456 +0,0 @@ -/** - * Note Form - */ -.comment-btn { - @extend .btn-create; -} - -.diff-file .diff-content { - tr.line_holder:hover > td .line_note_link { - opacity: 1.0; - filter: alpha(opacity = 100); - } -} - -.diff-file, -.discussion { - .new-note { - margin: 0; - border: none; - } -} - -.new-note, -.note-edit-form { - .note-form-actions { - @include new-style-dropdown; - - position: relative; - margin: $gl-padding 0 0; - } - - .note-preview-holder { - > p { - overflow-x: auto; - } - } - - img { - max-width: 100%; - } -} - -.note-textarea { - display: block; - padding: 10px 0; - color: $gl-text-color; - font-family: $regular_font; - border: 0; - - &:focus { - outline: 0; - } -} - -.note-image-attach { - @extend .col-md-4; - margin-left: 45px; - float: none; -} - -.common-note-form { - .md-area { - padding: $gl-padding-top $gl-padding; - border: 1px solid $border-color; - border-radius: $border-radius-base; - transition: border-color ease-in-out 0.15s, - box-shadow ease-in-out 0.15s; - - &.is-focused { - @extend .form-control:focus; - - .comment-toolbar, - .nav-links { - border-color: $focus-border-color; - } - } - - &.is-dropzone-hover { - border-color: $gl-success; - box-shadow: 0 0 2px $black-transparent, - 0 0 4px $gl-success-focus; - - .comment-toolbar, - .nav-links { - border-color: $gl-success; - } - } - } -} - -.md-header .nav-links { - display: flex; - display: -webkit-flex; - flex-flow: row wrap; - -webkit-flex-flow: row wrap; - width: 100%; - - .pull-right { - // Flexbox quirk to make sure right-aligned items stay right-aligned. - margin-left: auto; - } -} - -.issuable-note-warning { - color: $orange-600; - background-color: $orange-100; - border-radius: $border-radius-default $border-radius-default 0 0; - border: 1px solid $border-gray-normal; - border-bottom: none; - padding: 3px 12px; - margin: auto; - align-items: center; - - .icon { - margin-right: $issuable-warning-icon-margin; - } -} - -.disabled-comment .issuable-note-warning { - border: none; - border-radius: $label-border-radius; - padding-top: $gl-vert-padding; - padding-bottom: $gl-vert-padding; - - .icon svg { - position: relative; - top: 2px; - margin-right: $btn-xs-side-margin; - width: $gl-font-size; - height: $gl-font-size; - fill: $orange-600; - } -} - -.sidebar-item-value { - .fa { - background-color: inherit; - } -} - -.sidebar-item-warning-message { - line-height: 1.5; - padding: 16px; - - .text { - color: $text-color; - } - - .sidebar-item-warning-message-actions { - display: flex; - - .btn { - flex-grow: 1; - } - } -} - -.issuable-note-warning + .md-area { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.discussion-form { - background-color: $white-light; -} - -.discussion-form-container { - padding: $gl-padding-top $gl-padding $gl-padding; -} - -.discussion-notes .disabled-comment { - padding: 6px 0; -} - -.notes.notes-form > li.timeline-entry { - @include notes-media('max', $screen-sm-max) { - padding: 0; - } - - .timeline-content { - @include notes-media('max', $screen-sm-max) { - margin: 0; - } - } - - .timeline-entry-inner { - border: 0; - } -} - -.note-edit-form { - display: none; - font-size: 14px; - - .md-area { - background-color: $white-light; - } -} - -.js-note-attachment-delete { - display: none; -} - -.parallel-comment { - padding: 6px; -} - -.error-alert > .alert { - margin-top: 5px; - margin-bottom: 5px; - - &.alert-dismissable { - .close { - color: $white-light; - opacity: 0.85; - font-weight: $gl-font-weight-normal; - - &:hover { - opacity: 1; - } - } - } -} - -.discussion-body, -.diff-file { - .discussion-reply-holder { - background-color: $white-light; - padding: 10px 16px; - - &.is-replying { - padding-bottom: $gl-padding; - } - } -} - -.discussion-with-resolve-btn { - display: table; - width: 100%; - border-collapse: separate; - table-layout: auto; - - .btn-group { - display: table-cell; - float: none; - width: 1%; - - &:first-child { - width: 100%; - padding-right: 5px; - } - - } - - .discussion-actions { - display: table; - - .new-issue-for-discussion path { - fill: $gray-darkest; - } - - .btn-group { - display: table-cell; - - &:first-child { - padding-right: 0; - } - - &:first-child:not(:last-child) > div { - border-right: 0; - } - } - } - - .btn { - width: 100%; - } -} - -.discussion-notes-count { - font-size: 16px; -} - -.edit_note { - .markdown-area { - min-height: 140px; - max-height: 500px; - } - - .note-form-actions { - background: transparent; - } -} - -.comment-toolbar { - padding-top: $gl-padding-top; - color: $gl-text-color-secondary; - border-top: 1px solid $border-color; -} - -.md-helper { - padding-top: 10px; -} - -.toolbar-button { - padding: 0; - background: none; - border: 0; - font-size: 14px; - line-height: 16px; - - &:hover, - &:focus { - color: $gl-link-color; - outline: 0; - } - - @media (min-width: $screen-md-min) { - float: left; - margin-right: $gl-padding; - - &:last-child { - float: right; - margin-right: 0; - } - } -} - -.toolbar-button-icon { - position: relative; - top: 1px; - margin-right: 3px; - color: inherit; - font-size: 16px; -} - -.toolbar-text { - font-size: 14px; - line-height: 16px; - margin-top: 2px; - - @media (min-width: $screen-md-min) { - float: left; - } -} - -.note-form-actions { - @media (max-width: $screen-xs-max) { - .btn { - float: none; - width: 100%; - - &:not(:last-child) { - margin-bottom: 10px; - } - } - } -} - -.note-edit-warning.settings-message { - display: none; - padding: 5px 10px; - position: absolute; - left: 127px; - top: 2px; - - @media (max-width: $screen-xs-max) { - position: relative; - top: 0; - left: 0; - margin-bottom: 10px; - } -} - -.comment-type-dropdown { - .comment-btn { - width: auto; - } - - .dropdown-toggle { - float: right; - - .toggle-icon { - color: $white-light; - padding-right: 2px; - margin-top: 2px; - } - } - - .dropdown-menu { - top: initial; - bottom: 100%; - width: 298px; - } - - - @media (max-width: $screen-xs-max) { - display: flex; - width: 100%; - margin-bottom: 10px; - - .comment-btn { - flex-grow: 1; - flex-shrink: 0; - width: auto; - } - - .dropdown-toggle { - flex-grow: 0; - flex-shrink: 1; - width: auto; - } - } -} - -.uploading-container { - float: right; - - @media (max-width: $screen-xs-max) { - float: left; - margin-top: 5px; - } -} - -.uploading-error-icon, -.uploading-error-message { - color: $gl-text-red; -} - -.uploading-error-message { - @media (max-width: $screen-xs-max) { - &::after { - content: "\a"; - white-space: pre; - } - } -} - -.uploading-progress { - margin-right: 5px; -} - -.attach-new-file, -.button-attach-file, -.retry-uploading-link { - color: $gl-link-color; - padding: 0; - background: none; - border: 0; - font-size: 14px; - line-height: 16px; -} - -.markdown-selector { - color: $gl-link-color; -} diff --git a/app/assets/stylesheets/pages/notes.scss b/app/assets/stylesheets/pages/notes.scss deleted file mode 100644 index ebad429c2ba..00000000000 --- a/app/assets/stylesheets/pages/notes.scss +++ /dev/null @@ -1,818 +0,0 @@ -/** - * Notes - */ - -@-webkit-keyframes targe3-note { - from { background: $note-targe3-outside; } - 50% { background: $note-targe3-inside; } - to { background: $note-targe3-outside; } -} - -ul.notes { - display: block; - list-style: none; - margin: 0; - padding: 0; - - .note-created-ago, - .note-updated-at { - white-space: nowrap; - } - - .discussion-body { - padding-top: 8px; - - .panel { - margin-bottom: 0; - } - } - - .discussion { - display: block; - position: relative; - - .diff-content { - overflow: visible; - } - } - - > li { // .timeline-entry - padding: 0; - display: block; - position: relative; - border-bottom: 0; - - @include notes-media('min', $screen-sm-min) { - padding-left: $note-icon-gutter-width; - } - - .timeline-entry-inner { - padding: $gl-padding $gl-btn-padding; - border-bottom: 1px solid $white-normal; - } - - &:target, - &.target { - border-bottom: 1px solid $white-normal; - - &:not(:first-child) { - border-top: 1px solid $white-normal; - margin-top: -1px; - } - - .timeline-entry-inner { - border-bottom: 0; - } - } - - .timeline-icon { - @include notes-media('min', $screen-sm-min) { - margin-left: -$note-icon-gutter-width; - } - } - - .timeline-content { - margin-left: $note-icon-gutter-width; - - @include notes-media('min', $screen-sm-min) { - margin-left: 0; - } - } - - &.being-posted { - pointer-events: none; - opacity: 0.5; - - .dummy-avatar { - background-color: $kdb-border; - border: 1px solid darken($kdb-border, 25%); - } - - .note-headline-light, - .fa-spinner { - margin-left: 3px; - } - } - - &.note-discussion { - .timeline-entry-inner { - padding: $gl-padding 10px; - } - } - - .editing-spinner { - display: none; - } - - &.is-requesting { - .note-timestamp { - display: none; - } - - .editing-spinner { - display: inline-block; - } - } - - &.is-editing { - .note-header, - .note-text, - .edited-text { - display: none; - } - - .note-edit-form { - display: block; - - &.current-note-edit-form + .note-awards { - display: none; - } - } - } - - .note-body { - overflow-x: auto; - overflow-y: hidden; - - .note-text { - @include md-typography; - // Reset ul style types since we're nested inside a ul already - @include bulleted-list; - word-wrap: break-word; - - ul.task-list { - ul:not(.task-list) { - padding-left: 1.3em; - } - } - - table { - @include markdown-table; - } - } - } - - .note-awards { - .js-awards-block { - margin-top: 16px; - } - } - - .note-header { - - @include notes-media('max', $screen-xs-min) { - .inline { - display: block; - } - } - } - - .note-emoji-button { - position: relative; - line-height: 1; - - .fa-spinner { - display: none; - } - - &.is-loading { - .fa-smile-o { - display: none; - } - - .fa-spinner { - display: inline-block; - } - } - } - } - - .system-note { - font-size: 14px; - clear: both; - - .note-header-info { - padding-bottom: 0; - } - - &.timeline-entry::after { - clear: none; - } - - .system-note-message { - display: inline; - - &::first-letter { - text-transform: lowercase; - } - - a { - color: $gl-link-color; - text-decoration: none; - } - - p { - display: inline; - margin: 0; - - &::first-letter { - text-transform: lowercase; - } - } - } - - .timeline-icon { - float: left; - - @include notes-media('min', $screen-sm-min) { - margin-left: 0; - width: auto; - } - - svg { - width: 16px; - height: 16px; - fill: $gray-darkest; - margin-top: 2px; - } - } - - .timeline-content { - @include notes-media('min', $screen-sm-min) { - margin-left: 30px; - } - } - - .note-header { - padding-bottom: 0; - } - - .note-body { - overflow: hidden; - - .system-note-commit-list-toggler { - color: $gl-link-color; - display: none; - padding: 10px 0 0; - cursor: pointer; - position: relative; - z-index: 2; - - &:hover { - color: $gl-link-color; - text-decoration: underline; - } - } - - .note-text { - p:first-child { - display: none; - } - - &.system-note-commit-list { - max-height: 70px; - overflow: hidden; - display: block; - - ul { - margin: 3px 0 3px 16px !important; - } - - p:first-child { - display: none; - } - - &::after { - content: ''; - width: 100%; - height: 70px; - position: absolute; - left: 0; - bottom: 0; - background: linear-gradient(rgba($white-light, 0.1) -100px, $white-light 100%); - } - - &.hide-shade { - max-height: 100%; - overflow: auto; - - &::after { - display: none; - background: transparent; - } - } - } - } - } - } -} - -// Diff code in discussion view -.discussion-body .diff-file { - .file-title { - cursor: default; - - &:hover { - background-color: $gray-light; - } - } - - .line_content { - white-space: pre-wrap; - } -} - -.diff-file .notes_holder { - font-family: $regular_font; - - td { - border: 1px solid $white-normal; - border-left: none; - - &.notes_line { - vertical-align: middle; - text-align: center; - padding: 10px 0; - background: $gray-light; - color: $text-color; - } - - &.notes_line2 { - text-align: center; - padding: 10px 0; - border-left: 1px solid $note-line2-border !important; - } - - &.notes_content { - background-color: $gray-light; - border-width: 1px 0; - padding: 0; - vertical-align: top; - white-space: normal; - - &.parallel { - border-width: 1px; - } - - .discussion-notes { - &:not(:first-child) { - border-top: 1px solid $white-normal; - margin-top: 20px; - } - - &:not(:last-child) { - border-bottom: 1px solid $white-normal; - margin-bottom: 20px; - } - } - - .notes { - background-color: $white-light; - } - - a code { - top: 0; - margin-right: 0; - } - } - } -} - -.discussion-header, -.note-header-info { - a { - color: inherit; - - &:hover { - color: $gl-link-color; - } - - &:focus, - &:hover { - text-decoration: none; - } - } - - .author_link { - color: $gl-text-color; - } -} - -.discussion-header { - font-size: 14px; -} - -.note-header { - display: flex; - justify-content: space-between; - - @include notes-media('max', $screen-xs-max) { - flex-flow: row wrap; - } -} - -.note-header-info { - min-width: 0; - padding-bottom: 8px; - - &.discussion { - padding-bottom: 0; - } -} - -.system-note .note-header-info { - padding-bottom: 0; -} - -.note-header-author-name { - @include notes-media('max', $screen-xs-max) { - display: none; - } -} - -.note-headline-light { - display: inline; - - @include notes-media('max', $screen-xs-min) { - display: block; - } -} - -.note-headline-light, -.discussion-headline-light { - color: $notes-light-color; -} - -.discussion-headline-light { - a { - color: $gl-link-color; - } -} - -.note-headline-meta { - display: inline-block; - white-space: nowrap; - - .system-note-message { - white-space: normal; - } -} - -/** - * Actions for Discussions/Notes - */ - -.discussion-actions { - float: right; - margin-left: 10px; - color: $gray-darkest; -} - -.note-actions { - @include new-style-dropdown; - - align-self: flex-start; - flex-shrink: 0; - display: inline-flex; - align-items: center; - // For PhantomJS that does not support flex - float: right; - margin-left: 10px; - color: $gray-darkest; - - @include notes-media('max', $screen-xs-max) { - float: none; - margin-left: 0; - } -} - -.more-actions { - float: right; // phantomjs fallback - display: flex; - align-items: flex-end; - - .tooltip { - white-space: nowrap; - } -} - -.more-actions-toggle { - &:hover .icon, - &:focus .icon { - color: $blue-600; - } -} - -.more-actions-dropdown { - width: 180px; - min-width: 180px; -} - -.discussion-actions { - @include notes-media('max', $screen-md-max) { - float: none; - margin-left: 0; - } -} - -.note-actions-item { - margin-left: 12px; - display: flex; - align-items: center; - - &.more-actions { - // compensate for narrow icon - margin-left: 10px; - } -} - -.note-action-button { - line-height: 1; - padding: 0; - min-width: 16px; - color: $gray-darkest; - fill: $gray-darkest; - - .fa { - position: relative; - font-size: 16px; - } - - svg { - height: 16px; - width: 16px; - top: 0; - vertical-align: text-top; - - path { - fill: currentColor; - } - } - - .award-control-icon-positive, - .award-control-icon-super-positive { - position: absolute; - top: 0; - left: 0; - opacity: 0; - } - - &:hover, - &.is-active { - .danger-highlight { - color: $gl-text-red; - } - - .link-highlight { - color: $gl-link-color; - fill: $gl-link-color; - - svg { - fill: $gl-link-color; - } - } - - .award-control-icon-neutral { - opacity: 0; - } - - .award-control-icon-positive { - opacity: 1; - } - } - - &.is-active { - .award-control-icon-positive { - opacity: 0; - } - - .award-control-icon-super-positive { - opacity: 1; - } - } -} - -.discussion-toggle-button { - padding: 0; - background-color: transparent; - border: 0; - line-height: 20px; - font-size: 13px; - transition: color 0.1s linear; - - &:hover { - color: $gl-link-color; - } - - &:focus { - text-decoration: underline; - outline: none; - color: $gl-link-color; - } - - .fa { - margin-right: 3px; - font-size: 10px; - line-height: 18px; - vertical-align: top; - } -} - -.note-role { - position: relative; - display: inline-block; - color: $notes-role-color; - font-size: 12px; - line-height: 20px; - margin: 0 3px; - - &.note-role-access { - padding: 0 7px; - border: 1px solid $border-color; - border-radius: $label-border-radius; - } - - &.note-role-special { - text-shadow: 0 0 15px $gl-text-color-inverted; - } -} - - - -/** - * Line note button on the side of diffs - */ - -.line_holder .is-over:not(.no-comment-btn) { - .add-diff-note { - opacity: 1; - } -} - -.add-diff-note { - @include btn-comment-icon; - opacity: 0; - margin-top: -2px; - margin-left: -55px; - position: absolute; - z-index: 10; -} - -.discussion-body, -.diff-file { - .notes .note { - border-bottom: 1px solid $white-normal; - - .timeline-entry-inner { - padding-left: $gl-padding; - padding-right: $gl-padding; - border-bottom: none; - } - } -} - -.diff-file { - .is-over { - .add-diff-note { - display: inline-block; - } - } -} - -.disabled-comment { - background-color: $gray-light; - border-radius: $border-radius-base; - border: 1px solid $border-gray-normal; - color: $note-disabled-comment-color; - padding: 90px 0; - - &.discussion-locked { - border: none; - background-color: $white-light; - } - - - a { - color: $gl-link-color; - } -} - -.line-resolve-all-container { - @include notes-media('min', $screen-sm-min) { - margin-right: 0; - padding-left: $gl-padding; - } - - > div { - white-space: nowrap; - } - - .btn-group { - margin-left: -4px; - } - - .discussion-next-btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .btn { - svg path { - fill: $gray-darkest; - } - } - - .btn.discussion-create-issue-btn { - margin-left: -4px; - border-radius: 0; - border-right: 0; - - a { - padding: 0; - line-height: 0; - - &:hover { - text-decoration: none; - border: 0; - } - } - } -} - -.line-resolve-all { - vertical-align: middle; - display: inline-block; - padding: 5px 10px 6px; - background-color: $gray-light; - border: 1px solid $border-color; - border-radius: $border-radius-default; - - &.has-next-btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right: 0; - } - - .line-resolve-btn { - margin-right: 5px; - - svg { - vertical-align: middle; - } - } -} - -.line-resolve-btn { - position: relative; - top: 0; - padding: 0; - background-color: transparent; - border: none; - outline: 0; - color: $gray-darkest; - transition: color $general-hover-transition-duration $general-hover-transition-curve; - - &.is-disabled { - cursor: default; - } - - &:not(.is-disabled) { - &:hover, - &:focus { - color: $gl-text-green; - } - } - - &.is-active { - color: $gl-text-green; - - &:hover, - &:focus { - color: $gl-text-green-hover; - } - } - - svg { - fill: currentColor; - height: 16px; - width: 16px; - } - - .loading { - margin: 0; - height: auto; - } -} - -.line-resolve-text { - vertical-align: middle; -} - -// Merge request notes in diffs -.diff-file { - // Diff is inline - .notes_content .note-header .note-headline-light { - display: inline-block; - position: relative; - } -} diff --git a/app/assets/stylesheets/pages/notifications.scss b/app/assets/stylesheets/pages/notifications.scss deleted file mode 100644 index c28b1e68008..00000000000 --- a/app/assets/stylesheets/pages/notifications.scss +++ /dev/null @@ -1,20 +0,0 @@ -.notification-list-item { - line-height: 34px; - - .dropdown-menu { - @extend .dropdown-menu-align-right; - } -} - -.notification { - position: relative; - top: 1px; - - .fa { - font-size: 18px; - } -} - -.notification-form { - @include new-style-dropdown; -} diff --git a/app/assets/stylesheets/pages/pipeline_schedules.scss b/app/assets/stylesheets/pages/pipeline_schedules.scss deleted file mode 100644 index 7e2297c283f..00000000000 --- a/app/assets/stylesheets/pages/pipeline_schedules.scss +++ /dev/null @@ -1,157 +0,0 @@ -.js-pipeline-schedule-form { - .dropdown-select, - .dropdown-menu-toggle { - width: 100% !important; - } - - .gl-field-error { - margin: 10px 0 0; - } -} - -.interval-pattern-form-group { - label { - margin-right: 10px; - font-weight: $gl-font-weight-normal; - - &[for='custom'] { - margin-right: 0; - } - } - - .cron-interval-input-wrapper { - padding-left: 0; - } - - .cron-interval-input { - margin: 10px 10px 0 0; - } - - .cron-syntax-link-wrap { - margin-right: 10px; - font-size: 12px; - } -} - -.pipeline-schedule-table-row { - .branch-name-cell { - max-width: 300px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .next-run-cell { - color: $gl-text-color-secondary; - } - - a { - color: $text-color; - } -} - -.pipeline-schedules-user-callout { - .bordered-box.content-block { - border: 1px solid $border-color; - background-color: transparent; - padding: 16px; - } - - #dismiss-callout-btn { - color: $gl-text-color; - } -} - -.cron-preset-radio-input { - display: inline-block; - - @media (max-width: $screen-md-max) { - display: block; - margin: 0 0 5px 5px; - } - - input { - margin-right: 3px; - } -} - -.pipeline-variable-list { - margin-left: 0; - margin-bottom: 0; - padding-left: 0; - list-style: none; - clear: both; -} - -.pipeline-variable-row { - display: flex; - align-items: flex-end; - - &:not(:last-child) { - margin-bottom: $gl-btn-padding; - } - - @media (max-width: $screen-sm-max) { - padding-right: $gl-col-padding; - } - - &:last-child { - .pipeline-variable-row-remove-button { - display: none; - } - - @media (max-width: $screen-sm-max) { - .pipeline-variable-value-input { - margin-right: $pipeline-variable-remove-button-width; - } - } - - @media (max-width: $screen-xs-max) { - .pipeline-variable-row-body { - margin-right: $pipeline-variable-remove-button-width; - } - } - } -} - -.pipeline-variable-row-body { - display: flex; - width: calc(75% - #{$gl-col-padding}); - padding-left: $gl-col-padding; - - @media (max-width: $screen-sm-max) { - width: 100%; - } - - @media (max-width: $screen-xs-max) { - display: block; - } -} - -.pipeline-variable-key-input { - margin-right: $gl-btn-padding; - - @media (max-width: $screen-xs-max) { - margin-bottom: $gl-btn-padding; - } -} - -.pipeline-variable-row-remove-button { - @include transition(color); - flex-shrink: 0; - display: flex; - justify-content: center; - align-items: center; - width: $pipeline-variable-remove-button-width; - height: $input-height; - padding: 0; - background: transparent; - border: 0; - color: $gl-text-color-secondary; - - &:hover, - &:focus { - outline: none; - color: $gl-text-color; - } -} diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss deleted file mode 100644 index 8fc7a5eec9b..00000000000 --- a/app/assets/stylesheets/pages/pipelines.scss +++ /dev/null @@ -1,950 +0,0 @@ -.pipelines { - .stage { - max-width: 90px; - width: 90px; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .table-holder { - width: 100%; - } - - .commit-title { - margin: 0; - } - - .ci-table { - - .label { - margin-bottom: 3px; - } - - .pipeline-id { - color: $black; - } - - .pipelines-time-ago { - text-align: right; - } - - .pipeline-actions { - padding-right: 0; - min-width: 170px; //Guarantees buttons don't break in several lines. - - .btn-default { - color: $gl-text-color-secondary; - } - - .btn.btn-retry:hover, - .btn.btn-retry:focus { - border-color: $dropdown-toggle-active-border-color; - background-color: $white-normal; - } - - svg path { - fill: $gl-text-color-secondary; - } - - .dropdown-menu { - max-height: 250px; - overflow-y: auto; - } - - .dropdown-toggle, - .dropdown-menu { - color: $gl-text-color-secondary; - - .fa { - color: $gl-text-color-secondary; - font-size: 14px; - } - } - - .btn-group { - &.open { - .btn-default { - background-color: $white-normal; - border-color: $border-white-normal; - } - } - - .btn { - .icon-play { - height: 13px; - width: 12px; - } - } - } - - .btn .text-center { - display: inline; - } - - .tooltip { - white-space: nowrap; - } - } - } -} - -@media (max-width: $screen-md-max) { - .content-list { - &.builds-content-list { - width: 100%; - overflow: auto; - } - } -} - -.ci-table { - .build.retried { - background-color: $gray-lightest; - } - - .commit-link { - a { - &:focus { - text-decoration: none; - } - } - - a:hover { - text-decoration: none; - } - } - - .avatar { - margin-left: 0; - float: none; - } - - .api { - @extend .monospace; - } - - .branch-commit { - - .ref-name { - font-weight: $gl-font-weight-bold; - max-width: 120px; - overflow: hidden; - display: inline-block; - white-space: nowrap; - vertical-align: middle; - text-overflow: ellipsis; - } - - svg { - height: 14px; - width: 14px; - vertical-align: middle; - fill: $gl-text-color-secondary; - } - - .fa { - font-size: 12px; - color: $gl-text-color; - } - - .commit-sha { - color: $gl-link-color; - } - - .label { - margin-right: 4px; - } - - .label-container { - font-size: 0; - - .label { - margin-top: 5px; - } - } - } - - .icon-container { - display: inline-block; - width: 10px; - - &.commit-icon { - width: 15px; - text-align: center; - } - } - - .duration, - .finished-at { - color: $gl-text-color-secondary; - margin: 0; - white-space: nowrap; - - .fa { - font-size: 12px; - margin-right: 4px; - } - - svg { - width: 12px; - height: 12px; - vertical-align: middle; - margin-right: 4px; - } - } - - .build-link a { - color: $gl-text-color; - } - - .btn-group.open .dropdown-toggle { - box-shadow: none; - } - - .pipeline-tags .label-container { - white-space: normal; - } -} - -.stage-cell { - &.table-section { - @media (min-width: $screen-md-min) { - min-width: 148px; - margin-right: -4px; - } - } - - .mini-pipeline-graph-dropdown-toggle svg { - height: $ci-action-icon-size; - width: $ci-action-icon-size; - position: absolute; - top: -1px; - left: -1px; - z-index: 2; - overflow: visible; - } - - .stage-container { - display: inline-block; - position: relative; - vertical-align: middle; - height: $ci-action-icon-size; - margin: 3px 0; - - + .stage-container { - margin-left: 6px; - } - - // Hack to show a button tooltip inline - button.has-tooltip + .tooltip { - min-width: 105px; - } - - // Bootstrap way of showing the content inline for anchors. - a.has-tooltip { - white-space: nowrap; - } - - &:not(:last-child) { - &::after { - content: ''; - width: 7px; - position: absolute; - right: -7px; - top: 10px; - border-bottom: 2px solid $border-color; - } - } - } -} - -.admin-builds-table { - .ci-table td:last-child { - min-width: 120px; - } -} - -// Pipeline visualization -.pipeline-actions { - @include new-style-dropdown; - - border-bottom: none; -} - -.tab-pane { - &.builds .ci-table tr { - height: 71px; - } -} - -.build-failures { - .build-state { - padding: 20px 2px; - - .build-name { - float: right; - font-weight: $gl-font-weight-normal; - } - - .ci-status-icon-failed svg { - vertical-align: middle; - } - - .stage { - color: $gl-text-color-secondary; - font-weight: $gl-font-weight-normal; - vertical-align: middle; - } - } - - .build-log { - border: none; - line-height: initial; - } -} - -// Pipeline graph -.pipeline-graph { - width: 100%; - background-color: $gray-light; - padding: $gl-padding; - white-space: nowrap; - transition: max-height 0.3s, padding 0.3s; - overflow: auto; - - .stage-column-list, - .builds-container > ul { - padding: 0; - } - - a { - text-decoration: none; - color: $gl-text-color; - } - - svg { - vertical-align: middle; - margin-right: 3px; - } - - .stage-column { - display: inline-block; - vertical-align: top; - - &:not(:last-child) { - margin-right: 44px; - } - - &.left-margin { - &:not(:first-child) { - margin-left: 44px; - - .left-connector { - &::before { - content: ''; - position: absolute; - top: 48%; - left: -44px; - border-top: 2px solid $border-color; - width: 44px; - height: 1px; - } - } - } - } - - &.no-margin { - margin: 0; - } - - li { - list-style: none; - } - - &:last-child { - .build { - // Remove right connecting horizontal line from first build in last stage - &:first-child { - &::after { - border: none; - } - } - // Remove right curved connectors from all builds in last stage - &:not(:first-child) { - &::after { - border: none; - } - } - // Remove opposite curve - .curve { - &::before { - display: none; - } - } - } - } - - &:first-child { - .build { - // Remove left curved connectors from all builds in first stage - &:not(:first-child) { - &::before { - border: none; - } - } - // Remove opposite curve - .curve { - &::after { - display: none; - } - } - } - } - - // Curve first child connecting lines in opposite direction - .curve { - display: none; - - &::before, - &::after { - content: ''; - width: 21px; - height: 25px; - position: absolute; - top: -31px; - border-top: 2px solid $border-color; - } - - &::after { - left: -44px; - border-right: 2px solid $border-color; - border-radius: 0 20px; - } - - &::before { - right: -44px; - border-left: 2px solid $border-color; - border-radius: 20px 0 0; - } - } - } - - .stage-name { - margin: 0 0 15px 10px; - font-weight: $gl-font-weight-bold; - width: 176px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .build { - position: relative; - width: 186px; - margin-bottom: 10px; - white-space: normal; - - // ensure .build-content has hover style when action-icon is hovered - .ci-job-dropdown-container:hover .build-content { - @extend .build-content:hover; - } - - // Action Icons in big pipeline-graph nodes - .ci-action-icon-container .ci-action-icon-wrapper { - height: 30px; - width: 30px; - background: $white-light; - border: 1px solid $border-color; - border-radius: 100%; - display: block; - - &:hover { - background-color: $stage-hover-bg; - border: 1px solid $dropdown-toggle-active-border-color; - } - - svg { - fill: $gl-text-color-secondary; - position: relative; - left: -1px; - top: -1px; - } - - &:hover svg { - fill: $gl-text-color; - } - } - - .ci-action-icon-container { - position: absolute; - right: 5px; - top: 5px; - } - - .ci-status-icon svg { - height: 20px; - width: 20px; - } - - .dropdown-menu-toggle { - background-color: transparent; - border: none; - padding: 0; - - &:focus { - outline: none; - } - } - - .build-content { - display: inline-block; - padding: 8px 10px 9px; - width: 100%; - border: 1px solid $border-color; - border-radius: 30px; - background-color: $white-light; - } - - a.build-content:hover, - button.build-content:hover { - background-color: $stage-hover-bg; - border: 1px solid $dropdown-toggle-active-border-color; - } - - - // Connect first build in each stage with right horizontal line - &:first-child { - &::after { - content: ''; - position: absolute; - top: 48%; - right: -48px; - border-top: 2px solid $border-color; - width: 48px; - height: 1px; - } - } - - // Connect each build (except for first) with curved lines - &:not(:first-child) { - &::after, - &::before { - content: ''; - top: -49px; - position: absolute; - border-bottom: 2px solid $border-color; - width: 25px; - height: 69px; - } - - // Right connecting curves - &::after { - right: -25px; - border-right: 2px solid $border-color; - border-radius: 0 0 20px; - } - - // Left connecting curves - &::before { - left: -25px; - border-left: 2px solid $border-color; - border-radius: 0 0 0 20px; - } - } - - // Connect second build to first build with smaller curved line - &:nth-child(2) { - &::after, - &::before { - height: 29px; - top: -9px; - } - - .curve { - display: block; - } - } - } -} - -// Triggers the dropdown in the big pipeline graph -.dropdown-counter-badge { - font-weight: 100; - font-size: 15px; - position: absolute; - right: 13px; - top: 8px; -} - -.ci-status-text { - max-width: 110px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: bottom; - display: inline-block; - position: relative; - font-weight: $gl-font-weight-normal; -} - -@mixin mini-pipeline-graph-color($color-light, $color-main, $color-dark) { - border-color: $color-main; - color: $color-main; - - &:hover, - &:focus, - &:active { - background-color: $color-light; - border-color: $color-dark; - color: $color-dark; - - svg { - fill: $color-dark; - } - } -} - -// Dropdown button in mini pipeline graph -button.mini-pipeline-graph-dropdown-toggle { - border-radius: 100px; - background-color: $white-light; - border-width: 1px; - border-style: solid; - width: $ci-action-icon-size; - height: $ci-action-icon-size; - margin: 0; - padding: 0; - transition: all 0.2s linear; - position: relative; - vertical-align: middle; - - > .fa.fa-caret-down { - position: absolute; - left: 20px; - top: 5px; - display: inline-block; - visibility: hidden; - opacity: 0; - color: inherit; - font-size: 12px; - transition: visibility 0.1s, opacity 0.1s linear; - } - - &:active, - &:focus, - &:hover { - outline: none; - width: 35px; - - .fa.fa-caret-down { - visibility: visible; - opacity: 1; - } - } - - // Dropdown button animation in mini pipeline graph - &.ci-status-icon-success { - @include mini-pipeline-graph-color($green-100, $green-500, $green-600); - } - - &.ci-status-icon-failed { - @include mini-pipeline-graph-color($red-100, $red-500, $red-600); - } - - &.ci-status-icon-pending, - &.ci-status-icon-success_with_warnings { - @include mini-pipeline-graph-color($orange-100, $orange-500, $orange-600); - } - - &.ci-status-icon-running { - @include mini-pipeline-graph-color($blue-100, $blue-400, $blue-600); - } - - &.ci-status-icon-canceled, - &.ci-status-icon-disabled, - &.ci-status-icon-not-found, - &.ci-status-icon-manual { - @include mini-pipeline-graph-color(rgba($gl-text-color, 0.1), $gl-text-color, $gl-text-color); - } - - &.ci-status-icon-created, - &.ci-status-icon-skipped { - @include mini-pipeline-graph-color(rgba($gray-darkest, 0.1), $gray-darkest, $gray-darkest); - } -} - -@include new-style-dropdown('.big-pipeline-graph-dropdown-menu'); -@include new-style-dropdown('.mini-pipeline-graph-dropdown-menu'); - -// dropdown content for big and mini pipeline -.big-pipeline-graph-dropdown-menu, -.mini-pipeline-graph-dropdown-menu { - width: 195px; - max-width: 195px; - - .scrollable-menu { - padding: 0; - max-height: 245px; - overflow: auto; - } - - li { - position: relative; - - // ensure .mini-pipeline-graph-dropdown-item has hover style when action-icon is hovered - &:hover > .mini-pipeline-graph-dropdown-item, - &:hover > .ci-job-component > .mini-pipeline-graph-dropdown-item { - @extend .mini-pipeline-graph-dropdown-item:hover; - } - - // Action icon on the right - a.ci-action-icon-wrapper { - border-radius: 50%; - border: 1px solid $border-color; - width: $ci-action-icon-size; - height: $ci-action-icon-size; - padding: 2px 0 0 5px; - font-size: 12px; - background-color: $white-light; - position: absolute; - top: 50%; - right: $gl-padding; - margin-top: -#{$ci-action-icon-size / 2}; - - &:hover, - &:focus { - background-color: $stage-hover-bg; - border: 1px solid $dropdown-toggle-active-border-color; - } - - svg { - fill: $gl-text-color-secondary; - width: $ci-action-icon-size; - height: $ci-action-icon-size; - left: -6px; - position: relative; - top: -3px; - } - - &:hover svg, - &:focus svg { - fill: $gl-text-color; - } - } - - // link to the build - .mini-pipeline-graph-dropdown-item { - padding: 3px 7px 4px; - align-items: center; - clear: both; - display: flex; - font-weight: normal; - line-height: $line-height-base; - white-space: nowrap; - border-radius: 3px; - - .ci-job-name-component { - align-items: center; - display: flex; - flex: 1; - } - - // build name - .ci-build-text, - .ci-status-text { - font-weight: 200; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - max-width: 70%; - margin-left: 2px; - display: inline-block; - - @media (max-width: $screen-xs-max) { - max-width: 60%; - } - } - - .ci-status-icon { - @extend .append-right-8; - - position: relative; - - > svg { - width: $pipeline-dropdown-status-icon-size; - height: $pipeline-dropdown-status-icon-size; - margin: 3px 0; - position: relative; - overflow: visible; - display: block; - } - } - - &:hover, - &:focus { - outline: none; - text-decoration: none; - background-color: $stage-hover-bg; - } - } - } -} - -// Dropdown in the big pipeline graph -.big-pipeline-graph-dropdown-menu { - width: 195px; - min-width: 195px; - left: 100%; - top: -10px; - box-shadow: 0 1px 5px $black-transparent; -} - -/** - * Top arrow in the dropdown in the big pipeline graph - */ -.big-pipeline-graph-dropdown-menu { - - &::before, - &::after { - content: ''; - display: inline-block; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: 18px; - } - - &::before { - left: -6px; - margin-top: 3px; - border-width: 7px 5px 7px 0; - border-right-color: $border-color; - } - - &::after { - left: -5px; - border-width: 10px 7px 10px 0; - border-right-color: $white-light; - } -} - -/** - * Top arrow in the dropdown in the mini pipeline graph - */ -.mini-pipeline-graph-dropdown-menu { - z-index: 200; - - &::before, - &::after { - content: ''; - display: inline-block; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: -6px; - left: 50%; - transform: translate(-50%, 0); - border-width: 0 5px 6px; - - @media (max-width: $screen-sm-max) { - left: 100%; - margin-left: -12px; - } - } - - &::before { - border-width: 0 5px 5px; - border-bottom-color: $border-color; - } - - &::after { - margin-top: 1px; - border-bottom-color: $white-light; - } -} - -/** - * Center dropdown menu in mini graph - */ -.mini-pipeline-graph-dropdown-menu.dropdown-menu { - transform: translate(-80%, 0); - min-width: 150px; - - @media(min-width: $screen-md-min) { - transform: translate(-50%, 0); - right: auto; - left: 50%; - min-width: 240px; - } -} -/** - * Terminal - */ -.terminal-icon { - margin-left: 3px; -} - -.terminal-container { - .content-block { - border-bottom: none; - } - - #terminal { - margin-top: 10px; - min-height: 450px; - box-sizing: border-box; - - > div { - min-height: 450px; - } - } -} - -/** - * Play button with icon in dropdowns - */ -.ci-table .no-btn { - border: none; - background: none; - outline: none; - width: 100%; - text-align: left; - - .icon-play { - position: relative; - top: 2px; - margin-right: 5px; - height: 13px; - width: 12px; - } -} - -.ci-header-container { - min-height: 55px; - - .text-center { - padding-top: 12px; - } - - .header-action-buttons { - .btn, - a { - margin-left: 10px; - } - } -} - -.pipelines-container .top-area .nav-controls > .btn:last-child { - float: none; -} - -.autodevops-title { - font-weight: $gl-font-weight-normal; - line-height: 1.5; -} diff --git a/app/assets/stylesheets/pages/profile.scss b/app/assets/stylesheets/pages/profile.scss deleted file mode 100644 index eab39f698c3..00000000000 --- a/app/assets/stylesheets/pages/profile.scss +++ /dev/null @@ -1,425 +0,0 @@ -.profile-avatar-form-option { - hr { - margin: 10px 0; - } -} - -.avatar-image { - @media (min-width: $screen-sm-min) { - float: left; - margin-bottom: 0; - } -} - -.avatar-file-name { - position: relative; - top: 2px; - display: inline-block; -} - -.account-btn-link, -.profile-settings-sidebar a, -.settings-sidebar a { - color: $md-link-color; -} - -.private-tokens-reset div.reset-action:not(:first-child) { - padding-top: 15px; -} - -.oauth-buttons { - .btn-group { - margin-right: 10px; - } - - .btn { - line-height: 40px; - height: 42px; - padding: 0 12px; - - img { - width: 32px; - height: 32px; - } - } -} - -// Profile > Account > Two Factor Authentication -.two-factor-new { - .manual-instructions { - h3 { - margin-top: 0; - } - - // Slightly increase the size of the details so they're easier to read - dl { - font-size: 1.1em; - } - } -} - -.account-well { - padding: 10px; - background-color: $gray-light; - border: 1px solid $border-color; - border-radius: $border-radius-base; - - ul { - padding-left: 20px; - margin-bottom: 0; - } -} - -.profile-link-holder { - display: inline; - - a { - text-decoration: none; - } -} - -// Middle dot divider between each element in a list of items. -.middle-dot-divider { - &::after { - content: "\00B7"; // Middle Dot - padding: 0 6px; - font-weight: $gl-font-weight-bold; - } - - &:last-child { - &::after { - content: ""; - padding: 0; - } - } -} - -.profile-user-bio { - // Limits the width of the user bio for readability. - max-width: 600px; - margin: 10px auto; - padding: 0 16px; -} - -.user-avatar-button { - .file-name { - display: inline-block; - padding-left: 10px; - } -} - -.subkeys-list { - @include basic-list; - - li { - padding: 3px 0; - border: none; - } -} - -.key-list-item { - .key-list-item-info { - @media (min-width: $screen-sm-min) { - float: left; - } - } - - .description { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } -} - -.key-created-at { - line-height: 42px; -} - -.profile-settings-content { - a { - color: $md-link-color; - } -} - -.provider-btn-group { - display: inline-block; - margin-right: 10px; - border: 1px solid $border-color; - border-radius: 3px; - - &:last-child { - margin-right: 0; - } -} - -.provider-btn-image { - display: inline-block; - padding: 5px 10px; - border-right: 1px solid $border-color; - - > img { - width: 20px; - } -} - -.provider-btn { - display: inline-block; - padding: 5px 10px; - margin-left: -3px; - line-height: 22px; - background-color: $gray-light; - - &.not-active { - color: $provider-btn-not-active-color; - } -} - -.oauth-applications { - form { - display: inline-block; - } - - .last-heading { - width: 105px; - } -} - -.modal-profile-crop { - .modal-dialog { - width: 380px; - - @media (max-width: $screen-xs-max) { - width: auto; - } - - } - - .profile-crop-image-container { - height: 300px; - margin: 0 auto; - } - - .crop-controls { - padding: 10px 0 0; - text-align: center; - } -} - -.personal-access-tokens-never-expires-label { - color: $note-disabled-comment-color; -} - -.created-personal-access-token-container { - #created-personal-access-token { - width: 90%; - display: inline; - } - - .btn-clipboard { - margin-left: 5px; - } -} - - -.user-profile { - .cover-controls a { - margin-left: 5px; - } - - .profile-header { - margin: 0 auto; - - .avatar-holder { - width: 90px; - margin: 0 auto 10px; - } - } - - .user-profile-nav { - font-size: 0; - } - - .fade-right { - right: 0; - } - - .fade-left { - left: 0; - } - - @media (max-width: $screen-xs-max) { - .cover-block { - padding-top: 20px; - } - - .cover-controls { - position: static; - padding: 0 16px; - margin-bottom: 20px; - display: -webkit-flex; - display: flex; - - .btn { - -webkit-flex-grow: 1; - flex-grow: 1; - - &:first-child { - margin-left: 0; - } - } - } - - .user-profile-nav { - a { - margin-right: 0; - } - } - } -} - -table.u2f-registrations { - th:not(:last-child), - td:not(:last-child) { - border-right: solid 1px transparent; - } -} - -.oauth-application-show { - .scope-name { - font-weight: $gl-font-weight-bold; - } - - .scopes-list { - padding-left: 18px; - } -} - -.user-callout { - margin: 20px -5px 0; - - .bordered-box { - border: 1px solid $blue-300; - border-radius: $border-radius-default; - background-color: $blue-50; - position: relative; - display: flex; - justify-content: center; - align-items: center; - } - - .landing { - padding: 32px; - - .close { - position: absolute; - top: 20px; - right: 20px; - opacity: 1; - - .dismiss-icon { - float: right; - cursor: pointer; - color: $blue-300; - } - - &:hover { - background-color: transparent; - border: 0; - - .dismiss-icon { - color: $blue-400; - } - } - } - - .svg-container { - margin-right: 30px; - display: inline-block; - - svg { - height: 110px; - vertical-align: top; - } - - &.convdev { - margin: 0 0 0 30px; - - svg { - height: 127px; - } - } - } - - .user-callout-copy { - display: inline-block; - vertical-align: top; - max-width: 570px; - } - } - - @media(max-width: $screen-xs-max) { - text-align: center; - - .bordered-box { - display: block; - } - - .landing { - .svg-container, - .user-callout-copy { - margin: 0 auto; - display: block; - - svg { - height: 75px; - } - - &.convdev { - margin: $gl-padding auto 0; - - svg { - height: 120px; - } - } - } - } - } -} - -.nav-wip { - border: 1px solid $blue-500; - background: $blue-50; - padding: $gl-padding; - margin-bottom: $gl-padding; - - a { - color: $blue-500; - } - - p:last-child { - margin-bottom: 0; - } -} - -.email-badge { - display: inline; - margin-right: $gl-padding / 2; - - .email-badge-email { - display: inline; - margin-right: $gl-padding / 4; - } - - .label-verification-status { - border-width: 1px; - border-style: solid; - - &.verified { - @include green-status-color; - } - - &.unverified { - @include status-color($gray-dark, $gray, $common-gray-dark); - } - } -} diff --git a/app/assets/stylesheets/pages/profiles/preferences.scss b/app/assets/stylesheets/pages/profiles/preferences.scss deleted file mode 100644 index c197494b152..00000000000 --- a/app/assets/stylesheets/pages/profiles/preferences.scss +++ /dev/null @@ -1,81 +0,0 @@ -@mixin application-theme-preview($color-1, $color-2, $color-3, $color-4) { - .one { - background-color: $color-1; - border-top-left-radius: $border-radius-default; - } - - .two { - background-color: $color-2; - border-top-right-radius: $border-radius-default; - } - - .three { - background-color: $color-3; - border-bottom-left-radius: $border-radius-default; - } - - .four { - background-color: $color-4; - border-bottom-right-radius: $border-radius-default; - } -} - -.application-theme { - label { - margin-right: 20px; - text-align: center; - } - - .preview { - font-size: 0; - margin-bottom: 10px; - - &.indigo { - @include application-theme-preview($indigo-900, $indigo-700, $indigo-800, $indigo-500); - } - - &.dark { - @include application-theme-preview($theme-gray-900, $theme-gray-700, $theme-gray-800, $theme-gray-600); - } - - &.light { - @include application-theme-preview($theme-gray-600, $theme-gray-200, $theme-gray-400, $theme-gray-100); - } - - &.blue { - @include application-theme-preview($theme-blue-900, $theme-blue-700, $theme-blue-800, $theme-blue-500); - } - - &.green { - @include application-theme-preview($theme-green-900, $theme-green-700, $theme-green-800, $theme-green-500); - } - } - - .preview-row { - display: block; - } - - .quadrant { - display: inline-block; - height: 50px; - width: 80px; - } -} - -.syntax-theme { - label { - margin-right: 20px; - text-align: center; - - .preview { - margin-bottom: 10px; - width: 160px; - - img { - border-radius: 4px; - - max-width: 100%; - } - } - } -} diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss deleted file mode 100644 index bd385db9692..00000000000 --- a/app/assets/stylesheets/pages/projects.scss +++ /dev/null @@ -1,1216 +0,0 @@ -.alert_holder { - margin: -16px; - - .alert-link { - font-weight: $gl-font-weight-normal; - } -} - -.new_project, -.edit-project, -.import-project { - - .help-block { - margin-bottom: 10px; - } - - .project-path .form-control { - border-radius: $border-radius-base; - } - - .input-group > div { - - &:last-child { - padding-right: 0; - } - } - - @media (max-width: $screen-xs-max) { - .input-group > div { - - margin-bottom: 14px; - - &:last-child { - margin-bottom: 0; - } - } - - fieldset > .form-group:first-child { - padding-right: 0; - } - } - - .input-group-addon { - - &.static-namespace { - height: 35px; - border-radius: 3px; - border: 1px solid $border-color; - } - - + .select2 a, - + .btn-default { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - } -} - -.toggle-wrapper { - margin-top: 5px; -} - -.project-feature-row > .toggle-wrapper { - margin: 10px 0; -} - -.project-visibility-setting, -.project-feature-settings { - border: 1px solid $border-color; - padding: 10px 32px; - - @media (max-width: $screen-xs-min) { - padding: 10px 20px; - } -} - -.project-visibility-setting .request-access { - line-height: 2; -} - -.project-feature-settings { - background: $gray-lighter; - border-top: none; - margin-bottom: 16px; -} - -.project-repo-select { - transition: background 2s ease-out; - - &:disabled { - opacity: 0.75; - } - - .highlight-changes & { - background: $highlight-changes-color; - transition: none; - } -} - -.project-feature-controls { - display: flex; - align-items: center; - margin: 8px 0; - max-width: 432px; - - .toggle-wrapper { - flex: 0; - margin-right: 10px; - } - - .select-wrapper { - flex: 1; - } -} - -.project-feature-setting-group { - padding-left: 32px; - - .project-feature-controls { - max-width: 400px; - } - - @media (max-width: $screen-xs-min) { - padding-left: 20px; - } -} - -.project-feature-toggle { - position: relative; - border: none; - outline: 0; - display: block; - width: 100px; - height: 24px; - cursor: pointer; - user-select: none; - background: $feature-toggle-color-disabled; - border-radius: 12px; - padding: 3px; - transition: all .4s ease; - - &::selection, - &::before::selection, - &::after::selection { - background: none; - } - - &::before { - color: $feature-toggle-text-color; - font-size: 12px; - line-height: 24px; - position: absolute; - top: 0; - left: 25px; - right: 5px; - text-align: center; - overflow: hidden; - text-overflow: ellipsis; - animation: animate-disabled .2s ease-in; - content: attr(data-disabled-text); - } - - &::after { - position: relative; - display: block; - content: ""; - width: 22px; - height: 18px; - left: 0; - border-radius: 9px; - background: $feature-toggle-color; - transition: all .2s ease; - } - - &.checked { - background: $feature-toggle-color-enabled; - - &::before { - left: 5px; - right: 25px; - animation: animate-enabled .2s ease-in; - content: attr(data-enabled-text); - } - - &::after { - left: calc(100% - 22px); - } - } - - &.disabled { - opacity: 0.4; - cursor: not-allowed; - } - - @media (max-width: $screen-xs-min) { - width: 50px; - - &::before, - &.checked::before { - display: none; - } - } - - @keyframes animate-enabled { - 0%, 35% { opacity: 0; } - 100% { opacity: 1; } - } - - @keyframes animate-disabled { - 0%, 35% { opacity: 0; } - 100% { opacity: 1; } - } -} - -.project-home-panel, -.group-home-panel { - padding-top: 24px; - padding-bottom: 24px; - - @media (min-width: $screen-sm-min) { - border-bottom: 1px solid $border-color; - } - - .project-avatar, - .group-avatar { - float: none; - margin: 0 auto; - - &.identicon { - border-radius: 50%; - } - } - - .project-title, - .group-title { - margin-top: 10px; - margin-bottom: 10px; - font-size: 24px; - font-weight: $gl-font-weight-normal; - line-height: 1; - word-wrap: break-word; - - .fa { - margin-left: 2px; - font-size: 12px; - vertical-align: middle; - } - } - - .project-home-desc, - .group-home-desc { - margin-left: auto; - margin-right: auto; - margin-bottom: 0; - max-width: 700px; - - > p { - margin-bottom: 0; - } - } - - .notifications-btn { - .fa-bell, - .fa-spinner { - margin-right: 6px; - } - - .fa-angle-down { - margin-left: 6px; - } - } -} - -.nav > .project-repo-buttons { - margin-top: 0; -} - -.project-repo-buttons, -.group-buttons { - .btn { - @include btn-gray; - padding: 3px 10px; - - &:last-child { - margin-left: 0; - } - - .fa { - color: $layout-link-gray; - } - - svg { - - path { - fill: $layout-link-gray; - } - - use { - stroke: $layout-link-gray; - } - } - - .fa-caret-down { - margin-left: 3px; - } - } - - .project-action-button { - margin: 15px 5px 0; - vertical-align: top; - } - - .notification-dropdown .dropdown-menu { - @extend .dropdown-menu-align-right; - } - - .download-button { - @media (max-width: $screen-md-max) { - margin-left: 0; - } - } - - .count-buttons { - display: inline-block; - vertical-align: top; - margin-top: 15px; - } - - .project-clone-holder { - display: inline-block; - margin: 15px 5px 0 0; - - input { - height: 28px; - } - } - - .count-with-arrow { - display: inline-block; - position: relative; - margin-left: 4px; - - .arrow { - &::before { - content: ''; - display: inline-block; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: 50%; - left: 0; - margin-top: -6px; - border-width: 7px 5px 7px 0; - border-right-color: $count-arrow-border; - pointer-events: none; - } - - &::after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - top: 50%; - left: 1px; - margin-top: -9px; - border-width: 10px 7px 10px 0; - border-right-color: $white-light; - pointer-events: none; - } - } - - .count { - @include btn-gray; - display: inline-block; - background: $white-light; - border-radius: 2px; - border-width: 1px; - border-style: solid; - font-size: 13px; - font-weight: $gl-font-weight-bold; - line-height: 13px; - letter-spacing: .4px; - padding: 6px 14px; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - background-image: none; - white-space: nowrap; - margin: 0 10px 0 4px; - - a { - color: inherit; - } - - &:hover { - background: $white-light; - } - } - } -} - -.project-repo-buttons { - @include new-style-dropdown; - - .project-action-button .dropdown-menu { - max-height: 250px; - overflow-y: auto; - } -} - -.split-one { - display: inline-table; - margin-right: 12px; - - > a { - margin: -1px; - } -} - -.save-project-loader { - margin-top: 50px; - margin-bottom: 50px; - color: $save-project-loader-color; -} - -.transfer-project .select2-container { - min-width: 200px; -} - -.deploy-key-content { - @media (min-width: $screen-sm-min) { - float: left; - - &:last-child { - float: right; - } - } -} - -.deploy-key-projects { - @media (min-width: $screen-sm-min) { - line-height: 42px; - } -} - -a.deploy-project-label { - padding: 5px; - margin-right: 5px; - color: $gl-text-color; - background-color: $row-hover; - - &:hover { - color: $gl-link-color; - } -} - -.vs-public { - color: $gl-primary; -} - -.vs-internal { - color: $gl-warning; -} - -.vs-private { - color: $gl-success; -} - -.lfs-enabled { - color: $gl-success; -} - -.lfs-disabled { - color: $gl-warning; -} - -.breadcrumb.repo-breadcrumb { - flex: 1; - padding: 0; - background: transparent; - border: none; - line-height: 34px; - margin: 0; - - > li + li::before { - padding: 0 3px; - color: $project-breadcrumb-color; - } - - a { - color: $gl-text-color; - } - - .dropdown-menu { - width: 240px; - } -} - -.fork-thumbnail { - height: 200px; - width: calc((100% / 2) - #{$gl-padding * 2}); - - @media (min-width: $screen-md-min) { - width: calc((100% / 4) - #{$gl-padding * 2}); - } - - @media (min-width: $screen-lg-min) { - width: calc((100% / 5) - #{$gl-padding * 2}); - } - - &:hover:not(.disabled), - &.forked { - background-color: $row-hover; - border-color: $row-hover-border; - } - - .avatar-container, - .identicon { - float: none; - margin-left: auto; - margin-right: auto; - } - - a { - display: block; - width: 100%; - height: 100%; - padding-top: $gl-padding; - text-decoration: none; - - &.disabled { - opacity: .3; - cursor: not-allowed; - } - } -} - -.fork-thumbnail-container { - display: flex; - flex-wrap: wrap; - margin-left: -$gl-padding; - margin-right: -$gl-padding; - - > h5 { - width: 100%; - } -} - -.project-template { - > .form-group { - margin-bottom: 0; - } - - .template-option { - padding: $gl-padding $gl-padding $gl-padding ($gl-padding * 4); - position: relative; - - &:not(:first-child) { - border-top: 1px solid $border-color; - } - } - - .template-title { - font-size: 16px; - } - - .template-description { - margin: 6px 0 12px; - } - - .template-button { - input { - position: absolute; - clip: rect(0, 0, 0, 0); - } - } - - svg { - position: absolute; - left: $gl-padding; - top: $gl-padding; - } - - .project-fields-form { - display: none; - - &.selected { - display: block; - padding: $gl-padding; - } - } - - .template-input-group { - position: relative; - - @media (min-width: $screen-sm-min) { - display: flex; - } - - .input-group-addon { - flex: 1; - text-align: left; - padding-left: ($gl-padding * 3); - background-color: $white-light; - } - - .selected-template { - line-height: 20px; - } - - .selected-icon { - svg { - display: none; - top: 7px; - height: 20px; - width: 20px; - - &.active { - display: block; - } - } - } - } -} - -.gitlab-tab-content { - .import-project-pane { - padding-bottom: 6px; - } -} - -.project-import { - .import-btn-container { - margin-bottom: 0; - } - - .toggle-import-form { - padding-bottom: 10px; - } - - .import-buttons { - padding-left: 0; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - - .btn { - padding: 8px; - margin-right: 10px; - } - - .btn-template-icon { - height: 24px; - width: inherit; - display: block; - margin: 0 auto 4px; - font-size: 24px; - - @media (min-width: $screen-xs-max) { - top: 0; - } - } - - @media (max-width: $screen-xs-max) { - .btn-template-icon { - display: inline-block; - height: 14px; - font-size: 14px; - margin: 0; - } - } - - > div { - margin-bottom: 10px; - padding-left: 0; - } - } -} - -.create-project-options { - display: flex; - - @media (max-width: $screen-xs-max) { - display: block; - } - - .first-column { - @media(min-width: $screen-xs-min) { - max-width: 50%; - padding-right: 30px; - } - - @media(max-width: $screen-xs-max) { - max-width: 100%; - width: 100%; - } - } - - .second-column { - @media(min-width: $screen-xs-min) { - width: 50%; - flex: 1; - padding-left: 30px; - position: relative; - } - - @media(max-width: $screen-xs-max) { - max-width: 100%; - width: 100%; - padding-left: 0; - position: relative; - } - - // Mobile - @media (max-width: $screen-xs-max) { - padding-top: 30px; - } - - &::before { - content: "OR"; - position: absolute; - left: -10px; - top: 50%; - z-index: 10; - padding: 8px 0; - text-align: center; - background-color: $white-light; - color: $gl-text-color-tertiary; - transform: translateY(-50%); - font-size: 12px; - font-weight: $gl-font-weight-bold; - line-height: 20px; - - // Mobile - @media (max-width: $screen-xs-max) { - left: 50%; - top: 0; - transform: translateX(-50%); - padding: 0 8px; - } - } - - &::after { - content: ""; - position: absolute; - background-color: $border-color; - bottom: 0; - left: 0; - right: auto; - height: 100%; - width: 1px; - top: 0; - - // Mobile - @media (max-width: $screen-xs-max) { - top: 10px; - left: 10px; - right: 10px; - height: 1px; - width: auto; - } - } - } -} - - -.project-stats { - font-size: 0; - text-align: center; - max-width: 100%; - border-bottom: 1px solid $border-color; - - .nav { - padding-top: 12px; - padding-bottom: 12px; - } - - .nav > li { - display: inline-block; - - &:not(:last-child) { - margin-right: $gl-padding; - } - - &.right { - vertical-align: top; - margin-top: 0; - - @media (min-width: $screen-lg-min) { - float: right; - } - } - } - - .nav > li > a { - padding: 0; - background-color: transparent; - font-size: 14px; - line-height: 29px; - color: $notes-light-color; - - &:hover, - &:focus { - color: $gl-text-color; - } - } - - li.missing { - border: 1px dashed $border-gray-normal-dashed; - border-radius: $border-radius-default; - - a { - padding-left: 10px; - padding-right: 10px; - color: $notes-light-color; - display: block; - } - - &:hover { - background-color: $gray-normal; - } - } -} - -pre.light-well { - border-color: $well-light-border; -} - -.git-empty { - margin: 0 7px 7px; - - h5 { - color: $gl-text-color; - } - - .light-well { - border-radius: 2px; - - color: $well-light-text-color; - font-size: 13px; - line-height: 1.6em; - } -} - -.project-footer { - margin-top: 20px; - - .btn-remove { - @include btn-middle; - @include btn-red; - - float: left !important; - } -} - -/* - * Projects list rendered on dashboard and user page - */ -.projects-list { - @include basic-list; - display: flex; - flex-direction: column; - - // Disable Flexbox for admin page - &.admin-projects { - display: block; - - .project-row { - display: block; - } - } - - .project-row { - @include basic-list-stats; - display: flex; - align-items: center; - } - - h3 { - font-size: $gl-font-size; - } - - a { - color: $gl-text-color; - } - - .avatar-container, - .controls { - flex: 0 0 auto; - } - - .avatar-container { - align-self: flex-start; - - > a { - width: 100%; - } - } - - .project-details { - min-width: 0; - - p, - .commit-row-message { - @include str-truncated(100%); - margin-bottom: 0; - } - } - - .controls { - margin-left: auto; - text-align: right; - } - - .ci-status-link { - display: inline-block; - line-height: 17px; - vertical-align: middle; - - &:hover { - text-decoration: none; - } - } -} - -.panel .projects-list li { - padding: 10px 15px; - margin: 0; -} - -.commits-search-form { - .input-short { - min-width: 200px; - } -} - -.git-clone-holder { - width: 380px; - - .btn-clipboard { - border: 1px solid $border-color; - } - - .clone-options { - display: table-cell; - - a.btn { - width: 100%; - } - } - - .form-control { - @extend .monospace; - background: $white-light; - font-size: 14px; - margin-left: -1px; - cursor: auto; - width: 101%; - } -} - -.cannot-be-merged, -.cannot-be-merged:hover { - color: $error-exclamation-point; - margin-top: 2px; -} - -.private-forks-notice .private-fork-icon { - i:nth-child(1) { - color: $project-private-forks-notice-odd; - } - - i:nth-child(2) { - color: $white-light; - } -} - -.new-protected-branch, -.new-protected-tag { - @include new-style-dropdown; - - label { - margin-top: 6px; - font-weight: $gl-font-weight-normal; - } -} - -.create-new-protected-branch-button, -.create-new-protected-tag-button { - @include dropdown-link; - - width: 100%; - background-color: transparent; - border: 0; - text-align: left; - text-overflow: ellipsis; -} - -.protected-branches-list, -.protected-tags-list { - @include new-style-dropdown; - - margin-bottom: 30px; - - .settings-message { - margin: 0; - border-radius: 0 0 1px 1px; - padding: 20px 0; - border: none; - } - - .table-bordered { - border-radius: 1px; - - th:not(:last-child), - td:not(:last-child) { - border-right: solid 1px transparent; - } - } -} - -.protected-tags-list, -.protected-branches-list { - .dropdown-menu-toggle { - width: 100%; - max-width: 300px; - } - - .flash-container { - padding: 0; - } -} - -.custom-notifications-form { - .is-loading { - .custom-notification-event-loading { - display: inline-block; - } - } -} - -.custom-notification-event-loading { - display: none; - margin-left: 5px; - - &.is-done { - color: $gl-text-green; - } -} - -.project-refs-form .dropdown-menu, -.dropdown-menu-projects { - width: 300px; - - @media (min-width: $screen-sm-min) { - width: 500px; - } - - a { - white-space: normal; - } -} - -.compare-form-group { - .dropdown-menu, - .inline-input-group { - width: 100%; - - @media (min-width: $screen-sm-min) { - width: 300px; - } - } - - + .compare-ellipsis { - width: 100%; - vertical-align: middle; - text-align: center; - margin-top: -20px; - - @media (min-width: $screen-sm-min) { - margin-top: 0; - width: auto; - } - } -} - -.clearable-input { - position: relative; - - .clear-icon { - @extend .fa-times; - display: none; - position: absolute; - right: 7px; - top: 7px; - color: $location-icon-color; - - &::before { - font-family: FontAwesome; - font-weight: $gl-font-weight-normal; - font-style: normal; - } - } - - &.has-value { - .clear-icon { - cursor: pointer; - display: block; - } - } -} - -.project-path { - .form-control { - min-width: 100px; - } - - &.form-group { - @media (min-width: $screen-sm-min) { - margin-bottom: 0; - } - } - - .select2-choice { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } -} - -.project-home-empty { - border-top: 0; - - .container-fluid { - background: none; - } - - p { - margin-left: auto; - margin-right: auto; - max-width: 650px; - } -} - -.project-feature { - padding-top: 10px; - - @media (min-width: $screen-sm-min) { - padding-left: 45px; - } - - &.nested { - @media (min-width: $screen-sm-min) { - padding-left: 90px; - } - } -} - -.project-repo-select { - &.disabled { - opacity: 0.5; - pointer-events: none; - } -} - -.variables-table { - table-layout: fixed; - - &.table-responsive { - border: none; - } - - .variable-key { - max-width: 120px; - overflow: hidden; - word-wrap: break-word; - white-space: nowrap; - text-overflow: ellipsis; - } - - .variable-value { - max-width: 150px; - overflow: hidden; - word-wrap: break-word; - white-space: nowrap; - text-overflow: ellipsis; - } - - .variable-menu { - text-align: right; - } -} - -.services-installation-info .row { - margin-bottom: 10px; -} - -.service-installation { - padding: 32px; - margin: 32px; - border-radius: 3px; - background-color: $white-light; - - h3 { - margin-top: 0; - } - - hr { - margin: 32px 0; - border-color: $border-color; - } -} diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss deleted file mode 100644 index ea37ccf5e3d..00000000000 --- a/app/assets/stylesheets/pages/repo.scss +++ /dev/null @@ -1,339 +0,0 @@ -.fade-enter-active, -.fade-leave-active { - transition: opacity $sidebar-transition-duration; -} - -.monaco-loader { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: $black-transparent; -} - -.modal.popup-dialog { - display: block; - background-color: $black-transparent; - z-index: 2100; - - @media (min-width: $screen-md-min) { - .modal-dialog { - width: 600px; - margin: 30px auto; - } - } -} - -.project-refs-form, -.project-refs-target-form { - display: inline-block; -} - -.fade-enter, -.fade-leave-to { - opacity: 0; -} - -.commit-message { - @include str-truncated(250px); -} - -.editable-mode { - display: inline-block; -} - -@media (min-width: $screen-md-min) { - .blob-viewer[data-type="rich"] { - margin: 20px; - } -} - -.repository-view { - border: 1px solid $border-color; - border-radius: $border-radius-default; - color: $almost-black; - - .code.white pre .hll { - background-color: $well-light-border !important; - } - - .tree-content-holder { - display: flex; - min-height: 300px; - } - - .tree-content-holder-mini { - height: 100vh; - } - - .panel-right { - display: flex; - flex-direction: column; - width: 80%; - height: 100%; - - .monaco-editor.vs { - .current-line { - border: none; - background: $well-light-border; - } - - .line-numbers { - cursor: pointer; - - &:hover { - text-decoration: underline; - } - } - - .cursor { - display: none !important; - } - } - - .blob-no-preview { - .vertical-center { - justify-content: center; - width: 100%; - } - } - - &.edit-mode { - .blob-viewer-container { - overflow: hidden; - } - - .monaco-editor.vs { - .cursor { - background: $black; - border-color: $black; - display: block !important; - } - } - } - - .blob-viewer-container { - flex: 1; - overflow: auto; - - > div, - .file-content:not(.wiki) { - display: flex; - } - - > div, - .file-content, - .blob-viewer, - .line-number, - .blob-content, - .code { - min-height: 100%; - width: 100%; - } - - .line-numbers { - min-width: 44px; - } - - .blob-content { - flex: 1; - overflow-x: auto; - } - } - - #tabs { - flex-shrink: 0; - display: flex; - width: 100%; - padding-left: 0; - margin-bottom: 0; - white-space: nowrap; - overflow-y: hidden; - overflow-x: auto; - - li { - position: relative; - background: $gray-normal; - padding: #{$gl-padding / 2} $gl-padding; - border-right: 1px solid $white-dark; - border-bottom: 1px solid $white-dark; - cursor: pointer; - - &.active { - background: $white-light; - border-bottom: none; - } - - a { - @include str-truncated(100px); - color: $gl-text-color; - vertical-align: middle; - text-decoration: none; - margin-right: 12px; - } - - .close-btn { - position: absolute; - right: 8px; - top: 50%; - padding: 0; - background: none; - border: 0; - font-size: $gl-font-size; - transform: translateY(-50%); - } - - .close-icon:hover { - color: $hint-color; - } - - .close-icon, - .unsaved-icon { - color: $gray-darkest; - } - - .unsaved-icon { - color: $brand-success; - } - - &.tabs-divider { - width: 100%; - background-color: $white-light; - border-right: none; - border-top-right-radius: 2px; - } - } - } - - #repo-file-buttons { - background-color: $white-light; - padding: 5px 10px; - border-top: 1px solid $white-normal; - } - - #binary-viewer { - height: 80vh; - overflow: auto; - margin: 0; - - .blob-viewer { - padding-top: 20px; - padding-left: 20px; - } - - .binary-unknown { - text-align: center; - padding-top: 100px; - background: $gray-light; - height: 100%; - font-size: 17px; - - span { - display: block; - } - } - } - } - - #commit-area { - background: $gray-light; - padding: 20px; - - .help-block { - padding-top: 7px; - margin-top: 0; - } - } - - #view-toggler { - height: 41px; - position: relative; - display: block; - border-bottom: 1px solid $white-normal; - background: $white-light; - margin-top: -5px; - } - - #binary-viewer { - img { - max-width: 100%; - } - } - - #sidebar { - flex: 1; - height: 100%; - - &.sidebar-mini { - width: 20%; - border-right: 1px solid $white-normal; - overflow: auto; - } - - .table { - margin-bottom: 0; - } - - tr { - .repo-file-options { - padding: 2px 16px; - width: 100%; - } - - .title { - font-size: 10px; - text-transform: uppercase; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; - } - - .file-icon { - margin-right: 5px; - } - - td { - white-space: nowrap; - } - } - - .file { - cursor: pointer; - } - - a { - @include str-truncated(250px); - color: $almost-black; - } - } -} - -.render-error { - min-height: calc(100vh - 62px); - - p { - width: 100%; - } -} - -@keyframes swipeRightAppear { - 0% { - transform: scaleX(0.00); - } - - 100% { - transform: scaleX(1.00); - } -} - -@keyframes swipeRightDissapear { - 0% { - transform: scaleX(1.00); - } - - 100% { - transform: scaleX(0.00); - } -} diff --git a/app/assets/stylesheets/pages/runners.scss b/app/assets/stylesheets/pages/runners.scss deleted file mode 100644 index 6cac37a4e28..00000000000 --- a/app/assets/stylesheets/pages/runners.scss +++ /dev/null @@ -1,52 +0,0 @@ -.runner-state { - padding: 6px 12px; - margin-right: 10px; - color: $white-light; - - &.runner-state-shared { - background: $runner-state-shared-bg; - } - - &.runner-state-specific { - background: $runner-state-specific-bg; - } -} - -.runner-status-online { - color: $runner-status-online-color; -} - -.runner-status-offline { - color: $runner-status-offline-color; -} - -.runner-status-paused { - color: $runner-status-paused-color; -} - -.runner { - .btn { - padding: 1px 6px; - } - - h4 { - font-weight: $gl-font-weight-normal; - } -} - -.admin-runner-btn-group-cell { - min-width: 150px; - - .btn-sm { - padding: 4px 9px; - } - - .btn-default { - color: $gl-text-color-secondary; - } - - .fa-pause, - .fa-play { - font-size: 11px; - } -} diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss deleted file mode 100644 index db0a04a5eb3..00000000000 --- a/app/assets/stylesheets/pages/search.scss +++ /dev/null @@ -1,265 +0,0 @@ -.search-results { - .search-result-row { - border-bottom: 1px solid $border-color; - padding-bottom: $gl-padding; - margin-bottom: $gl-padding; - - &:last-child { - border-bottom: none; - } - } - - .blob-result { - margin: 5px 0; - } -} - -.search form:hover, -.file-finder-input:hover, -.issuable-search-form:hover, -.search-text-input:hover, -.form-control:hover { - border-color: lighten($dropdown-input-focus-border, 20%); - box-shadow: 0 0 4px lighten($search-input-focus-shadow-color, 20%); -} - -input[type="checkbox"]:hover { - box-shadow: 0 0 2px 2px lighten($search-input-focus-shadow-color, 20%), 0 0 0 1px lighten($search-input-focus-shadow-color, 20%); -} - -.search { - margin: 4px 8px 0; - - form { - @extend .form-control; - margin: 0; - padding: 4px; - width: $search-input-width; - line-height: 24px; - height: 32px; - border: 0; - border-radius: $border-radius-default; - transition: border-color ease-in-out $default-transition-duration, background-color ease-in-out $default-transition-duration; - - &:hover { - box-shadow: none; - } - } - - .location-badge { - height: 32px; - font-size: 12px; - margin: -4px 4px -4px -4px; - line-height: 25px; - padding: 4px 8px; - border-radius: $border-radius-default 0 0 $border-radius-default; - transition: border-color ease-in-out $default-transition-duration; - } - - .search-input { - border: none; - font-size: 14px; - padding: 0 20px 0 0; - margin-left: 5px; - line-height: 25px; - width: 98%; - color: $white-light; - background: none; - transition: color ease-in-out $default-transition-duration; - } - - .search-input::placeholder { - transition: color ease-in-out $default-transition-duration; - } - - .search-input-container { - display: flex; - position: relative; - } - - .search-input-wrap { - .search-icon, - .clear-icon { - position: absolute; - right: 5px; - top: 4px; - } - - .search-icon { - transition: color $default-transition-duration; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } - - .clear-icon { - display: none; - } - - // Rewrite position. Dropdown menu should be relative to .search-input-container - .dropdown { - position: static; - } - - .dropdown-header { - text-transform: uppercase; - font-size: 11px; - } - - // Custom dropdown positioning - .dropdown-menu { - transition-property: opacity, transform; - transition-duration: 250ms, 250ms; - transition-delay: 0ms, 25ms; - transition-timing-function: $dropdown-animation-timing; - transform: translateY(0); - opacity: 0; - display: block; - left: -5px; - padding: 0; - - ul { - padding: 10px 0; - } - } - - .dropdown-content { - max-height: 350px; - } - } - - &.search-active { - form { - @extend .form-control:focus; - border-color: $dropdown-input-focus-border; - box-shadow: none; - - .search-input-wrap { - .search-icon, - .clear-icon { - color: $gl-text-color-tertiary; - transition: color ease-in-out $default-transition-duration; - } - } - - .search-input { - color: $gl-text-color; - transition: color ease-in-out $default-transition-duration; - } - - .search-input::placeholder { - color: $gl-text-color-tertiary; - } - } - - .location-badge { - transition: all $default-transition-duration; - background-color: $nav-badge-bg; - border-color: $border-color; - } - - .dropdown-menu { - transition-duration: 100ms, 75ms; - transition-delay: 75ms, 100ms; - transform: translateY(7px); - opacity: 1; - } - } - - &.has-value { - .search-icon { - display: none; - } - - .clear-icon { - cursor: pointer; - display: block; - } - } - - &.has-location-badge { - .search-input-wrap { - width: 68%; - } - } -} - -.search-holder { - @include new-style-dropdown; - - @media (min-width: $screen-sm-min) { - display: -webkit-flex; - display: flex; - } - - .search-field-holder, - .project-filter-form { - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - position: relative; - margin-right: 0; - - @media (min-width: $screen-sm-min) { - margin-right: 5px; - } - } - - .search-icon { - position: absolute; - left: 10px; - top: 10px; - color: $gray-darkest; - pointer-events: none; - } - - .search-text-input, - .project-filter-form-field { - padding-left: $gl-padding + 15px; - padding-right: $gl-padding + 15px; - } - - .btn-search, - .btn-new { - width: 100%; - margin-top: 5px; - - @media (min-width: $screen-sm-min) { - width: auto; - margin-top: 0; - margin-left: 5px; - } - } - - .dropdown { - @media (min-width: $screen-sm-min) { - margin-left: 5px; - margin-right: 5px; - } - } - - .dropdown-menu-toggle { - width: 100%; - margin-top: 5px; - - @media (min-width: $screen-sm-min) { - width: 180px; - margin-top: 0; - } - } -} - -.search-clear { - position: absolute; - right: 10px; - top: 10px; - padding: 0; - color: $gray-darkest; - line-height: 0; - background: none; - border: 0; - - &:hover, - &:focus { - color: $gl-link-color; - } -} diff --git a/app/assets/stylesheets/pages/settings.scss b/app/assets/stylesheets/pages/settings.scss deleted file mode 100644 index 41a6ba2023a..00000000000 --- a/app/assets/stylesheets/pages/settings.scss +++ /dev/null @@ -1,248 +0,0 @@ -@keyframes expandMaxHeight { - 0% { - max-height: 0; - } - - 99% { - max-height: 100vh; - } - - 100% { - max-height: none; - } -} - -@keyframes collapseMaxHeight { - 0% { - max-height: 100vh; - } - - 100% { - max-height: 0; - } -} - -.settings { - overflow: hidden; - border-bottom: 1px solid $gray-darker; - - &:first-of-type { - margin-top: 10px; - } - - &.expanded { - overflow: visible; - } -} - -.settings-header { - position: relative; - padding: 20px 110px 10px 0; - - h4 { - margin-top: 0; - } - - button { - position: absolute; - top: 20px; - right: 6px; - min-width: 80px; - } -} - -.settings-content { - max-height: 1px; - overflow-y: scroll; - padding-right: 110px; - animation: collapseMaxHeight 300ms ease-out; - - &.expanded { - max-height: none; - overflow-y: visible; - animation: expandMaxHeight 300ms ease-in; - } - - &.no-animate { - animation: none; - } - - @media(max-width: $screen-sm-max) { - padding-right: 20px; - } - - &::before { - content: ' '; - display: block; - height: 1px; - overflow: hidden; - margin-bottom: 4px; - } - - &::after { - content: ' '; - display: block; - height: 1px; - overflow: hidden; - margin-top: 20px; - } - - .sub-section { - margin-bottom: 32px; - padding: 16px; - border: 1px solid $border-color; - background-color: $gray-light; - } - - .bs-callout, - .checkbox:first-child, - .help-block { - margin-top: 0; - } - - .label-light { - margin-bottom: 0; - } -} - -.settings-list-icon { - color: $gl-text-color-secondary; - font-size: $settings-icon-size; - line-height: 42px; -} - -.settings-message { - padding: 5px; - line-height: 1.3; - color: $warning-message-color; - background-color: $warning-message-bg; - border: 1px solid $warning-message-border; - border-radius: $border-radius-base; -} - -.warning-title { - color: $gl-warning; -} - -.danger-title { - color: $gl-danger; -} - -.service-settings .control-label { - padding-top: 0; -} - -.token-token-container { - #impersonation-token-token { - width: 80%; - display: inline; - } - - .btn-clipboard { - margin-left: 5px; - } -} - -.visibility-level-setting { - .radio { - margin-bottom: 10px; - - i.fa { - margin: 2px 0; - font-size: 20px; - } - - .option-title { - font-weight: $gl-font-weight-normal; - display: inline-block; - color: $gl-text-color; - } - - .option-description, - .option-disabled-reason { - margin-left: 29px; - color: $project-option-descr-color; - } - - .option-disabled-reason { - display: none; - } - - &.disabled { - i.fa { - opacity: 0.5; - } - - .option-description { - display: none; - } - - .option-disabled-reason { - display: block; - } - } - } -} - -.prometheus-metrics-monitoring { - .panel { - .panel-toggle { - width: 14px; - } - - .badge { - font-size: inherit; - } - - .panel-heading .badge-count { - color: $white-light; - background: $common-gray-dark; - } - - .panel-body { - padding: 0; - } - - .flash-container { - margin-bottom: 0; - cursor: default; - - .flash-notice { - border-radius: 0; - } - } - } - - .loading-metrics, - .empty-metrics { - padding: 30px 10px; - - p, - .btn { - margin-top: 10px; - margin-bottom: 0; - } - } - - .loading-metrics .metrics-load-spinner { - color: $loading-color; - } - - .metrics-list { - margin-bottom: 0; - - li { - padding: $gl-padding; - - .badge { - margin-left: 5px; - background: $badge-bg; - } - } - - /* Ensure we don't add border if there's only single li */ - li + li { - border-top: 1px solid $border-color; - } - } -} diff --git a/app/assets/stylesheets/pages/settings_ci_cd.scss b/app/assets/stylesheets/pages/settings_ci_cd.scss deleted file mode 100644 index a355e2dee24..00000000000 --- a/app/assets/stylesheets/pages/settings_ci_cd.scss +++ /dev/null @@ -1,18 +0,0 @@ -.triggers-container { - .label-container { - display: inline-block; - margin-left: 10px; - } -} - -.trigger-actions { - white-space: nowrap; - - .btn { - margin-left: 10px; - } -} - -.registry-placeholder { - min-height: 60px; -} diff --git a/app/assets/stylesheets/pages/sherlock.scss b/app/assets/stylesheets/pages/sherlock.scss deleted file mode 100644 index bfe065dbbaf..00000000000 --- a/app/assets/stylesheets/pages/sherlock.scss +++ /dev/null @@ -1,33 +0,0 @@ -table .sherlock-code { - max-width: 700px; -} - -.sherlock-code { - pre { - word-wrap: normal; - } - - pre code { - white-space: pre; - } -} - -.sherlock-line-samples-table { - margin-bottom: 0 !important; - - thead tr th, - tbody tr td { - font-size: 13px !important; - text-align: right; - padding: 0 10px !important; - } -} - -.sherlock-file-sample pre { - padding-top: 28px !important; -} - -.sherlock-line-samples-table .slow { - color: $red-500; - font-weight: $gl-font-weight-bold; -} diff --git a/app/assets/stylesheets/pages/stat_graph.scss b/app/assets/stylesheets/pages/stat_graph.scss deleted file mode 100644 index dfa4d033fb8..00000000000 --- a/app/assets/stylesheets/pages/stat_graph.scss +++ /dev/null @@ -1,64 +0,0 @@ -.tint-box { - background: $stat-graph-common-bg; - position: relative; - margin-bottom: 10px; -} - -.area { - fill: $stat-graph-area-fill; - fill-opacity: 0.5; -} - -.axis { - fill: $stat-graph-axis-fill; - font-size: 10px; -} - -#contributors-master { - @include make-md-column(12); - - svg { - width: 100%; - } -} - -#contributors { - .contributors-list { - margin: 0 0 10px; - list-style: none; - padding: 0; - - svg { - width: 100%; - } - } - - .person { - @include make-md-column(6); - margin-top: 10px; - - @media (max-width: $screen-xs-max) { - width: 100%; - } - } - - .person .spark { - display: block; - background: $stat-graph-common-bg; - width: 100%; - } - - .person .area-contributor { - fill: $stat-graph-orange-fill; - } -} - -.selection rect { - fill: $stat-graph-selection-fill; - fill-opacity: 0.1; - stroke: $stat-graph-selection-stroke; - stroke-width: 1px; - stroke-opacity: 0.4; - shape-rendering: crispedges; - stroke-dasharray: 3 3; -} diff --git a/app/assets/stylesheets/pages/status.scss b/app/assets/stylesheets/pages/status.scss deleted file mode 100644 index 25c80e1f950..00000000000 --- a/app/assets/stylesheets/pages/status.scss +++ /dev/null @@ -1,77 +0,0 @@ -.ci-status { - padding: 2px 7px 4px; - border: 1px solid $gray-darker; - white-space: nowrap; - border-radius: 4px; - - &:hover, - &:focus { - text-decoration: none; - } - - svg { - height: 13px; - width: 13px; - position: relative; - top: 2px; - overflow: visible; - } - - &.ci-failed { - @include status-color($red-100, $red-500, $red-600); - } - - &.ci-success { - @include green-status-color; - } - - &.ci-canceled, - &.ci-disabled, - &.ci-manual { - color: $gl-text-color; - border-color: $gl-text-color; - - &:not(span):hover { - background-color: rgba($gl-text-color, .07); - } - } - - &.ci-pending, - &.ci-failed_with_warnings, - &.ci-success_with_warnings { - @include status-color($orange-100, $orange-500, $orange-700); - } - - &.ci-info, - &.ci-running { - @include status-color($blue-100, $blue-500, $blue-600); - } - - &.ci-created, - &.ci-skipped { - color: $gl-text-color-secondary; - border-color: $gl-text-color-secondary; - - &:not(span):hover { - background-color: rgba($gl-text-color-secondary, .07); - } - - svg { - fill: $gl-text-color-secondary; - } - } -} - -.visible-xs-inline { - .ci-status-link { - position: relative; - top: 2px; - left: 5px; - } -} - -.ci-status-link { - svg { - overflow: visible; - } -} diff --git a/app/assets/stylesheets/pages/todos.scss b/app/assets/stylesheets/pages/todos.scss deleted file mode 100644 index 6c8d87185e9..00000000000 --- a/app/assets/stylesheets/pages/todos.scss +++ /dev/null @@ -1,271 +0,0 @@ -/** - * Dashboard Todos - * - */ - -.todos-list > .todo { - // workaround because we cannot use border-colapse - border-top: 1px solid transparent; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: row; - flex-direction: row; - - &:hover { - background-color: $row-hover; - border-color: $row-hover-border; - cursor: pointer; - } - - // overwrite border style of .content-list - &:last-child { - border-bottom: 1px solid transparent; - - &:hover { - border-color: $row-hover-border; - } - } - - .todo-avatar, - .todo-actions { - @include transition(opacity); - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - } - - .todo-actions { - display: -webkit-flex; - display: flex; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-direction: column; - flex-direction: column; - margin-left: 10px; - min-width: 55px; - } - - .todo-item { - -webkit-flex: 0 1 100%; - flex: 0 1 100%; - min-width: 0; - } - - &.todo-pending.done-reversible { - background-color: $white-light; - - &:hover { - border-color: $white-normal; - background-color: $gray-light; - border-top: 1px solid transparent; - - .todo-avatar, - .todo-item { - opacity: .6; - } - } - - .todo-avatar, - .todo-item { - opacity: .2; - } - - .btn { - background-color: $gray-light; - } - } -} - -.todo-item { - @include transition(opacity); - - .todo-title { - display: flex; - - > .title-item { - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0 2px; - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } - - .todo-label { - -webkit-flex: 0 1 auto; - flex: 0 1 auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } - - .status-box { - margin: 0; - float: none; - display: inline-block; - font-weight: $gl-font-weight-normal; - padding: 0 5px; - line-height: inherit; - font-size: 14px; - } - - .action-name { - font-weight: $gl-font-weight-normal; - } - - .todo-body { - .todo-note { - word-wrap: break-word; - - .md { - color: $gl-grayish-blue; - font-size: $gl-font-size; - - .label { - color: $gl-text-color; - font-size: inherit; - } - - p { - color: $gl-text-color; - } - } - - code { - white-space: pre-wrap; - } - - pre { - border: none; - background: $gray-light; - border-radius: 0; - color: $todo-body-pre-color; - margin: 0 20px; - overflow: hidden; - } - - .note-image-attach { - margin-top: 4px; - margin-left: 0; - max-width: 200px; - float: none; - } - - p:last-child { - margin-bottom: 0; - } - } - } -} - -@media (max-width: $screen-sm-max) { - .todos-filters { - .dropdown-menu-toggle { - width: 130px; - } - - .dropdown-menu-toggle-sort { - width: auto; - } - } -} - -@media (max-width: $screen-xs-max) { - .todo { - .avatar { - display: none; - } - } - - .todo-item { - .todo-title { - flex-flow: row wrap; - margin-bottom: 10px; - - .todo-label { - white-space: normal; - } - } - - .todo-body { - margin: 0; - border-left: 2px solid $todo-body-border; - padding-left: 10px; - } - } - - .todos-filters { - .dropdown-menu-toggle { - width: 100%; - } - } -} - -.todos-empty { - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - max-width: 900px; - margin-left: auto; - margin-right: auto; - - @media (min-width: $screen-sm-min) { - -webkit-flex-direction: row; - flex-direction: row; - padding-top: 80px; - } -} - -.todos-empty-content { - -webkit-align-self: center; - align-self: center; - max-width: 480px; - margin-right: 20px; -} - -.todos-empty-hero { - width: 200px; - margin-left: auto; - margin-right: auto; - - @media (min-width: $screen-sm-min) { - width: 300px; - margin-right: 0; - -webkit-order: 2; - order: 2; - } -} - -.todos-all-done { - padding-top: 20px; - - @media (min-width: $screen-sm-min) { - padding-top: 50px; - } - - > svg { - display: block; - max-width: 300px; - margin: 0 auto 20px; - } - - p { - max-width: 470px; - margin-left: auto; - margin-right: auto; - } - - a { - font-weight: $gl-font-weight-bold; - } -} - -.todos-filters { - @include new-style-dropdown; -} diff --git a/app/assets/stylesheets/pages/tree.scss b/app/assets/stylesheets/pages/tree.scss deleted file mode 100644 index e2f6e511c86..00000000000 --- a/app/assets/stylesheets/pages/tree.scss +++ /dev/null @@ -1,270 +0,0 @@ -.tree-holder { - @include new-style-dropdown; - - .nav-block { - margin: 10px 0; - - @media (min-width: $screen-sm-min) { - display: flex; - - .tree-ref-container { - flex: 1; - } - - .tree-controls { - text-align: right; - - .btn-group { - margin-left: 10px; - } - - .control { - float: left; - margin-left: 10px; - } - } - - .tree-ref-holder { - float: left; - margin-right: 15px; - } - - .tree-ref-target-holder { - display: inline-block; - } - - .repo-breadcrumb { - li:last-of-type { - position: relative; - } - } - - .add-to-tree-dropdown { - position: absolute; - left: 18px; - } - } - } - - @media (max-width: $screen-xs-max) { - .repo-breadcrumb { - margin-top: 10px; - position: relative; - - .dropdown-menu { - min-width: 100%; - width: 100%; - left: inherit; - right: 0; - } - } - - .add-to-tree-dropdown { - position: absolute; - left: 0; - right: 0; - } - - .tree-controls { - margin-bottom: 10px; - - .btn, - .dropdown, - .btn-group { - width: 100%; - } - - .btn { - margin: 10px 0 0; - } - } - } - - .file-finder { - max-width: 500px; - width: 100%; - - .file-finder-input { - width: 95%; - display: inline-block; - } - } - - .add-to-tree { - vertical-align: middle; - padding: 6px 10px; - } - - .tree-table { - margin-bottom: 0; - - tr { - border-bottom: 1px solid $white-normal; - border-top: 1px solid $white-normal; - - td, - th { - line-height: 21px; - } - - .last-commit { - @include str-truncated(506px); - - .fa-angle-right { - margin-left: 5px; - } - - @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { - @include str-truncated(450px); - } - - } - - .commit-history-link-spacer { - margin: 0 10px; - color: $white-normal; - } - - &:hover { - td { - background-color: $row-hover; - border-top: 1px solid $row-hover-border; - border-bottom: 1px solid $row-hover-border; - cursor: pointer; - } - } - - &.selected { - td { - background: $white-normal; - border-top: 1px solid $border-gray-dark; - border-bottom: 1px solid $border-gray-dark; - } - } - } - } - - .tree-item { - .link-container { - padding: 0; - - a { - padding: 10px $gl-padding; - display: block; - } - } - - .tree-item-file-name { - max-width: 320px; - vertical-align: middle; - - i, - a { - color: $gl-text-color; - } - - img { - position: relative; - top: -1px; - } - } - - .tree-item-file-external-link { - margin-right: 4px; - - span { - text-decoration: inherit; - } - } - - .tree_commit { - max-width: 320px; - - .str-truncated { - max-width: 100%; - } - } - - .tree_time_ago { - min-width: 135px; - } - } - - .tree_author { - padding-right: 8px; - - .commit-author-name { - color: $gl-text-color; - } - } - - .tree-time-ago { - min-width: 135px; - color: $gl-text-color-secondary; - } - - .tree-commit { - max-width: 320px; - color: $gl-text-color-secondary; - - .tree-commit-link { - color: $gl-text-color-secondary; - - &:hover { - text-decoration: underline; - } - } - } -} - -.blob-commit-info { - list-style: none; - margin: 0; - padding: 0; -} - -.blob-content-holder { - margin-top: $gl-padding; -} - -.blob-upload-dropzone-previews { - display: flex; - justify-content: center; - align-items: center; - text-align: center; - border: 2px; - border-style: dashed; - border-color: $border-color; - min-height: 200px; -} - -.upload-link { - font-weight: $gl-font-weight-normal; - color: $md-link-color; -} - -.repo-charts { - .sub-header { - margin: 20px 0; - } - - .sub-header-block.border-top { - margin-top: 20px; - padding: 0; - border-top: 1px solid $white-dark; - border-bottom: none; - } - - .commit-stats li { - font-size: 16px; - } - - .tree-ref-header { - margin-bottom: 20px; - - h4 { - margin: 0; - line-height: 36px; - } - } -} diff --git a/app/assets/stylesheets/pages/ui_dev_kit.scss b/app/assets/stylesheets/pages/ui_dev_kit.scss deleted file mode 100644 index 48ac5b21db8..00000000000 --- a/app/assets/stylesheets/pages/ui_dev_kit.scss +++ /dev/null @@ -1,17 +0,0 @@ -.gitlab-ui-dev-kit { - > h2 { - margin: 35px 0 20px; - font-weight: $gl-font-weight-bold; - } - - .example { - padding: 15px; - border: 1px dashed $ui-dev-kit-example-border; - margin-bottom: 15px; - - &::before { - content: "Example"; - color: $ui-dev-kit-example-color; - } - } -} diff --git a/app/assets/stylesheets/pages/wiki.scss b/app/assets/stylesheets/pages/wiki.scss deleted file mode 100644 index b7d4e7bf582..00000000000 --- a/app/assets/stylesheets/pages/wiki.scss +++ /dev/null @@ -1,175 +0,0 @@ -.new-wiki-page { - .new-wiki-page-slug-tip { - display: inline-block; - max-width: 100%; - margin-top: 5px; - } -} - -.title .edit-wiki-header { - width: 780px; - margin-left: auto; - margin-right: auto; - padding-right: 7px; -} - -.wiki-page-header { - @extend .top-area; - position: relative; - - .wiki-breadcrumb { - border-bottom: 1px solid $white-normal; - padding: 11px 0; - } - - .wiki-page-title { - margin: 0; - font-size: 22px; - } - - .wiki-last-edit-by { - display: block; - color: $gl-text-color-secondary; - - strong { - color: $gl-text-color; - } - } - - .light { - font-weight: $gl-font-weight-normal; - color: $gl-text-color-secondary; - } - - .git-access-header { - padding: $gl-padding 0 $gl-padding-top; - } - - .git-clone-holder { - width: 100%; - padding-bottom: 40px; - } - - button.sidebar-toggle { - position: absolute; - right: 0; - top: 11px; - display: block; - } - - @media (min-width: $screen-sm-min) { - &.has-sidebar-toggle { - padding-right: 40px; - } - - .git-clone-holder { - width: 480px; - padding-bottom: $gl-padding; - } - - .nav-controls { - width: auto; - min-width: 50%; - } - } - - @media (min-width: $screen-md-min) { - &.has-sidebar-toggle { - padding-right: 0; - } - - button.sidebar-toggle { - display: none; - } - } -} - -.wiki-git-access { - margin: $gl-padding 0; - - h3 { - font-size: 19px; - font-weight: $gl-font-weight-normal; - margin: $gl-padding 0; - } -} - -.right-sidebar.wiki-sidebar { - padding: 0; - - &.right-sidebar-collapsed { - display: none; - } - - .sidebar-container { - padding: $gl-padding 0; - width: calc(100% + 100px); - padding-right: 100px; - height: 100%; - overflow-y: scroll; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; - } - - .blocks-container { - padding: 0 $gl-padding; - } - - .block { - width: 100%; - } - - a { - color: $layout-link-gray; - - &:hover, - &.active { - color: $black; - } - } - - .active > a { - color: $black; - } - - ul.wiki-pages, - ul.wiki-pages li { - list-style: none; - padding: 0; - margin: 0; - } - - ul.wiki-pages li { - margin: 5px 0 10px; - } - - ul.wiki-pages ul { - padding-left: 15px; - } - - .wiki-sidebar-header { - padding: 0 $gl-padding $gl-padding; - - .gutter-toggle { - margin-top: 0; - } - } -} - -ul.wiki-pages-list.content-list { - ul { - list-style: none; - margin-left: 0; - padding-left: 15px; - } - - ul li { - padding: 5px 0; - } -} - -.wiki { - table { - @include markdown-table; - } -} diff --git a/app/assets/stylesheets/pages/xterm.scss b/app/assets/stylesheets/pages/xterm.scss deleted file mode 100644 index c7297a34ad8..00000000000 --- a/app/assets/stylesheets/pages/xterm.scss +++ /dev/null @@ -1,1454 +0,0 @@ -.build-page { - // color codes are based on http://en.wikipedia.org/wiki/File:Xterm_256color_chart.svg - // see also: https://gist.github.com/jasonm23/2868981 - - $black: #000; - $red: #cd0000; - $green: #00cd00; - $yellow: #cdcd00; - $blue: #00e; // according to wikipedia, this is the xterm standard - //$blue: #1e90ff; // this is used by all the terminals I tried (when configured with the xterm color profile) - $magenta: #cd00cd; - $cyan: #00cdcd; - $white: #e5e5e5; - $l-black: #373b41; - $l-red: #c66; - $l-green: #b5bd68; - $l-yellow: #f0c674; - $l-blue: #81a2be; - $l-magenta: #b294bb; - $l-cyan: #8abeb7; - $l-white: $gray-darkest; - - /* - * xterm colors - */ - $xterm-fg-0: $black; - $xterm-fg-1: #800000; - $xterm-fg-2: #008000; - $xterm-fg-3: #808000; - $xterm-fg-4: #000080; - $xterm-fg-5: #800080; - $xterm-fg-6: #008080; - $xterm-fg-7: #c0c0c0; - $xterm-fg-8: #808080; - $xterm-fg-9: #f00; - $xterm-fg-10: #0f0; - $xterm-fg-11: #ff0; - $xterm-fg-12: #00f; - $xterm-fg-13: #f0f; - $xterm-fg-14: #0ff; - $xterm-fg-15: $white-light; - $xterm-fg-16: $black; - $xterm-fg-17: #00005f; - $xterm-fg-18: #000087; - $xterm-fg-19: #0000af; - $xterm-fg-20: #0000d7; - $xterm-fg-21: #00f; - $xterm-fg-22: #005f00; - $xterm-fg-23: #005f5f; - $xterm-fg-24: #005f87; - $xterm-fg-25: #005faf; - $xterm-fg-26: #005fd7; - $xterm-fg-27: #005fff; - $xterm-fg-28: #008700; - $xterm-fg-29: #00875f; - $xterm-fg-30: #008787; - $xterm-fg-31: #0087af; - $xterm-fg-32: #0087d7; - $xterm-fg-33: #0087ff; - $xterm-fg-34: #00af00; - $xterm-fg-35: #00af5f; - $xterm-fg-36: #00af87; - $xterm-fg-37: #00afaf; - $xterm-fg-38: #00afd7; - $xterm-fg-39: #00afff; - $xterm-fg-40: #00d700; - $xterm-fg-41: #00d75f; - $xterm-fg-42: #00d787; - $xterm-fg-43: #00d7af; - $xterm-fg-44: #00d7d7; - $xterm-fg-45: #00d7ff; - $xterm-fg-46: #0f0; - $xterm-fg-47: #00ff5f; - $xterm-fg-48: #00ff87; - $xterm-fg-49: #00ffaf; - $xterm-fg-50: #00ffd7; - $xterm-fg-51: #0ff; - $xterm-fg-52: #5f0000; - $xterm-fg-53: #5f005f; - $xterm-fg-54: #5f0087; - $xterm-fg-55: #5f00af; - $xterm-fg-56: #5f00d7; - $xterm-fg-57: #5f00ff; - $xterm-fg-58: #5f5f00; - $xterm-fg-59: #5f5f5f; - $xterm-fg-60: #5f5f87; - $xterm-fg-61: #5f5faf; - $xterm-fg-62: #5f5fd7; - $xterm-fg-63: #5f5fff; - $xterm-fg-64: #5f8700; - $xterm-fg-65: #5f875f; - $xterm-fg-66: #5f8787; - $xterm-fg-67: #5f87af; - $xterm-fg-68: #5f87d7; - $xterm-fg-69: #5f87ff; - $xterm-fg-70: #5faf00; - $xterm-fg-71: #5faf5f; - $xterm-fg-72: #5faf87; - $xterm-fg-73: #5fafaf; - $xterm-fg-74: #5fafd7; - $xterm-fg-75: #5fafff; - $xterm-fg-76: #5fd700; - $xterm-fg-77: #5fd75f; - $xterm-fg-78: #5fd787; - $xterm-fg-79: #5fd7af; - $xterm-fg-80: #5fd7d7; - $xterm-fg-81: #5fd7ff; - $xterm-fg-82: #5fff00; - $xterm-fg-83: #5fff5f; - $xterm-fg-84: #5fff87; - $xterm-fg-85: #5fffaf; - $xterm-fg-86: #5fffd7; - $xterm-fg-87: #5fffff; - $xterm-fg-88: #870000; - $xterm-fg-89: #87005f; - $xterm-fg-90: #870087; - $xterm-fg-91: #8700af; - $xterm-fg-92: #8700d7; - $xterm-fg-93: #8700ff; - $xterm-fg-94: #875f00; - $xterm-fg-95: #875f5f; - $xterm-fg-96: #875f87; - $xterm-fg-97: #875faf; - $xterm-fg-98: #875fd7; - $xterm-fg-99: #875fff; - $xterm-fg-100: #878700; - $xterm-fg-101: #87875f; - $xterm-fg-102: #878787; - $xterm-fg-103: #8787af; - $xterm-fg-104: #8787d7; - $xterm-fg-105: #8787ff; - $xterm-fg-106: #87af00; - $xterm-fg-107: #87af5f; - $xterm-fg-108: #87af87; - $xterm-fg-109: #87afaf; - $xterm-fg-110: #87afd7; - $xterm-fg-111: #87afff; - $xterm-fg-112: #87d700; - $xterm-fg-113: #87d75f; - $xterm-fg-114: #87d787; - $xterm-fg-115: #87d7af; - $xterm-fg-116: #87d7d7; - $xterm-fg-117: #87d7ff; - $xterm-fg-118: #87ff00; - $xterm-fg-119: #87ff5f; - $xterm-fg-120: #87ff87; - $xterm-fg-121: #87ffaf; - $xterm-fg-122: #87ffd7; - $xterm-fg-123: #87ffff; - $xterm-fg-124: #af0000; - $xterm-fg-125: #af005f; - $xterm-fg-126: #af0087; - $xterm-fg-127: #af00af; - $xterm-fg-128: #af00d7; - $xterm-fg-129: #af00ff; - $xterm-fg-130: #af5f00; - $xterm-fg-131: #af5f5f; - $xterm-fg-132: #af5f87; - $xterm-fg-133: #af5faf; - $xterm-fg-134: #af5fd7; - $xterm-fg-135: #af5fff; - $xterm-fg-136: #af8700; - $xterm-fg-137: #af875f; - $xterm-fg-138: #af8787; - $xterm-fg-139: #af87af; - $xterm-fg-140: #af87d7; - $xterm-fg-141: #af87ff; - $xterm-fg-142: #afaf00; - $xterm-fg-143: #afaf5f; - $xterm-fg-144: #afaf87; - $xterm-fg-145: #afafaf; - $xterm-fg-146: #afafd7; - $xterm-fg-147: #afafff; - $xterm-fg-148: #afd700; - $xterm-fg-149: #afd75f; - $xterm-fg-150: #afd787; - $xterm-fg-151: #afd7af; - $xterm-fg-152: #afd7d7; - $xterm-fg-153: #afd7ff; - $xterm-fg-154: #afff00; - $xterm-fg-155: #afff5f; - $xterm-fg-156: #afff87; - $xterm-fg-157: #afffaf; - $xterm-fg-158: #afffd7; - $xterm-fg-159: #afffff; - $xterm-fg-160: #d70000; - $xterm-fg-161: #d7005f; - $xterm-fg-162: #d70087; - $xterm-fg-163: #d700af; - $xterm-fg-164: #d700d7; - $xterm-fg-165: #d700ff; - $xterm-fg-166: #d75f00; - $xterm-fg-167: #d75f5f; - $xterm-fg-168: #d75f87; - $xterm-fg-169: #d75faf; - $xterm-fg-170: #d75fd7; - $xterm-fg-171: #d75fff; - $xterm-fg-172: #d78700; - $xterm-fg-173: #d7875f; - $xterm-fg-174: #d78787; - $xterm-fg-175: #d787af; - $xterm-fg-176: #d787d7; - $xterm-fg-177: #d787ff; - $xterm-fg-178: #d7af00; - $xterm-fg-179: #d7af5f; - $xterm-fg-180: #d7af87; - $xterm-fg-181: #d7afaf; - $xterm-fg-182: #d7afd7; - $xterm-fg-183: #d7afff; - $xterm-fg-184: #d7d700; - $xterm-fg-185: #d7d75f; - $xterm-fg-186: #d7d787; - $xterm-fg-187: #d7d7af; - $xterm-fg-188: #d7d7d7; - $xterm-fg-189: #d7d7ff; - $xterm-fg-190: #d7ff00; - $xterm-fg-191: #d7ff5f; - $xterm-fg-192: #d7ff87; - $xterm-fg-193: #d7ffaf; - $xterm-fg-194: #d7ffd7; - $xterm-fg-195: #d7ffff; - $xterm-fg-196: #f00; - $xterm-fg-197: #ff005f; - $xterm-fg-198: #ff0087; - $xterm-fg-199: #ff00af; - $xterm-fg-200: #ff00d7; - $xterm-fg-201: #f0f; - $xterm-fg-202: #ff5f00; - $xterm-fg-203: #ff5f5f; - $xterm-fg-204: #ff5f87; - $xterm-fg-205: #ff5faf; - $xterm-fg-206: #ff5fd7; - $xterm-fg-207: #ff5fff; - $xterm-fg-208: #ff8700; - $xterm-fg-209: #ff875f; - $xterm-fg-210: #ff8787; - $xterm-fg-211: #ff87af; - $xterm-fg-212: #ff87d7; - $xterm-fg-213: #ff87ff; - $xterm-fg-214: #ffaf00; - $xterm-fg-215: #ffaf5f; - $xterm-fg-216: #ffaf87; - $xterm-fg-217: #ffafaf; - $xterm-fg-218: #ffafd7; - $xterm-fg-219: #ffafff; - $xterm-fg-220: #ffd700; - $xterm-fg-221: #ffd75f; - $xterm-fg-222: #ffd787; - $xterm-fg-223: #ffd7af; - $xterm-fg-224: #ffd7d7; - $xterm-fg-225: #ffd7ff; - $xterm-fg-226: #ff0; - $xterm-fg-227: #ffff5f; - $xterm-fg-228: #ffff87; - $xterm-fg-229: #ffffaf; - $xterm-fg-230: #ffffd7; - $xterm-fg-231: $white-light; - $xterm-fg-232: #080808; - $xterm-fg-233: #121212; - $xterm-fg-234: #1c1c1c; - $xterm-fg-235: #262626; - $xterm-fg-236: #303030; - $xterm-fg-237: #3a3a3a; - $xterm-fg-238: #444; - $xterm-fg-239: #4e4e4e; - $xterm-fg-240: #585858; - $xterm-fg-241: #626262; - $xterm-fg-242: #6c6c6c; - $xterm-fg-243: #767676; - $xterm-fg-244: #808080; - $xterm-fg-245: #8a8a8a; - $xterm-fg-246: #949494; - $xterm-fg-247: #9e9e9e; - $xterm-fg-248: #a8a8a8; - $xterm-fg-249: #b2b2b2; - $xterm-fg-250: #bcbcbc; - $xterm-fg-251: #c6c6c6; - $xterm-fg-252: #d0d0d0; - $xterm-fg-253: #dadada; - $xterm-fg-254: #e4e4e4; - $xterm-fg-255: #eee; - - .term-bold { - font-weight: $gl-font-weight-bold; - } - - .term-italic { - font-style: italic; - } - - .term-conceal { - visibility: hidden; - } - - .term-underline { - text-decoration: underline; - } - - .term-cross { - text-decoration: line-through; - } - - .term-fg-black { - color: $black; - } - - .term-fg-red { - color: $red; - } - - .term-fg-green { - color: $green; - } - - .term-fg-yellow { - color: $yellow; - } - - .term-fg-blue { - color: $blue; - } - - .term-fg-magenta { - color: $magenta; - } - - .term-fg-cyan { - color: $cyan; - } - - .term-fg-white { - color: $white; - } - - .term-fg-l-black { - color: $l-black; - } - - .term-fg-l-red { - color: $l-red; - } - - .term-fg-l-green { - color: $l-green; - } - - .term-fg-l-yellow { - color: $l-yellow; - } - - .term-fg-l-blue { - color: $l-blue; - } - - .term-fg-l-magenta { - color: $l-magenta; - } - - .term-fg-l-cyan { - color: $l-cyan; - } - - .term-fg-l-white { - color: $l-white; - } - - .term-bg-black { - background-color: $black; - } - - .term-bg-red { - background-color: $red; - } - - .term-bg-green { - background-color: $green; - } - - .term-bg-yellow { - background-color: $yellow; - } - - .term-bg-blue { - background-color: $blue; - } - - .term-bg-magenta { - background-color: $magenta; - } - - .term-bg-cyan { - background-color: $cyan; - } - - .term-bg-white { - background-color: $white; - } - - .term-bg-l-black { - background-color: $l-black; - } - - .term-bg-l-red { - background-color: $l-red; - } - - .term-bg-l-green { - background-color: $l-green; - } - - .term-bg-l-yellow { - background-color: $l-yellow; - } - - .term-bg-l-blue { - background-color: $l-blue; - } - - .term-bg-l-magenta { - background-color: $l-magenta; - } - - .term-bg-l-cyan { - background-color: $l-cyan; - } - - .term-bg-l-white { - background-color: $l-white; - } - - .xterm-fg-0 { - color: $xterm-fg-0; - } - - .xterm-fg-1 { - color: $xterm-fg-1; - } - - .xterm-fg-2 { - color: $xterm-fg-2; - } - - .xterm-fg-3 { - color: $xterm-fg-3; - } - - .xterm-fg-4 { - color: $xterm-fg-4; - } - - .xterm-fg-5 { - color: $xterm-fg-5; - } - - .xterm-fg-6 { - color: $xterm-fg-6; - } - - .xterm-fg-7 { - color: $xterm-fg-7; - } - - .xterm-fg-8 { - color: $xterm-fg-8; - } - - .xterm-fg-9 { - color: $xterm-fg-9; - } - - .xterm-fg-10 { - color: $xterm-fg-10; - } - - .xterm-fg-11 { - color: $xterm-fg-11; - } - - .xterm-fg-12 { - color: $xterm-fg-12; - } - - .xterm-fg-13 { - color: $xterm-fg-13; - } - - .xterm-fg-14 { - color: $xterm-fg-14; - } - - .xterm-fg-15 { - color: $white-light; - } - - .xterm-fg-16 { - color: $black; - } - - .xterm-fg-17 { - color: $xterm-fg-17; - } - - .xterm-fg-18 { - color: $xterm-fg-18; - } - - .xterm-fg-19 { - color: $xterm-fg-19; - } - - .xterm-fg-20 { - color: $xterm-fg-20; - } - - .xterm-fg-21 { - color: $xterm-fg-21; - } - - .xterm-fg-22 { - color: $xterm-fg-22; - } - - .xterm-fg-23 { - color: $xterm-fg-23; - } - - .xterm-fg-24 { - color: $xterm-fg-24; - } - - .xterm-fg-25 { - color: $xterm-fg-25; - } - - .xterm-fg-26 { - color: $xterm-fg-26; - } - - .xterm-fg-27 { - color: $xterm-fg-27; - } - - .xterm-fg-28 { - color: $xterm-fg-28; - } - - .xterm-fg-29 { - color: $xterm-fg-29; - } - - .xterm-fg-30 { - color: $xterm-fg-30; - } - - .xterm-fg-31 { - color: $xterm-fg-31; - } - - .xterm-fg-32 { - color: $xterm-fg-32; - } - - .xterm-fg-33 { - color: $xterm-fg-33; - } - - .xterm-fg-34 { - color: $xterm-fg-34; - } - - .xterm-fg-35 { - color: $xterm-fg-35; - } - - .xterm-fg-36 { - color: $xterm-fg-36; - } - - .xterm-fg-37 { - color: $xterm-fg-37; - } - - .xterm-fg-38 { - color: $xterm-fg-38; - } - - .xterm-fg-39 { - color: $xterm-fg-39; - } - - .xterm-fg-40 { - color: $xterm-fg-40; - } - - .xterm-fg-41 { - color: $xterm-fg-41; - } - - .xterm-fg-42 { - color: $xterm-fg-42; - } - - .xterm-fg-43 { - color: $xterm-fg-43; - } - - .xterm-fg-44 { - color: $xterm-fg-44; - } - - .xterm-fg-45 { - color: $xterm-fg-45; - } - - .xterm-fg-46 { - color: $xterm-fg-46; - } - - .xterm-fg-47 { - color: $xterm-fg-47; - } - - .xterm-fg-48 { - color: $xterm-fg-48; - } - - .xterm-fg-49 { - color: $xterm-fg-49; - } - - .xterm-fg-50 { - color: $xterm-fg-50; - } - - .xterm-fg-51 { - color: $xterm-fg-51; - } - - .xterm-fg-52 { - color: $xterm-fg-52; - } - - .xterm-fg-53 { - color: $xterm-fg-53; - } - - .xterm-fg-54 { - color: $xterm-fg-54; - } - - .xterm-fg-55 { - color: $xterm-fg-55; - } - - .xterm-fg-56 { - color: $xterm-fg-56; - } - - .xterm-fg-57 { - color: $xterm-fg-57; - } - - .xterm-fg-58 { - color: $xterm-fg-58; - } - - .xterm-fg-59 { - color: $xterm-fg-59; - } - - .xterm-fg-60 { - color: $xterm-fg-60; - } - - .xterm-fg-61 { - color: $xterm-fg-61; - } - - .xterm-fg-62 { - color: $xterm-fg-62; - } - - .xterm-fg-63 { - color: $xterm-fg-63; - } - - .xterm-fg-64 { - color: $xterm-fg-64; - } - - .xterm-fg-65 { - color: $xterm-fg-65; - } - - .xterm-fg-66 { - color: $xterm-fg-66; - } - - .xterm-fg-67 { - color: $xterm-fg-67; - } - - .xterm-fg-68 { - color: $xterm-fg-68; - } - - .xterm-fg-69 { - color: $xterm-fg-69; - } - - .xterm-fg-70 { - color: $xterm-fg-70; - } - - .xterm-fg-71 { - color: $xterm-fg-71; - } - - .xterm-fg-72 { - color: $xterm-fg-72; - } - - .xterm-fg-73 { - color: $xterm-fg-73; - } - - .xterm-fg-74 { - color: $xterm-fg-74; - } - - .xterm-fg-75 { - color: $xterm-fg-75; - } - - .xterm-fg-76 { - color: $xterm-fg-76; - } - - .xterm-fg-77 { - color: $xterm-fg-77; - } - - .xterm-fg-78 { - color: $xterm-fg-78; - } - - .xterm-fg-79 { - color: $xterm-fg-79; - } - - .xterm-fg-80 { - color: $xterm-fg-80; - } - - .xterm-fg-81 { - color: $xterm-fg-81; - } - - .xterm-fg-82 { - color: $xterm-fg-82; - } - - .xterm-fg-83 { - color: $xterm-fg-83; - } - - .xterm-fg-84 { - color: $xterm-fg-84; - } - - .xterm-fg-85 { - color: $xterm-fg-85; - } - - .xterm-fg-86 { - color: $xterm-fg-86; - } - - .xterm-fg-87 { - color: $xterm-fg-87; - } - - .xterm-fg-88 { - color: $xterm-fg-88; - } - - .xterm-fg-89 { - color: $xterm-fg-89; - } - - .xterm-fg-90 { - color: $xterm-fg-90; - } - - .xterm-fg-91 { - color: $xterm-fg-91; - } - - .xterm-fg-92 { - color: $xterm-fg-92; - } - - .xterm-fg-93 { - color: $xterm-fg-93; - } - - .xterm-fg-94 { - color: $xterm-fg-94; - } - - .xterm-fg-95 { - color: $xterm-fg-95; - } - - .xterm-fg-96 { - color: $xterm-fg-96; - } - - .xterm-fg-97 { - color: $xterm-fg-97; - } - - .xterm-fg-98 { - color: $xterm-fg-98; - } - - .xterm-fg-99 { - color: $xterm-fg-99; - } - - .xterm-fg-100 { - color: $xterm-fg-100; - } - - .xterm-fg-101 { - color: $xterm-fg-101; - } - - .xterm-fg-102 { - color: $xterm-fg-102; - } - - .xterm-fg-103 { - color: $xterm-fg-103; - } - - .xterm-fg-104 { - color: $xterm-fg-104; - } - - .xterm-fg-105 { - color: $xterm-fg-105; - } - - .xterm-fg-106 { - color: $xterm-fg-106; - } - - .xterm-fg-107 { - color: $xterm-fg-107; - } - - .xterm-fg-108 { - color: $xterm-fg-108; - } - - .xterm-fg-109 { - color: $xterm-fg-109; - } - - .xterm-fg-110 { - color: $xterm-fg-110; - } - - .xterm-fg-111 { - color: $xterm-fg-111; - } - - .xterm-fg-112 { - color: $xterm-fg-112; - } - - .xterm-fg-113 { - color: $xterm-fg-113; - } - - .xterm-fg-114 { - color: $xterm-fg-114; - } - - .xterm-fg-115 { - color: $xterm-fg-115; - } - - .xterm-fg-116 { - color: $xterm-fg-116; - } - - .xterm-fg-117 { - color: $xterm-fg-117; - } - - .xterm-fg-118 { - color: $xterm-fg-118; - } - - .xterm-fg-119 { - color: $xterm-fg-119; - } - - .xterm-fg-120 { - color: $xterm-fg-120; - } - - .xterm-fg-121 { - color: $xterm-fg-121; - } - - .xterm-fg-122 { - color: $xterm-fg-122; - } - - .xterm-fg-123 { - color: $xterm-fg-123; - } - - .xterm-fg-124 { - color: $xterm-fg-124; - } - - .xterm-fg-125 { - color: $xterm-fg-125; - } - - .xterm-fg-126 { - color: $xterm-fg-126; - } - - .xterm-fg-127 { - color: $xterm-fg-127; - } - - .xterm-fg-128 { - color: $xterm-fg-128; - } - - .xterm-fg-129 { - color: $xterm-fg-129; - } - - .xterm-fg-130 { - color: $xterm-fg-130; - } - - .xterm-fg-131 { - color: $xterm-fg-131; - } - - .xterm-fg-132 { - color: $xterm-fg-132; - } - - .xterm-fg-133 { - color: $xterm-fg-133; - } - - .xterm-fg-134 { - color: $xterm-fg-134; - } - - .xterm-fg-135 { - color: $xterm-fg-135; - } - - .xterm-fg-136 { - color: $xterm-fg-136; - } - - .xterm-fg-137 { - color: $xterm-fg-137; - } - - .xterm-fg-138 { - color: $xterm-fg-138; - } - - .xterm-fg-139 { - color: $xterm-fg-139; - } - - .xterm-fg-140 { - color: $xterm-fg-140; - } - - .xterm-fg-141 { - color: $xterm-fg-141; - } - - .xterm-fg-142 { - color: $xterm-fg-142; - } - - .xterm-fg-143 { - color: $xterm-fg-143; - } - - .xterm-fg-144 { - color: $xterm-fg-144; - } - - .xterm-fg-145 { - color: $xterm-fg-145; - } - - .xterm-fg-146 { - color: $xterm-fg-146; - } - - .xterm-fg-147 { - color: $xterm-fg-147; - } - - .xterm-fg-148 { - color: $xterm-fg-148; - } - - .xterm-fg-149 { - color: $xterm-fg-149; - } - - .xterm-fg-150 { - color: $xterm-fg-150; - } - - .xterm-fg-151 { - color: $xterm-fg-151; - } - - .xterm-fg-152 { - color: $xterm-fg-152; - } - - .xterm-fg-153 { - color: $xterm-fg-153; - } - - .xterm-fg-154 { - color: $xterm-fg-154; - } - - .xterm-fg-155 { - color: $xterm-fg-155; - } - - .xterm-fg-156 { - color: $xterm-fg-156; - } - - .xterm-fg-157 { - color: $xterm-fg-157; - } - - .xterm-fg-158 { - color: $xterm-fg-158; - } - - .xterm-fg-159 { - color: $xterm-fg-159; - } - - .xterm-fg-160 { - color: $xterm-fg-160; - } - - .xterm-fg-161 { - color: $xterm-fg-161; - } - - .xterm-fg-162 { - color: $xterm-fg-162; - } - - .xterm-fg-163 { - color: $xterm-fg-163; - } - - .xterm-fg-164 { - color: $xterm-fg-164; - } - - .xterm-fg-165 { - color: $xterm-fg-165; - } - - .xterm-fg-166 { - color: $xterm-fg-166; - } - - .xterm-fg-167 { - color: $xterm-fg-167; - } - - .xterm-fg-168 { - color: $xterm-fg-168; - } - - .xterm-fg-169 { - color: $xterm-fg-169; - } - - .xterm-fg-170 { - color: $xterm-fg-170; - } - - .xterm-fg-171 { - color: $xterm-fg-171; - } - - .xterm-fg-172 { - color: $xterm-fg-172; - } - - .xterm-fg-173 { - color: $xterm-fg-173; - } - - .xterm-fg-174 { - color: $xterm-fg-174; - } - - .xterm-fg-175 { - color: $xterm-fg-175; - } - - .xterm-fg-176 { - color: $xterm-fg-176; - } - - .xterm-fg-177 { - color: $xterm-fg-177; - } - - .xterm-fg-178 { - color: $xterm-fg-178; - } - - .xterm-fg-179 { - color: $xterm-fg-179; - } - - .xterm-fg-180 { - color: $xterm-fg-180; - } - - .xterm-fg-181 { - color: $xterm-fg-181; - } - - .xterm-fg-182 { - color: $xterm-fg-182; - } - - .xterm-fg-183 { - color: $xterm-fg-183; - } - - .xterm-fg-184 { - color: $xterm-fg-184; - } - - .xterm-fg-185 { - color: $xterm-fg-185; - } - - .xterm-fg-186 { - color: $xterm-fg-186; - } - - .xterm-fg-187 { - color: $xterm-fg-187; - } - - .xterm-fg-188 { - color: $xterm-fg-188; - } - - .xterm-fg-189 { - color: $xterm-fg-189; - } - - .xterm-fg-190 { - color: $xterm-fg-190; - } - - .xterm-fg-191 { - color: $xterm-fg-191; - } - - .xterm-fg-192 { - color: $xterm-fg-192; - } - - .xterm-fg-193 { - color: $xterm-fg-193; - } - - .xterm-fg-194 { - color: $xterm-fg-194; - } - - .xterm-fg-195 { - color: $xterm-fg-195; - } - - .xterm-fg-196 { - color: $xterm-fg-196; - } - - .xterm-fg-197 { - color: $xterm-fg-197; - } - - .xterm-fg-198 { - color: $xterm-fg-198; - } - - .xterm-fg-199 { - color: $xterm-fg-199; - } - - .xterm-fg-200 { - color: $xterm-fg-200; - } - - .xterm-fg-201 { - color: $xterm-fg-201; - } - - .xterm-fg-202 { - color: $xterm-fg-202; - } - - .xterm-fg-203 { - color: $xterm-fg-203; - } - - .xterm-fg-204 { - color: $xterm-fg-204; - } - - .xterm-fg-205 { - color: $xterm-fg-205; - } - - .xterm-fg-206 { - color: $xterm-fg-206; - } - - .xterm-fg-207 { - color: $xterm-fg-207; - } - - .xterm-fg-208 { - color: $xterm-fg-208; - } - - .xterm-fg-209 { - color: $xterm-fg-209; - } - - .xterm-fg-210 { - color: $xterm-fg-210; - } - - .xterm-fg-211 { - color: $xterm-fg-211; - } - - .xterm-fg-212 { - color: $xterm-fg-212; - } - - .xterm-fg-213 { - color: $xterm-fg-213; - } - - .xterm-fg-214 { - color: $xterm-fg-214; - } - - .xterm-fg-215 { - color: $xterm-fg-215; - } - - .xterm-fg-216 { - color: $xterm-fg-216; - } - - .xterm-fg-217 { - color: $xterm-fg-217; - } - - .xterm-fg-218 { - color: $xterm-fg-218; - } - - .xterm-fg-219 { - color: $xterm-fg-219; - } - - .xterm-fg-220 { - color: $xterm-fg-220; - } - - .xterm-fg-221 { - color: $xterm-fg-221; - } - - .xterm-fg-222 { - color: $xterm-fg-222; - } - - .xterm-fg-223 { - color: $xterm-fg-223; - } - - .xterm-fg-224 { - color: $xterm-fg-224; - } - - .xterm-fg-225 { - color: $xterm-fg-225; - } - - .xterm-fg-226 { - color: $xterm-fg-226; - } - - .xterm-fg-227 { - color: $xterm-fg-227; - } - - .xterm-fg-228 { - color: $xterm-fg-228; - } - - .xterm-fg-229 { - color: $xterm-fg-229; - } - - .xterm-fg-230 { - color: $xterm-fg-230; - } - - .xterm-fg-231 { - color: $xterm-fg-231; - } - - .xterm-fg-232 { - color: $xterm-fg-232; - } - - .xterm-fg-233 { - color: $xterm-fg-233; - } - - .xterm-fg-234 { - color: $xterm-fg-234; - } - - .xterm-fg-235 { - color: $xterm-fg-235; - } - - .xterm-fg-236 { - color: $xterm-fg-236; - } - - .xterm-fg-237 { - color: $xterm-fg-237; - } - - .xterm-fg-238 { - color: $xterm-fg-238; - } - - .xterm-fg-239 { - color: $xterm-fg-239; - } - - .xterm-fg-240 { - color: $xterm-fg-240; - } - - .xterm-fg-241 { - color: $xterm-fg-241; - } - - .xterm-fg-242 { - color: $xterm-fg-242; - } - - .xterm-fg-243 { - color: $xterm-fg-243; - } - - .xterm-fg-244 { - color: $xterm-fg-244; - } - - .xterm-fg-245 { - color: $xterm-fg-245; - } - - .xterm-fg-246 { - color: $xterm-fg-246; - } - - .xterm-fg-247 { - color: $xterm-fg-247; - } - - .xterm-fg-248 { - color: $xterm-fg-248; - } - - .xterm-fg-249 { - color: $xterm-fg-249; - } - - .xterm-fg-250 { - color: $xterm-fg-250; - } - - .xterm-fg-251 { - color: $xterm-fg-251; - } - - .xterm-fg-252 { - color: $xterm-fg-252; - } - - .xterm-fg-253 { - color: $xterm-fg-253; - } - - .xterm-fg-254 { - color: $xterm-fg-254; - } - - .xterm-fg-255 { - color: $xterm-fg-255; - } -} diff --git a/app/assets/stylesheets/performance_bar.scss b/app/assets/stylesheets/performance_bar.scss deleted file mode 100644 index 6e539e39ca1..00000000000 --- a/app/assets/stylesheets/performance_bar.scss +++ /dev/null @@ -1,111 +0,0 @@ -@import "framework/variables"; -@import "peek/views/performance_bar"; -@import "peek/views/rblineprof"; - -#peek { - position: fixed; - left: 0; - top: 0; - width: 100%; - z-index: 2000; - overflow-x: hidden; - - height: $performance-bar-height; - background: $black; - line-height: $performance-bar-height; - color: $perf-bar-text; - - &.disabled { - display: none; - } - - &.production { - background-color: $perf-bar-production; - } - - &.staging { - background-color: $perf-bar-staging; - } - - &.development { - background-color: $perf-bar-development; - } - - .wrapper { - width: 80%; - height: $performance-bar-height; - margin: 0 auto; - } - - // UI Elements - .bucket { - background: $perf-bar-bucket-bg; - display: inline-block; - padding: 4px 6px; - font-family: Consolas, "Liberation Mono", Courier, monospace; - line-height: 1; - color: $perf-bar-bucket-color; - border-radius: 3px; - box-shadow: 0 1px 0 $perf-bar-bucket-box-shadow-from, inset 0 1px 2px $perf-bar-bucket-box-shadow-to; - - .hidden { - display: none; - } - - &:hover .hidden { - display: inline; - } - } - - strong { - color: $white-light; - } - - table { - color: $black; - - strong { - color: $black; - } - } - - .view { - margin-right: 15px; - float: left; - - &:last-child { - margin-right: 0; - } - } - - .css-truncate { - &.css-truncate-target, - .css-truncate-target { - display: inline-block; - max-width: 125px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - vertical-align: top; - } - - &.expandable:hover .css-truncate-target, - &.expandable:hover.css-truncate-target { - max-width: 10000px !important; - } - } -} - -#modal-peek-pg-queries-content { - color: $black; -} - -.peek-rblineprof-file { - pre.duration { - width: 280px; - } - - .data { - overflow: visible; - } -} diff --git a/app/assets/stylesheets/print.scss b/app/assets/stylesheets/print.scss deleted file mode 100644 index b07a5ae22cd..00000000000 --- a/app/assets/stylesheets/print.scss +++ /dev/null @@ -1,55 +0,0 @@ -.wiki h1, -.wiki h2, -.wiki h3, -.wiki h4, -.wiki h5, -.wiki h6 { - margin-top: 17px; -} - -.wiki h1 { - font-size: 30px; -} - -.wiki h2 { - font-size: 22px; -} - -.wiki h3 { - font-size: 18px; - font-weight: 600; -} - -header, -nav, -nav.main-nav, -nav.navbar-collapse, -nav.navbar-collapse.collapse, -.profiler-results, -.tree-ref-holder, -.tree-holder .breadcrumb, -.nav, -.btn, -ul.notes-form, -.merge-request-ci-status .ci-status-link::after, -.issuable-gutter-toggle, -.gutter-toggle, -.issuable-details .content-block-small, -.edit-link, -.note-action-button { - display: none !important; -} - -pre { - page-break-before: avoid; - page-break-inside: auto; -} - -.page-gutter { - padding-top: 0; - padding-left: 0; -} - -.right-sidebar { - top: 0; -} diff --git a/app/assets/stylesheets/test.scss b/app/assets/stylesheets/test.scss deleted file mode 100644 index 06733b7f1a9..00000000000 --- a/app/assets/stylesheets/test.scss +++ /dev/null @@ -1,23 +0,0 @@ -* { - -o-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -webkit-transition: none !important; - transition: none !important; - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; -} - -// Disable sticky changes bar for tests -.diff-files-changed { - position: relative !important; - top: 0 !important; -} |