mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
tech: ran prettier on all scss files
This commit is contained in:
Torkel Ödegaard
@@ -1,4 +1,3 @@
|
||||
|
||||
.admin-settings-section {
|
||||
color: $variable;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -41,7 +41,8 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.icon-gf, .fa {
|
||||
.icon-gf,
|
||||
.fa {
|
||||
font-size: 200%;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
@@ -102,7 +103,7 @@
|
||||
|
||||
.panel-alert-state {
|
||||
&--alerting {
|
||||
box-shadow: 0 0 10px rgba($critical,0.5);
|
||||
box-shadow: 0 0 10px rgba($critical, 0.5);
|
||||
position: relative;
|
||||
|
||||
.panel-alert-icon:before {
|
||||
@@ -112,18 +113,18 @@
|
||||
}
|
||||
|
||||
&--alerting::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px rgba($critical,1);
|
||||
box-shadow: 0 0 10px rgba($critical, 1);
|
||||
opacity: 0;
|
||||
animation: alerting-panel 1.6s cubic-bezier(1,.1,.73,1) 0s infinite alternate;
|
||||
animation: alerting-panel 1.6s cubic-bezier(1, 0.1, 0.73, 1) 0s infinite
|
||||
alternate;
|
||||
}
|
||||
|
||||
|
||||
&--ok {
|
||||
.panel-alert-icon:before {
|
||||
color: $online;
|
||||
|
||||
@@ -19,7 +19,7 @@ div.flot-text {
|
||||
&--solo {
|
||||
.panel-container {
|
||||
border: none;
|
||||
z-index: $zindex-sidemenu + 1
|
||||
z-index: $zindex-sidemenu + 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -98,7 +98,7 @@ div.flot-text {
|
||||
}
|
||||
|
||||
.panel-loading {
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: 0px;
|
||||
z-index: 800;
|
||||
@@ -184,7 +184,7 @@ div.flot-text {
|
||||
}
|
||||
}
|
||||
|
||||
.panel-hover-highlight {
|
||||
.panel-hover-highlight {
|
||||
.panel-menu-toggle {
|
||||
visibility: visible;
|
||||
transition: opacity 0.1s ease-in 0.2s;
|
||||
@@ -213,7 +213,7 @@ div.flot-text {
|
||||
span {
|
||||
display: inline-block;
|
||||
@include brand-bottom-border();
|
||||
padding: 0.5rem .5rem .2rem .5rem;
|
||||
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
//
|
||||
// Layout
|
||||
//
|
||||
@@ -9,60 +8,74 @@
|
||||
}
|
||||
|
||||
.error-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.error-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.error-space-between {justify-content: space-between;}
|
||||
.error-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.graph-box {
|
||||
width: 62%;
|
||||
padding: 2rem 1rem;
|
||||
width: 62%;
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
width: 38%;
|
||||
padding: 2rem 1rem 2rem;
|
||||
width: 38%;
|
||||
padding: 2rem 1rem 2rem;
|
||||
}
|
||||
|
||||
.graph-percentage {padding: 0 0 1.5rem;}
|
||||
.graph-percentage {
|
||||
padding: 0 0 1.5rem;
|
||||
}
|
||||
|
||||
.image-box {padding: .5rem}
|
||||
.image-box {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.left-margin{padding: 0 0 0 5rem;}
|
||||
.left-margin {
|
||||
padding: 0 0 0 5rem;
|
||||
}
|
||||
|
||||
.current-box {justify-content: flex-end;}
|
||||
.current-box {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
//
|
||||
// Text
|
||||
//
|
||||
|
||||
.current-text {
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
line-height: 1rem;
|
||||
color: $blue;
|
||||
font-weight: bold;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.error-link {color: $orange;}
|
||||
.error-link {
|
||||
color: $orange;
|
||||
}
|
||||
|
||||
.error-minus {
|
||||
color: #7eb26d;
|
||||
padding: 0 .5rem;
|
||||
line-height: 1.5rem;
|
||||
color: #7eb26d;
|
||||
padding: 0 0.5rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.graph-percentage p {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
line-height: 1rem;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.graph-text {margin: 0;}
|
||||
.graph-text {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.graph-box {
|
||||
@@ -84,7 +97,7 @@
|
||||
}
|
||||
|
||||
.info-box {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.error-full-width {
|
||||
|
||||
@@ -29,10 +29,13 @@
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
|
||||
&:before, &:after {
|
||||
&:before,
|
||||
&:after {
|
||||
}
|
||||
|
||||
&:after { left: -40px; }
|
||||
&:after {
|
||||
left: -40px;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-line-number {
|
||||
@@ -44,7 +47,9 @@
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.diff-line-number-hide { visibility: hidden; }
|
||||
.diff-line-number-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.diff-line-icon {
|
||||
color: $diff-json-icon;
|
||||
@@ -58,28 +63,49 @@
|
||||
.diff-json-new,
|
||||
.diff-json-old,
|
||||
.diff-json-deleted,
|
||||
.diff-json-added, {
|
||||
.diff-json-added {
|
||||
color: $diff-json-changed-fg;
|
||||
|
||||
& .diff-line-number { color: $diff-json-changed-num; }
|
||||
& .diff-line-number {
|
||||
color: $diff-json-changed-num;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-json-new { background-color: $diff-json-new; }
|
||||
.diff-json-old { background-color: $diff-json-old; }
|
||||
.diff-json-added { background-color: $diff-json-added; }
|
||||
.diff-json-deleted { background-color: $diff-json-deleted; }
|
||||
.diff-json-new {
|
||||
background-color: $diff-json-new;
|
||||
}
|
||||
.diff-json-old {
|
||||
background-color: $diff-json-old;
|
||||
}
|
||||
.diff-json-added {
|
||||
background-color: $diff-json-added;
|
||||
}
|
||||
.diff-json-deleted {
|
||||
background-color: $diff-json-deleted;
|
||||
}
|
||||
|
||||
.diff-value {
|
||||
user-select: all;
|
||||
}
|
||||
|
||||
// Basic
|
||||
.diff-circle { margin-right: .5em; }
|
||||
.diff-circle-changed { color: #f59433; }
|
||||
.diff-circle-added { color: #29D761; }
|
||||
.diff-circle-deleted { color: #fd474a; }
|
||||
.diff-circle {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.diff-circle-changed {
|
||||
color: #f59433;
|
||||
}
|
||||
.diff-circle-added {
|
||||
color: #29d761;
|
||||
}
|
||||
.diff-circle-deleted {
|
||||
color: #fd474a;
|
||||
}
|
||||
|
||||
.diff-item-added, .diff-item-deleted { list-style: none; }
|
||||
.diff-item-added,
|
||||
.diff-item-deleted {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.diff-group {
|
||||
background: $diff-group-bg;
|
||||
@@ -88,7 +114,9 @@
|
||||
padding: 10px 15px;
|
||||
margin: 1rem 0;
|
||||
|
||||
& .diff-group { padding: 0 5px; }
|
||||
& .diff-group {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-group-name {
|
||||
@@ -100,20 +128,24 @@
|
||||
}
|
||||
|
||||
.diff-summary-key {
|
||||
padding-left: .25em;
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
|
||||
.diff-list {
|
||||
padding-left: 40px;
|
||||
|
||||
& .diff-list { padding-left: 0; }
|
||||
& .diff-list {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-item {
|
||||
color: $gray-2;
|
||||
line-height: 2.5;
|
||||
|
||||
& > div { display: inline; }
|
||||
& > div {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.diff-item-changeset {
|
||||
@@ -125,7 +157,7 @@
|
||||
border-radius: 3px;
|
||||
color: $diff-label-fg;
|
||||
display: inline;
|
||||
font-size: .95rem;
|
||||
font-size: 0.95rem;
|
||||
margin: 0 5px;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
@@ -160,7 +192,7 @@
|
||||
|
||||
.diff-change-group {
|
||||
width: 100%;
|
||||
color: rgba(223,224,225, .6);
|
||||
color: rgba(223, 224, 225, 0.6);
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
|
||||
@@ -44,7 +44,7 @@ select:-webkit-autofill:focus {
|
||||
.login-form-input {
|
||||
border: 1px solid $login-border;
|
||||
border-radius: 4px;
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
|
||||
&:focus {
|
||||
border: 1px solid $login-border;
|
||||
@@ -55,9 +55,9 @@ select:-webkit-autofill:focus {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
margin-top: .5rem
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.login-button-forgot-password {
|
||||
@@ -95,7 +95,7 @@ select:-webkit-autofill:focus {
|
||||
color: $link-color;
|
||||
position: relative;
|
||||
font-size: 2rem;
|
||||
text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
|
||||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -211,7 +211,7 @@ select:-webkit-autofill:focus {
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
margin-top: 1rem
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.login-signup-title {
|
||||
@@ -328,7 +328,6 @@ select:-webkit-autofill:focus {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.login-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -364,14 +363,15 @@ select:-webkit-autofill:focus {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
&:before, &:after {
|
||||
&:before,
|
||||
&:after {
|
||||
backface-visibility: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -388,6 +388,12 @@ select:-webkit-autofill:focus {
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
background-image: -webkit-radial-gradient(center center, ellipse farthest-corner, transparent 0%, transparent 10%, rgba(18, 22, 29, 1) 100%);
|
||||
z-index:2;
|
||||
background-image: -webkit-radial-gradient(
|
||||
center center,
|
||||
ellipse farthest-corner,
|
||||
transparent 0%,
|
||||
transparent 10%,
|
||||
rgba(18, 22, 29, 1) 100%
|
||||
);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@@ -27,7 +27,6 @@
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.playlist-search-field-wrapper {
|
||||
input {
|
||||
width: 100%;
|
||||
@@ -50,18 +49,20 @@
|
||||
display: block;
|
||||
line-height: 28px;
|
||||
|
||||
.search-item:hover, .search-item.selected {
|
||||
.search-item:hover,
|
||||
.search-item.selected {
|
||||
background-color: $list-item-hover-bg;
|
||||
}
|
||||
|
||||
.selected {
|
||||
.search-result-tag {
|
||||
opacity: 0.70;
|
||||
opacity: 0.7;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.fa-star, .fa-star-o {
|
||||
.fa-star,
|
||||
.fa-star-o {
|
||||
padding-left: 13px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
|
||||
.get-more-plugins-link {
|
||||
color: $gray-3;
|
||||
font-size: $font-size-sm;
|
||||
@@ -28,4 +27,3 @@
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
@@ -19,4 +19,4 @@
|
||||
position: absolute;
|
||||
margin-left: 9rem;
|
||||
width: 194px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,9 +9,15 @@
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
.color-card-body-bg { background-color: $body-bg; }
|
||||
.color-card-page-bg { background-color: $page-bg; }
|
||||
.color-card-gray { background-color: $gray-1; }
|
||||
.color-card-body-bg {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
.color-card-page-bg {
|
||||
background-color: $page-bg;
|
||||
}
|
||||
.color-card-gray {
|
||||
background-color: $gray-1;
|
||||
}
|
||||
|
||||
.style-guide-button-list {
|
||||
padding: $spacer;
|
||||
@@ -25,4 +31,3 @@
|
||||
font-size: 1.8em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user