Skip to content

editorconfig for scss #437

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed

editorconfig for scss #437

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
249a942
initit editorconfig
jkowalleck Dec 26, 2020
2d7c39b
editorconfig added & applied for SCSS
jkowalleck Dec 26, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .editorconfig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@

root = true
8 changes: 8 additions & 0 deletions src/layout/css/.editorconfig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@

[*.{scss,sass}]
charset = utf-8
end_of_line = lf
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
209 changes: 103 additions & 106 deletions src/layout/css/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,59 +6,57 @@ $border-width: 1px;

$spacing: 5px;



body {
font-family: Helvetica, Arial, sans-serif;
font-size: $font-size-text;
/* do not increase min-width as some may use split screens */
min-width: 800px;
color: #999;
font-family: Helvetica, Arial, sans-serif;
font-size: $font-size-text;
/* do not increase min-width as some may use split screens */
min-width: 800px;
color: #999;
}

h1 {
font-size: $font-size-h1;
color: black;
font-size: $font-size-h1;
color: black;
}

h2 {
font-size: $font-size-h2;
color: black;
font-size: $font-size-h2;
color: black;
}

p {
color: black;
color: black;
}

a {
color: #999;
color: #999;
}

table {
border-collapse: collapse;
border-collapse: collapse;
}

/******************************
* SUMMARY INFORMATION
******************************/

#environment {
td {
padding: $spacing;
border: $border-width solid #E6E6E6;
}
td {
padding: $spacing;
border: $border-width solid #e6e6e6;
}

tr:nth-child(odd) {
background-color: #f6f6f6;
}
tr:nth-child(odd) {
background-color: #f6f6f6;
}
}

/******************************
* TEST RESULT COLORS
******************************/
span.passed,
.passed .col-result {
color: green;
color: green;
}

span.skipped,
Expand All @@ -67,7 +65,7 @@ span.rerun,
.skipped .col-result,
.xfailed .col-result,
.rerun .col-result {
color: orange;
color: orange;
}

span.error,
Expand All @@ -76,10 +74,9 @@ span.xpassed,
.error .col-result,
.failed .col-result,
.xpassed .col-result {
color: red;
color: red;
}


/******************************
* RESULTS TABLE
*
Expand All @@ -94,21 +91,21 @@ span.xpassed,
*------------------*/

#results-table {
border: $border-width solid #e6e6e6;
color: #999;
font-size: $font-size-text;
width: 100%;
border: $border-width solid #e6e6e6;
color: #999;
font-size: $font-size-text;
width: 100%;

th,
td {
padding: $spacing;
border: $border-width solid #E6E6E6;
text-align: left;
}
th,
td {
padding: $spacing;
border: $border-width solid #e6e6e6;
text-align: left;
}

th {
font-weight: bold;
}
th {
font-weight: bold;
}
}

/*------------------
Expand All @@ -119,99 +116,99 @@ $extra-height: 240px;
$extra-media-width: 320px;

.log {
background-color: #e6e6e6;
border: $border-width solid #e6e6e6;
color: black;
display: block;
font-family: "Courier New", Courier, monospace;
height: $extra-height - 2 * $spacing;
overflow-y: scroll;
padding: $spacing;
white-space: pre-wrap;
background-color: #e6e6e6;
border: $border-width solid #e6e6e6;
color: black;
display: block;
font-family: "Courier New", Courier, monospace;
height: $extra-height - 2 * $spacing;
overflow-y: scroll;
padding: $spacing;
white-space: pre-wrap;

&:only-child {
height: inherit;
}
&:only-child {
height: inherit;
}
}

div.image {
border: $border-width solid #e6e6e6;
float: right;
height: $extra-height;
margin-left: $spacing;
overflow: hidden;
width: $extra-media-width;
border: $border-width solid #e6e6e6;
float: right;
height: $extra-height;
margin-left: $spacing;
overflow: hidden;
width: $extra-media-width;

img {
width: $extra-media-width;
}
img {
width: $extra-media-width;
}
}

div.video {
border: $border-width solid #e6e6e6;
float: right;
height: $extra-height;
margin-left: $spacing;
overflow: hidden;
width: $extra-media-width;
border: $border-width solid #e6e6e6;
float: right;
height: $extra-height;
margin-left: $spacing;
overflow: hidden;
width: $extra-media-width;

video {
overflow: hidden;
width: $extra-media-width;
height: $extra-height;
}
video {
overflow: hidden;
width: $extra-media-width;
height: $extra-height;
}
}

.collapsed {
display: none;
display: none;
}

.expander::after {
content: " (show details)";
color: #BBB;
font-style: italic;
cursor: pointer;
content: " (show details)";
color: #bbb;
font-style: italic;
cursor: pointer;
}

.collapser::after {
content: " (hide details)";
color: #BBB;
font-style: italic;
cursor: pointer;
content: " (hide details)";
color: #bbb;
font-style: italic;
cursor: pointer;
}

/*------------------
* 3. Sorting items
*------------------*/
.sortable {
cursor: pointer;
cursor: pointer;
}

.sort-icon {
font-size: 0px;
float: left;
margin-right: $spacing;
margin-top: $spacing;

/*triangle*/
$triangle-width: 8px;
width: 0;
height: 0;
border-left: $triangle-width solid transparent;
border-right: $triangle-width solid transparent;

.inactive & {
/*finish triangle*/
border-top: $triangle-width solid #E6E6E6;
}

.asc.active & {
/*finish triangle*/
border-bottom: $triangle-width solid #999;
}

.desc.active & {
/*finish triangle*/
border-top: $triangle-width solid #999;
}
font-size: 0px;
float: left;
margin-right: $spacing;
margin-top: $spacing;

/*triangle*/
$triangle-width: 8px;
width: 0;
height: 0;
border-left: $triangle-width solid transparent;
border-right: $triangle-width solid transparent;

.inactive & {
/*finish triangle*/
border-top: $triangle-width solid #e6e6e6;
}

.asc.active & {
/*finish triangle*/
border-bottom: $triangle-width solid #999;
}

.desc.active & {
/*finish triangle*/
border-top: $triangle-width solid #999;
}
}