Skip to content

G
gitlab-ce
Commit a26e19cb authored by George Tsiolis's avatar George Tsiolis
Browse files
Options

Replace snake case in mixins and merge_conflicts variables

parent 96a47d42
Hide whitespace changes
Inline Side-by-side
Showing with 109 additions and 110 deletions
app/assets/stylesheets/framework/mixins.scss
View file @ a26e19cb
...@@ -3,13 +3,13 @@ ...@@ -3,13 +3,13 @@
* Mixins with fixed values * Mixins with fixed values
*/ */
@mixin str-truncated($max_width: 82%) { @mixin str-truncated($max-width: 82%) {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: top; vertical-align: top;
white-space: nowrap; white-space: nowrap;
max-width: $max_width; max-width: $max-width;
} }
/* /*
......
app/assets/stylesheets/pages/merge_conflicts.scss
View file @ a26e19cb
// Disabled to use the color map for creating color schemes // Disabled to use the color map for creating color schemes
// scss-lint:disable ColorVariable // scss-lint:disable ColorVariable
$colors: ( $colors: (
white_header_head_neutral : #e1fad7, white-header-head-neutral : #e1fad7,
white_line_head_neutral : #effdec, white-line-head-neutral : #effdec,
white_button_head_neutral : #9adb84, white-button-head-neutral : #9adb84,
white_header_head_chosen : #baf0a8, white-header-head-chosen : #baf0a8,
white_line_head_chosen : #e1fad7, white-line-head-chosen : #e1fad7,
white_button_head_chosen : #52c22d, white-button-head-chosen : #52c22d,
white_header_origin_neutral : #e0f0ff, white-header-origin-neutral : #e0f0ff,
white_line_origin_neutral : #f2f9ff, white-line-origin-neutral : #f2f9ff,
white_button_origin_neutral : #87c2fa, white-button-origin-neutral : #87c2fa,
white_header_origin_chosen : #add8ff, white-header-origin-chosen : #add8ff,
white_line_origin_chosen : #e0f0ff, white-line-origin-chosen : #e0f0ff,
white_button_origin_chosen : #268ced, white-button-origin-chosen : #268ced,
white_header_not_chosen : #f0f0f0, white-header-not-chosen : #f0f0f0,
white_line_not_chosen : $gray-light, 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_neutral : rgba(#3f3, .2), dark-header-head-chosen : rgba(#3f3, .33),
dark_line_head_neutral : rgba(#3f3, .1), dark-line-head-chosen : rgba(#3f3, .2),
dark_button_head_neutral : #40874f, dark-button-head-chosen : #258537,
dark_header_head_chosen : rgba(#3f3, .33), dark-header-origin-neutral : rgba(#2878c9, .4),
dark_line_head_chosen : rgba(#3f3, .2), dark-line-origin-neutral : rgba(#2878c9, .3),
dark_button_head_chosen : #258537, dark-button-origin-neutral : #2a5c8c,
dark_header_origin_neutral : rgba(#2878c9, .4), dark-header-origin-chosen : rgba(#2878c9, .6),
dark_line_origin_neutral : rgba(#2878c9, .3), dark-line-origin-chosen : rgba(#2878c9, .4),
dark_button_origin_neutral : #2a5c8c, dark-button-origin-chosen : #1d6cbf,
dark_header_origin_chosen : rgba(#2878c9, .6), dark-header-not-chosen : rgba(#fff, .25),
dark_line_origin_chosen : rgba(#2878c9, .4), dark-line-not-chosen : rgba(#fff, .1),
dark_button_origin_chosen : #1d6cbf,
dark_header_not_chosen : rgba(#fff, .25), monokai-header-head-neutral : rgba(#a6e22e, .25),
dark_line_not_chosen : rgba(#fff, .1), 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_head_neutral : rgba(#a6e22e, .25), monokai-header-origin-neutral : rgba(#60d9f1, .35),
monokai_line_head_neutral : rgba(#a6e22e, .1), monokai-line-origin-neutral : rgba(#60d9f1, .15),
monokai_button_head_neutral : #376b20, monokai-button-origin-neutral : #38848c,
monokai_header_head_chosen : rgba(#a6e22e, .4), monokai-header-origin-chosen : rgba(#60d9f1, .5),
monokai_line_head_chosen : rgba(#a6e22e, .25), monokai-line-origin-chosen : rgba(#60d9f1, .35),
monokai_button_head_chosen : #39800d, monokai-button-origin-chosen : #3ea4b2,
monokai_header_origin_neutral : rgba(#60d9f1, .35), monokai-header-not-chosen : rgba(#76715d, .24),
monokai_line_origin_neutral : rgba(#60d9f1, .15), monokai-line-not-chosen : rgba(#76715d, .1),
monokai_button_origin_neutral : #38848c,
monokai_header_origin_chosen : rgba(#60d9f1, .5), solarized-light-header-head-neutral : rgba(#859900, .37),
monokai_line_origin_chosen : rgba(#60d9f1, .35), solarized-light-line-head-neutral : rgba(#859900, .2),
monokai_button_origin_chosen : #3ea4b2, solarized-light-button-head-neutral : #afb262,
monokai_header_not_chosen : rgba(#76715d, .24), solarized-light-header-head-chosen : rgba(#859900, .5),
monokai_line_not_chosen : rgba(#76715d, .1), 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_head_neutral : rgba(#859900, .37), solarized-light-header-origin-chosen : rgba(#2878c9, .6),
solarized_light_line_head_neutral : rgba(#859900, .2), solarized-light-line-origin-chosen : rgba(#2878c9, .37),
solarized_light_button_head_neutral : #afb262, solarized-light-button-origin-chosen : #2482b2,
solarized_light_header_head_chosen : rgba(#859900, .5), solarized-light-header-not-chosen : rgba(#839496, .37),
solarized_light_line_head_chosen : rgba(#859900, .37), solarized-light-line-not-chosen : rgba(#839496, .2),
solarized_light_button_head_chosen : #94993d,
solarized_light_header_origin_neutral : rgba(#2878c9, .37), solarized-dark-header-head-neutral : rgba(#859900, .35),
solarized_light_line_origin_neutral : rgba(#2878c9, .15), solarized-dark-line-head-neutral : rgba(#859900, .15),
solarized_light_button_origin_neutral : #60a1bf, solarized-dark-button-head-neutral : #376b20,
solarized_light_header_origin_chosen : rgba(#2878c9, .6), solarized-dark-header-head-chosen : rgba(#859900, .5),
solarized_light_line_origin_chosen : rgba(#2878c9, .37), solarized-dark-line-head-chosen : rgba(#859900, .35),
solarized_light_button_origin_chosen : #2482b2, solarized-dark-button-head-chosen : #39800d,
solarized_light_header_not_chosen : rgba(#839496, .37), solarized-dark-header-origin-neutral : rgba(#2878c9, .35),
solarized_light_line_not_chosen : rgba(#839496, .2), 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_head_neutral : rgba(#859900, .35), solarized-dark-header-not-chosen : rgba(#839496, .25),
solarized_dark_line_head_neutral : rgba(#859900, .15), solarized-dark-line-not-chosen : rgba(#839496, .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 // scss-lint:enable ColorVariable
@mixin color-scheme($color) { @mixin color-scheme($color) {
.header.line_content, .header.line_content,
.diff-line-num { .diff-line-num {
&.origin { &.origin {
background-color: map-get($colors, #{$color}_header_origin_neutral); background-color: map-get($colors, #{$color}-header-origin-neutral);
border-color: map-get($colors, #{$color}_header_origin_neutral); border-color: map-get($colors, #{$color}-header-origin-neutral);
button { button {
background-color: map-get($colors, #{$color}_button_origin_neutral); background-color: map-get($colors, #{$color}-button-origin-neutral);
border-color: darken(map-get($colors, #{$color}_button_origin_neutral), 15); border-color: darken(map-get($colors, #{$color}-button-origin-neutral), 15);
} }
&.selected { &.selected {
background-color: map-get($colors, #{$color}_header_origin_chosen); background-color: map-get($colors, #{$color}-header-origin-chosen);
border-color: map-get($colors, #{$color}_header_origin_chosen); border-color: map-get($colors, #{$color}-header-origin-chosen);
button { button {
background-color: map-get($colors, #{$color}_button_origin_chosen); background-color: map-get($colors, #{$color}-button-origin-chosen);
border-color: darken(map-get($colors, #{$color}_button_origin_chosen), 15); border-color: darken(map-get($colors, #{$color}-button-origin-chosen), 15);
} }
} }
&.unselected { &.unselected {
background-color: map-get($colors, #{$color}_header_not_chosen); background-color: map-get($colors, #{$color}-header-not-chosen);
border-color: map-get($colors, #{$color}_header_not_chosen); border-color: map-get($colors, #{$color}-header-not-chosen);
button { button {
background-color: lighten(map-get($colors, #{$color}_button_origin_neutral), 15); background-color: lighten(map-get($colors, #{$color}-button-origin-neutral), 15);
border-color: map-get($colors, #{$color}_button_origin_neutral); border-color: map-get($colors, #{$color}-button-origin-neutral);
} }
} }
} }
&.head { &.head {
background-color: map-get($colors, #{$color}_header_head_neutral); background-color: map-get($colors, #{$color}-header-head-neutral);
border-color: map-get($colors, #{$color}_header_head_neutral); border-color: map-get($colors, #{$color}-header-head-neutral);
button { button {
background-color: map-get($colors, #{$color}_button_head_neutral); background-color: map-get($colors, #{$color}-button-head-neutral);
border-color: darken(map-get($colors, #{$color}_button_head_neutral), 15); border-color: darken(map-get($colors, #{$color}-button-head-neutral), 15);
} }
&.selected { &.selected {
background-color: map-get($colors, #{$color}_header_head_chosen); background-color: map-get($colors, #{$color}-header-head-chosen);
border-color: map-get($colors, #{$color}_header_head_chosen); border-color: map-get($colors, #{$color}-header-head-chosen);
button { button {
background-color: map-get($colors, #{$color}_button_head_chosen); background-color: map-get($colors, #{$color}-button-head-chosen);
border-color: darken(map-get($colors, #{$color}_button_head_chosen), 15); border-color: darken(map-get($colors, #{$color}-button-head-chosen), 15);
} }
} }
&.unselected { &.unselected {
background-color: map-get($colors, #{$color}_header_not_chosen); background-color: map-get($colors, #{$color}-header-not-chosen);
border-color: map-get($colors, #{$color}_header_not_chosen); border-color: map-get($colors, #{$color}-header-not-chosen);
button { button {
background-color: lighten(map-get($colors, #{$color}_button_head_neutral), 15); background-color: lighten(map-get($colors, #{$color}-button-head-neutral), 15);
border-color: map-get($colors, #{$color}_button_head_neutral); border-color: map-get($colors, #{$color}-button-head-neutral);
} }
} }
} }
...@@ -169,32 +164,31 @@ $colors: ( ...@@ -169,32 +164,31 @@ $colors: (
.line_content { .line_content {
&.origin { &.origin {
background-color: map-get($colors, #{$color}_line_origin_neutral); background-color: map-get($colors, #{$color}-line-origin-neutral);
&.selected { &.selected {
background-color: map-get($colors, #{$color}_line_origin_chosen); background-color: map-get($colors, #{$color}-line-origin-chosen);
} }
&.unselected { &.unselected {
background-color: map-get($colors, #{$color}_line_not_chosen); background-color: map-get($colors, #{$color}-line-not-chosen);
} }
} }
&.head { &.head {
background-color: map-get($colors, #{$color}_line_head_neutral); background-color: map-get($colors, #{$color}-line-head-neutral);
&.selected { &.selected {
background-color: map-get($colors, #{$color}_line_head_chosen); background-color: map-get($colors, #{$color}-line-head-chosen);
} }
&.unselected { &.unselected {
background-color: map-get($colors, #{$color}_line_not_chosen); background-color: map-get($colors, #{$color}-line-not-chosen);
} }
} }
} }
} }
#conflicts { #conflicts {
.white { .white {
...@@ -210,11 +204,11 @@ $colors: ( ...@@ -210,11 +204,11 @@ $colors: (
} }
.solarized-light { .solarized-light {
@include color-scheme('solarized_light') @include color-scheme('solarized-light')
} }
.solarized-dark { .solarized-dark {
@include color-scheme('solarized_dark') @include color-scheme('solarized-dark')
} }
.diff-wrap-lines .line_content { .diff-wrap-lines .line_content {
......
changelogs/unreleased/replace-all-snake-case-in-scss-variables.yml 0 → 100644
View file @ a26e19cb
---
title: Replace snake case in SCSS variables
merge_request: 20799
author: George Tsiolis
type: other
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7