summaryrefslogtreecommitdiffstats
path: root/web
diff options
context:
space:
mode:
authorAsaad Mahmood <asaad@spinpunch.com>2016-02-05 19:35:23 +0500
committerAsaad Mahmood <asaad@spinpunch.com>2016-02-05 19:35:23 +0500
commitc10b60e95f36aa86950feef1d63ed0e30b852be4 (patch)
tree51fad98f4b33d2e386fc18748aed71e11519e02e /web
parent67408e9ebd87691a850f78074f0d792bcec8e35e (diff)
downloadchat-c10b60e95f36aa86950feef1d63ed0e30b852be4.tar.gz
chat-c10b60e95f36aa86950feef1d63ed0e30b852be4.tar.bz2
chat-c10b60e95f36aa86950feef1d63ed0e30b852be4.zip
Improving indentation for base.scss
Diffstat (limited to 'web')
-rw-r--r--web/sass-files/sass/partials/_base.scss256
1 files changed, 128 insertions, 128 deletions
diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss
index 6443846e1..a13689382 100644
--- a/web/sass-files/sass/partials/_base.scss
+++ b/web/sass-files/sass/partials/_base.scss
@@ -1,222 +1,222 @@
@charset "UTF-8";
html, body {
- height: 100%;
+ height: 100%;
}
body {
- font-family: 'Open Sans', sans-serif;
- -webkit-font-smoothing: antialiased;
- background: $body-bg;
- position: relative;
- width: 100%;
- height: 100%;
- &.white {
- background: #fff;
- > .container-fluid {
- overflow: auto;
- }
- .inner__wrap {
- > .row.content {
- min-height: 100%;
- margin-bottom: -89px;
- }
- }
- }
+ font-family: 'Open Sans', sans-serif;
+ -webkit-font-smoothing: antialiased;
+ background: $body-bg;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ &.white {
+ background: #fff;
+ > .container-fluid {
+ overflow: auto;
+ }
+ .inner__wrap {
+ > .row.content {
+ min-height: 100%;
+ margin-bottom: -89px;
+ }
+ }
+ }
}
.inner__wrap {
- height: 100%;
- > .row.main {
height: 100%;
- position: relative;
- }
+ > .row.main {
+ height: 100%;
+ position: relative;
+ }
}
.container-fluid {
- @include legacy-pie-clearfix;
- height: 100%;
- position: relative;
+ @include legacy-pie-clearfix;
+ height: 100%;
+ position: relative;
}
.channel-view {
- @include clearfix;
- height: 100%;
- position: relative;
+ @include clearfix;
+ height: 100%;
+ position: relative;
}
img {
- max-width: 100%;
- height: auto;
- &.rounded {
- @include border-radius(100%);
- }
+ max-width: 100%;
+ height: auto;
+ &.rounded {
+ @include border-radius(100%);
+ }
}
.popover {
- @include border-radius(3px);
- color: #333;
- &.bottom, &.right, &.top, &.left {
- >.arrow:after {
- border-color: transparent;
+ @include border-radius(3px);
+ color: #333;
+ &.bottom, &.right, &.top, &.left {
+ >.arrow:after {
+ border-color: transparent;
+ }
}
- }
- .popover-title {
- background: rgba(black, 0.05);
- }
- .popover-content {
- p:last-child {
- margin-bottom: 5px;
+ .popover-title {
+ background: rgba(black, 0.05);
+ }
+ .popover-content {
+ p:last-child {
+ margin-bottom: 5px;
+ }
}
- }
}
.dropdown-menu {
- .divider {
- @include opacity(0.15);
- }
- > li > a {
- color: inherit;
- &:focus, &:hover {
- color: inherit;
+ .divider {
+ @include opacity(0.15);
+ }
+ > li > a {
+ color: inherit;
+ &:focus, &:hover {
+ color: inherit;
+ }
}
- }
}
.word-break--all {
- word-break: break-all;
+ word-break: break-all;
}
a {
- word-break: break-word;
- color: $primary-color;
- cursor: pointer;
+ word-break: break-word;
+ color: $primary-color;
+ cursor: pointer;
}
a:focus, a:hover {
- color: $primary-color;
+ color: $primary-color;
}
.tooltip {
- .tooltip-inner {
- word-break: break-word;
- font-size: 13px;
- padding: 3px 10px 4px;
- font-weight: 500;
- }
+ .tooltip-inner {
+ word-break: break-word;
+ font-size: 13px;
+ padding: 3px 10px 4px;
+ font-weight: 500;
+ }
}
.nopadding {
- padding: 0;
- margin: 0;
+ padding: 0;
+ margin: 0;
}
.text-danger, a.text-danger {
- color: #E05F5D;
- &:hover, &:focus {
color: #E05F5D;
- }
+ &:hover, &:focus {
+ color: #E05F5D;
+ }
}
.btn {
- &.btn-danger {
- color: #fff;
- &:hover, &:active, &:focus {
- color: #fff;
+ &.btn-danger {
+ color: #fff;
+ &:hover, &:active, &:focus {
+ color: #fff;
+ }
}
- }
}
.form-control {
- @include border-radius(2px);
- &:focus {
- @include box-shadow(none);
- }
- &.no-padding {
- line-height: 32px;
- padding: 0;
- }
- &.no-resize {
- resize: none;
- }
+ @include border-radius(2px);
+ &:focus {
+ @include box-shadow(none);
+ }
+ &.no-padding {
+ line-height: 32px;
+ padding: 0;
+ }
+ &.no-resize {
+ resize: none;
+ }
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
- cursor: auto;
- background: rgba(#fff, 0.1);
- color: inherit;
+ cursor: auto;
+ background: rgba(#fff, 0.1);
+ color: inherit;
}
.form-group {
- &.form-group--small {
- margin-bottom: 10px;
- }
+ &.form-group--small {
+ margin-bottom: 10px;
+ }
}
.error-panel {
- max-width: 275px;
- position: absolute;
- right: 10px;
- top: 40px;
- z-index: 100;
+ max-width: 275px;
+ position: absolute;
+ right: 10px;
+ top: 40px;
+ z-index: 100;
}
.nav>li>a:focus, .nav>li>a:hover {
- background: transparent;
+ background: transparent;
}
.btn {
- @include single-transition(all, 0.25s, ease-in);
- @include border-radius(1px);
- &.btn-primary {
- border-color: transparent;
- background: $primary-color;
- &:hover, &:focus, &:active {
- background: $primary-color--hover;
- }
- }
- &.btn-inactive {
- border-color: transparent;
- background: #707070;
- color: #fff;
- }
+ @include single-transition(all, 0.25s, ease-in);
+ @include border-radius(1px);
+ &.btn-primary {
+ border-color: transparent;
+ background: $primary-color;
+ &:hover, &:focus, &:active {
+ background: $primary-color--hover;
+ }
+ }
+ &.btn-inactive {
+ border-color: transparent;
+ background: #707070;
+ color: #fff;
+ }
}
.relative-div {
- position:relative;
+ position:relative;
}
@-webkit-keyframes spin2 {
- from { -webkit-transform: rotate(0deg);}
- to { -webkit-transform: rotate(360deg);}
+ from { -webkit-transform: rotate(0deg);}
+ to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
- from { transform: scale(1) rotate(0deg);}
- to { transform: scale(1) rotate(360deg);}
+ from { transform: scale(1) rotate(0deg);}
+ to { transform: scale(1) rotate(360deg);}
}
.glyphicon-refresh-animate {
- @include animation(spin .7s infinite linear);
+ @include animation(spin .7s infinite linear);
}
.black-bg {
- background-color: black !important;
+ background-color: black !important;
}
.white-bg {
- background-color: white !important;
+ background-color: white !important;
}
.alert {
- padding: 8px 12px;
- @include border-radius(2px);
+ padding: 8px 12px;
+ @include border-radius(2px);
}
.emoji {
- width: 1.5em;
- height: 1.5em;
- display: inline-block;
- margin-bottom: 0.25em;
- background-size: contain;
+ width: 1.5em;
+ height: 1.5em;
+ display: inline-block;
+ margin-bottom: 0.25em;
+ background-size: contain;
}