2012-11-27 18:30:26 -05:00
|
|
|
/**
|
|
|
|
* Prefilled mixins
|
|
|
|
* Mixins with fixed values
|
|
|
|
*/
|
|
|
|
|
2014-06-04 11:52:35 -04:00
|
|
|
@mixin str-truncated($max_width: 82%) {
|
2014-05-26 16:26:41 -04:00
|
|
|
display: inline-block;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
vertical-align: top;
|
|
|
|
white-space: nowrap;
|
|
|
|
max-width: $max_width;
|
|
|
|
}
|
2015-08-26 16:44:02 -04:00
|
|
|
|
|
|
|
/*
|
|
|
|
* Base mixin for lists in GitLab
|
|
|
|
*/
|
|
|
|
@mixin basic-list {
|
2016-03-16 19:29:47 -04:00
|
|
|
margin: 5px 0;
|
|
|
|
padding: 0;
|
2015-08-26 18:06:48 -04:00
|
|
|
list-style: none;
|
2015-08-26 16:44:02 -04:00
|
|
|
|
2015-09-07 05:44:00 -04:00
|
|
|
> li {
|
2015-11-06 08:44:46 -05:00
|
|
|
@include clearfix;
|
|
|
|
|
2015-08-26 16:44:02 -04:00
|
|
|
padding: 10px 0;
|
2016-11-30 08:25:25 -05:00
|
|
|
border-bottom: 1px solid $list-border-light;
|
2015-08-26 16:44:02 -04:00
|
|
|
display: block;
|
2016-03-16 19:29:47 -04:00
|
|
|
margin: 0;
|
2015-08-26 16:44:02 -04:00
|
|
|
|
|
|
|
&:last-child {
|
2015-09-07 19:25:51 -04:00
|
|
|
border-bottom: none;
|
2015-08-26 16:44:02 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
&.active {
|
2016-08-19 11:39:18 -04:00
|
|
|
background: $gray-light;
|
2016-10-14 16:39:08 -04:00
|
|
|
|
2015-08-26 16:44:02 -04:00
|
|
|
a {
|
2015-09-22 09:14:26 -04:00
|
|
|
font-weight: 600;
|
2015-08-26 16:44:02 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.hide {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.light {
|
|
|
|
a {
|
2016-12-30 15:18:27 -05:00
|
|
|
color: $gl-text-color;
|
2015-08-26 16:44:02 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2015-09-02 07:02:16 -04:00
|
|
|
|
2016-06-17 14:32:40 -04:00
|
|
|
@mixin bulleted-list {
|
|
|
|
> ul {
|
|
|
|
list-style-type: disc;
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style-type: circle;
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style-type: square;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-07-31 11:25:40 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin dark-diff-match-line {
|
2016-11-30 08:25:25 -05:00
|
|
|
color: $dark-diff-match-bg;
|
|
|
|
background: $dark-diff-match-color;
|
2016-07-31 11:25:40 -04:00
|
|
|
}
|
2016-08-03 23:20:08 -04:00
|
|
|
|
|
|
|
@mixin webkit-prefix($property, $value) {
|
|
|
|
#{'-webkit-' + $property}: $value;
|
|
|
|
#{$property}: $value;
|
|
|
|
}
|
2016-08-05 17:42:25 -04:00
|
|
|
|
|
|
|
@mixin keyframes($animation-name) {
|
|
|
|
@-webkit-keyframes #{$animation-name} {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes #{$animation-name} {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
2016-09-29 15:28:33 -04:00
|
|
|
|
|
|
|
@mixin include-keyframes($animation-name) {
|
|
|
|
@include webkit-prefix(animation-name, $animation-name);
|
|
|
|
@include keyframes($animation-name) {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|