2012-08-29 14:23:43 -04:00
|
|
|
/** COLORS **/
|
2018-08-22 12:40:38 -04:00
|
|
|
.cgray { color: $gl-text-color; }
|
2016-11-30 08:25:25 -05:00
|
|
|
.clgray { color: $common-gray-light; }
|
2018-08-22 12:40:38 -04:00
|
|
|
.cred { color: $red-500; }
|
|
|
|
.cgreen { color: $green-600; }
|
2016-11-30 08:25:25 -05:00
|
|
|
.cdark { color: $common-gray-dark; }
|
2017-11-23 00:04:22 -05:00
|
|
|
|
|
|
|
.text-plain,
|
|
|
|
.text-plain:hover {
|
|
|
|
color: $gl-text-color;
|
|
|
|
}
|
2017-11-23 05:13:57 -05:00
|
|
|
|
2017-10-24 09:48:41 -04:00
|
|
|
.text-secondary {
|
|
|
|
color: $gl-text-color-secondary;
|
|
|
|
}
|
2012-08-29 14:23:43 -04:00
|
|
|
|
2018-03-06 17:54:19 -05:00
|
|
|
.text-tertiary {
|
|
|
|
color: $gl-text-color-tertiary;
|
|
|
|
}
|
|
|
|
|
2017-11-23 00:07:13 -05:00
|
|
|
.text-primary,
|
|
|
|
.text-primary:hover {
|
|
|
|
color: $brand-primary;
|
|
|
|
}
|
|
|
|
|
2017-11-23 00:04:22 -05:00
|
|
|
.text-success,
|
|
|
|
.text-success:hover {
|
|
|
|
color: $brand-success;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-danger,
|
|
|
|
.text-danger:hover {
|
|
|
|
color: $brand-danger;
|
|
|
|
}
|
|
|
|
|
2018-11-07 12:20:17 -05:00
|
|
|
.text-danger-muted,
|
|
|
|
.text-danger-muted:hover {
|
|
|
|
color: $red-300;
|
|
|
|
}
|
|
|
|
|
2017-11-23 00:04:22 -05:00
|
|
|
.text-warning,
|
|
|
|
.text-warning:hover {
|
|
|
|
color: $brand-warning;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-info,
|
|
|
|
.text-info:hover {
|
|
|
|
color: $brand-info;
|
|
|
|
}
|
|
|
|
|
2018-08-24 12:29:44 -04:00
|
|
|
.hint { font-style: italic; color: $gl-gray-400; }
|
2018-08-22 12:40:38 -04:00
|
|
|
.light { color: $gl-text-color; }
|
2012-11-29 11:09:27 -05:00
|
|
|
|
2013-08-04 06:16:27 -04:00
|
|
|
.slead {
|
2018-08-22 12:40:38 -04:00
|
|
|
color: $gl-text-color;
|
2016-12-02 14:43:33 -05:00
|
|
|
font-size: 14px;
|
2013-08-04 06:16:27 -04:00
|
|
|
margin-bottom: 12px;
|
2017-08-24 10:13:24 -04:00
|
|
|
font-weight: $gl-font-weight-normal;
|
2013-08-04 06:16:27 -04:00
|
|
|
line-height: 24px;
|
|
|
|
}
|
2012-09-19 02:14:07 -04:00
|
|
|
|
2017-04-19 12:43:57 -04:00
|
|
|
.bold {
|
2017-08-24 10:13:24 -04:00
|
|
|
font-weight: $gl-font-weight-bold;
|
2017-04-19 12:43:57 -04:00
|
|
|
}
|
|
|
|
|
2013-03-14 05:31:33 -04:00
|
|
|
.tab-content {
|
|
|
|
overflow: visible;
|
|
|
|
}
|
2013-04-26 15:12:43 -04:00
|
|
|
|
2014-02-20 06:51:22 -05:00
|
|
|
pre {
|
|
|
|
&.clean {
|
|
|
|
background: none;
|
2017-11-02 19:59:51 -04:00
|
|
|
border: 0;
|
2014-02-20 06:51:22 -05:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
2013-10-16 13:42:42 -04:00
|
|
|
}
|
|
|
|
|
2016-12-20 17:58:04 -05:00
|
|
|
&.wrap {
|
|
|
|
word-break: break-word;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
2013-10-16 13:42:42 -04:00
|
|
|
}
|
2013-11-14 10:57:09 -05:00
|
|
|
|
2015-12-02 08:46:15 -05:00
|
|
|
hr {
|
2017-04-25 13:13:59 -04:00
|
|
|
margin: 24px 0;
|
2016-12-27 16:54:56 -05:00
|
|
|
border-top: 1px solid darken($gray-normal, 8%);
|
2015-12-02 08:46:15 -05:00
|
|
|
}
|
|
|
|
|
2014-01-08 05:42:57 -05:00
|
|
|
.str-truncated {
|
2014-05-26 16:26:41 -04:00
|
|
|
@include str-truncated;
|
2017-07-12 05:50:26 -04:00
|
|
|
|
|
|
|
&-60 {
|
|
|
|
@include str-truncated(60%);
|
|
|
|
}
|
|
|
|
|
|
|
|
&-100 {
|
|
|
|
@include str-truncated(100%);
|
|
|
|
}
|
2014-01-08 05:42:57 -05:00
|
|
|
}
|
2014-01-10 07:14:55 -05:00
|
|
|
|
2016-12-20 17:58:04 -05:00
|
|
|
.block-truncated {
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
> div,
|
|
|
|
.str-truncated {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-08-24 10:13:24 -04:00
|
|
|
.item-title { font-weight: $gl-font-weight-bold; }
|
2016-01-15 05:10:55 -05:00
|
|
|
|
2017-05-09 00:15:34 -04:00
|
|
|
.author-link {
|
2018-08-14 12:44:08 -04:00
|
|
|
color: $blue-600;
|
2014-01-10 07:14:55 -05:00
|
|
|
}
|
|
|
|
|
2018-08-14 14:33:49 -04:00
|
|
|
.author-link:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2017-07-12 05:50:26 -04:00
|
|
|
table {
|
|
|
|
a code {
|
|
|
|
position: relative;
|
|
|
|
top: -2px;
|
|
|
|
margin-right: 3px;
|
|
|
|
}
|
2014-01-10 07:14:55 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.loading {
|
|
|
|
margin: 20px auto;
|
|
|
|
height: 40px;
|
2018-08-24 12:29:44 -04:00
|
|
|
color: $gl-gray-700;
|
2014-02-05 13:30:57 -05:00
|
|
|
font-size: 32px;
|
|
|
|
text-align: center;
|
2014-01-10 07:14:55 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
p.time {
|
2018-08-24 12:29:44 -04:00
|
|
|
color: $gl-gray-400;
|
2014-01-10 07:14:55 -05:00
|
|
|
font-size: 90%;
|
|
|
|
margin: 30px 3px 3px 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.highlight {
|
|
|
|
text-shadow: none;
|
|
|
|
}
|
|
|
|
|
2016-03-30 16:30:06 -04:00
|
|
|
.thin_area {
|
2014-01-10 07:14:55 -05:00
|
|
|
height: 150px;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Fix issue with notes & lists creating a bunch of bottom borders.
|
|
|
|
li.note {
|
2016-10-14 16:39:08 -04:00
|
|
|
img { max-width: 100%; }
|
2014-01-10 07:14:55 -05:00
|
|
|
.note-title {
|
|
|
|
li {
|
2017-11-02 19:59:51 -04:00
|
|
|
border-bottom: 0 !important;
|
2014-01-10 07:14:55 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown {
|
|
|
|
img {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-10-24 16:22:06 -04:00
|
|
|
.wiki_content code,
|
|
|
|
.readme code {
|
2014-01-10 07:14:55 -05:00
|
|
|
background-color: inherit;
|
|
|
|
}
|
|
|
|
|
2015-07-23 15:55:49 -04:00
|
|
|
.show-suppressed-diff,
|
2014-01-10 07:14:55 -05:00
|
|
|
.show-all-commits {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error-message {
|
|
|
|
padding: 10px;
|
2018-08-16 15:31:53 -04:00
|
|
|
background: $red-400;
|
2014-01-10 07:14:55 -05:00
|
|
|
margin: 0;
|
2016-11-30 08:25:25 -05:00
|
|
|
color: $white-light;
|
2014-01-10 07:14:55 -05:00
|
|
|
|
|
|
|
a {
|
2016-11-30 08:25:25 -05:00
|
|
|
color: $white-light;
|
2014-01-10 07:14:55 -05:00
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.warning_message {
|
2018-08-16 15:31:53 -04:00
|
|
|
border-left: 4px solid $orange-200;
|
|
|
|
color: $orange-700;
|
2014-01-10 07:14:55 -05:00
|
|
|
padding: 10px;
|
|
|
|
margin-bottom: 10px;
|
2018-08-16 15:31:53 -04:00
|
|
|
background: $orange-100;
|
2014-01-10 07:14:55 -05:00
|
|
|
padding-left: 20px;
|
|
|
|
|
|
|
|
&.centered {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.gitlab-promo {
|
|
|
|
a {
|
2018-08-24 12:29:44 -04:00
|
|
|
color: $gl-gray-350;
|
2014-01-10 07:14:55 -05:00
|
|
|
margin-right: 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.milestone {
|
|
|
|
.progress {
|
|
|
|
margin-top: 4px;
|
2017-01-31 16:26:32 -05:00
|
|
|
box-shadow: none;
|
|
|
|
background-color: $border-gray-light;
|
2014-01-10 07:14:55 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
img.emoji {
|
|
|
|
height: 20px;
|
2016-08-25 10:53:42 -04:00
|
|
|
vertical-align: top;
|
2014-01-10 07:14:55 -05:00
|
|
|
width: 20px;
|
2016-12-08 08:35:17 -05:00
|
|
|
margin-top: 1px;
|
2014-01-10 07:14:55 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.chart {
|
|
|
|
overflow: hidden;
|
|
|
|
height: 220px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.description-block {
|
|
|
|
@extend .light-well;
|
|
|
|
@extend .light;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
2015-03-09 20:06:08 -04:00
|
|
|
.footer-links {
|
|
|
|
margin-bottom: 20px;
|
2016-10-14 16:39:08 -04:00
|
|
|
|
2015-03-09 20:06:08 -04:00
|
|
|
a {
|
|
|
|
margin-right: 15px;
|
|
|
|
}
|
2014-07-11 10:37:20 -04:00
|
|
|
}
|
2014-07-30 18:07:40 -04:00
|
|
|
|
2018-04-09 11:26:28 -04:00
|
|
|
.card.card-body {
|
2015-12-08 06:53:02 -05:00
|
|
|
margin-bottom: $gl-padding;
|
2016-11-18 17:46:57 -05:00
|
|
|
|
|
|
|
hr {
|
|
|
|
border-color: $gray-darker;
|
|
|
|
}
|
2015-11-11 10:26:12 -05:00
|
|
|
}
|
|
|
|
|
2014-07-30 18:07:40 -04:00
|
|
|
.search_box {
|
2018-04-09 11:26:28 -04:00
|
|
|
@extend .card.card-body;
|
2014-07-30 18:07:40 -04:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2015-09-15 08:56:42 -04:00
|
|
|
.dropzone .dz-preview .dz-progress {
|
|
|
|
border-color: $border-color !important;
|
|
|
|
|
2017-07-12 05:50:26 -04:00
|
|
|
.dz-upload {
|
2018-08-21 13:52:31 -04:00
|
|
|
background: $green-500 !important;
|
2017-07-12 05:50:26 -04:00
|
|
|
}
|
|
|
|
|
2015-09-15 08:56:42 -04:00
|
|
|
}
|
2015-10-05 15:18:21 -04:00
|
|
|
|
2017-07-16 19:35:00 -04:00
|
|
|
.dz-message {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2015-10-05 15:18:21 -04:00
|
|
|
.space-right {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
2015-12-02 08:46:15 -05:00
|
|
|
|
2018-07-25 17:06:03 -04:00
|
|
|
.alert {
|
2015-12-02 08:46:15 -05:00
|
|
|
margin-bottom: $gl-padding;
|
|
|
|
}
|
2015-12-07 11:12:04 -05:00
|
|
|
|
2018-07-25 17:06:03 -04:00
|
|
|
.progress {
|
|
|
|
height: 4px;
|
|
|
|
}
|
|
|
|
|
2016-01-15 04:13:12 -05:00
|
|
|
.project-item-select-holder {
|
2016-02-23 03:44:18 -05:00
|
|
|
display: inline-block;
|
2015-12-07 11:12:04 -05:00
|
|
|
position: relative;
|
|
|
|
|
2016-01-15 04:13:12 -05:00
|
|
|
.project-item-select {
|
2015-12-07 11:12:04 -05:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
2016-03-24 09:43:35 -04:00
|
|
|
min-width: 250px;
|
2015-12-07 11:12:04 -05:00
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
}
|
2015-12-10 13:04:58 -05:00
|
|
|
|
2016-11-17 09:03:23 -05:00
|
|
|
.gl-accessibility {
|
2016-11-17 17:07:13 -05:00
|
|
|
&:focus {
|
2017-09-07 00:48:40 -04:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2016-11-17 17:07:13 -05:00
|
|
|
top: 1px;
|
|
|
|
left: 1px;
|
|
|
|
width: auto;
|
|
|
|
height: 100%;
|
|
|
|
padding: 0 10px;
|
|
|
|
clip: auto;
|
|
|
|
text-decoration: none;
|
2016-12-30 15:18:27 -05:00
|
|
|
color: $gl-text-color;
|
2016-11-17 17:07:13 -05:00
|
|
|
background: $gray-light;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
2016-11-17 09:03:23 -05:00
|
|
|
}
|
2016-12-05 10:26:22 -05:00
|
|
|
|
2017-05-02 04:05:43 -04:00
|
|
|
.bordered-box {
|
|
|
|
border: 1px solid $border-color;
|
|
|
|
border-radius: $border-radius-default;
|
|
|
|
}
|
|
|
|
|
2017-02-25 02:33:15 -05:00
|
|
|
.tooltip {
|
|
|
|
.tooltip-inner {
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
}
|
2017-05-15 18:12:43 -04:00
|
|
|
|
|
|
|
.disabled-content {
|
|
|
|
pointer-events: none;
|
|
|
|
opacity: .5;
|
|
|
|
}
|
2017-11-02 02:54:08 -04:00
|
|
|
|
2018-03-21 10:51:45 -04:00
|
|
|
.break-word {
|
2018-03-20 13:26:30 -04:00
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
2018-10-01 10:16:27 -04:00
|
|
|
.checkbox-icon-inline-wrapper {
|
|
|
|
.checkbox {
|
|
|
|
display: inline;
|
|
|
|
|
|
|
|
label {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-10-19 19:53:32 -04:00
|
|
|
.outline-0 {
|
|
|
|
outline: 0;
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-11-02 02:54:08 -04:00
|
|
|
/** COMMON CLASSES **/
|
|
|
|
.prepend-top-0 { margin-top: 0; }
|
2018-05-02 04:08:16 -04:00
|
|
|
.prepend-top-2 { margin-top: 2px; }
|
2018-11-07 12:20:17 -05:00
|
|
|
.prepend-top-4 { margin-top: $gl-padding-4; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.prepend-top-5 { margin-top: 5px; }
|
2017-11-20 13:34:22 -05:00
|
|
|
.prepend-top-8 { margin-top: $grid-size; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.prepend-top-10 { margin-top: 10px; }
|
|
|
|
.prepend-top-15 { margin-top: 15px; }
|
|
|
|
.prepend-top-default { margin-top: $gl-padding !important; }
|
2018-02-01 09:19:27 -05:00
|
|
|
.prepend-top-16 { margin-top: 16px; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.prepend-top-20 { margin-top: 20px; }
|
|
|
|
.prepend-left-4 { margin-left: 4px; }
|
|
|
|
.prepend-left-5 { margin-left: 5px; }
|
2018-02-01 09:19:27 -05:00
|
|
|
.prepend-left-8 { margin-left: 8px; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.prepend-left-10 { margin-left: 10px; }
|
|
|
|
.prepend-left-default { margin-left: $gl-padding; }
|
|
|
|
.prepend-left-20 { margin-left: 20px; }
|
2018-08-07 19:23:23 -04:00
|
|
|
.append-right-4 { margin-right: 4px; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.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; }
|
2018-11-07 12:20:17 -05:00
|
|
|
.append-bottom-4 { margin-bottom: $gl-padding-4; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.append-bottom-5 { margin-bottom: 5px; }
|
2018-04-19 07:04:49 -04:00
|
|
|
.append-bottom-8 { margin-bottom: $grid-size; }
|
2017-11-02 02:54:08 -04:00
|
|
|
.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; }
|
2018-08-01 10:57:05 -04:00
|
|
|
.flex-align-self-center { align-self: center; }
|
2018-08-07 19:23:23 -04:00
|
|
|
.flex-grow { flex-grow: 1; }
|
|
|
|
.flex-no-shrink { flex-shrink: 0; }
|
2018-10-19 19:53:32 -04:00
|
|
|
.mw-460 { max-width: 460px; }
|
|
|
|
.ws-initial { white-space: initial; }
|
2018-12-07 11:29:32 -05:00
|
|
|
.min-height-0 { min-height: 0; }
|