tyler.durden/opensupports
1
0
Fork 0
mirror of https://github.com/opensupports/opensupports.git synced 2025-07-31 01:35:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

[Ivan Diaz] - Fix scss indentation to 4 characteres

Browse Source
This commit is contained in:
Ivan Diaz 2015-10-15 20:08:10 -03:00
parent 3e6145bfba
commit 4115e96d0f
9 changed files with 135 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/main/main-home/main-home-page-login-widget.scss
View File

@ -1,20 +1,20 @@
.login-widget { .login-widget {
&--container { &--container {
margin: 0 auto; margin: 0 auto;
height: 327px; height: 327px;
} }
&--input { &--input {
margin: 10px 0; margin: 10px 0;
} }
&--inputs { &--inputs {
display: inline-block; display: inline-block;
margin: 0 auto 20px; margin: 0 auto 20px;
} }
&--forgot-password { &--forgot-password {
margin-top: 20px; margin-top: 20px;
} }
} }

26
src/app/main/main-layout-footer.scss
View File

@ -1,19 +1,19 @@
@import "../../scss/vars"; @import "../../scss/vars";
.main-layout-footer { .main-layout-footer {
background-color: $primary-blue; background-color: $primary-blue;
text-align: center; text-align: center;
height: 32px; height: 32px;
width: 100%; width: 100%;
&--powered { &--powered {
color: white; color: white;
display: inline-block; display: inline-block;
padding-top: 7px; padding-top: 7px;
} }
&--os-link { &--os-link {
color: $secondary-red; color: $secondary-red;
text-decoration: none; text-decoration: none;
} }
} }

22
src/app/main/main-layout-header.scss
View File

@ -1,16 +1,16 @@
@import "../../scss/vars"; @import "../../scss/vars";
.main-layout-header { .main-layout-header {
background-color: $primary-blue; background-color: $primary-blue;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
height: 32px;
width: 100%;
&--login-links {
border-top-left-radius: 4px;
color: white;
display: inline-block;
height: 32px; height: 32px;
padding: 5px 20px 0 10px; width: 100%;
}
&--login-links {
border-top-left-radius: 4px;
color: white;
display: inline-block;
height: 32px;
padding: 5px 20px 0 10px;
}
} }

22
src/app/main/main-layout.scss
View File

@ -2,16 +2,16 @@
.main-layout { .main-layout {
margin: 0 auto; margin: 0 auto;
background-color: $grey; background-color: $grey;
max-width: 1100px; max-width: 1100px;
border-radius: 4px; border-radius: 4px;
transition: max-height 0.15s ease-out; transition: max-height 0.15s ease-out;
&--content { &--content {
text-align: center; text-align: center;
min-height: 400px; min-height: 400px;
width: 1100px; width: 1100px;
padding: 20px; padding: 20px;
} }
} }

24
src/app/main/main-signup/main-signup-page.scss
View File

@ -1,17 +1,17 @@
.main-signup-page { .main-signup-page {
&--widget-container { &--widget-container {
height: 401px; height: 401px;
}
.signup-widget {
&--inputs {
display: inline-block;
margin: 0 auto 20px;
} }
&--input { .signup-widget {
margin-bottom: 5px;
&--inputs {
display: inline-block;
margin: 0 auto 20px;
}
&--input {
margin-bottom: 5px;
}
} }
}
} }

48
src/core-components/button.scss
View File

@ -2,29 +2,29 @@
.button { .button {
&-primary { &-primary {
background-color: $primary-red; background-color: $primary-red;
border: solid transparent; border: solid transparent;
border-radius: 4px; border-radius: 4px;
color: white; color: white;
height: 47px; height: 47px;
text-transform: uppercase; text-transform: uppercase;
width: 239px; width: 239px;
} }
&-clean { &-clean {
background: none; background: none;
border: none; border: none;
} }
&-link { &-link {
background: none; background: none;
border: none; border: none;
color: $dark-grey; color: $dark-grey;
text-decoration: underline; text-decoration: underline;
&:focus { &:focus {
outline: none; outline: none;
}
} }
}
} }

60
src/core-components/input.scss
View File

@ -1,37 +1,37 @@
@import "../scss/vars"; @import "../scss/vars";
.input { .input {
display: block;
&--text {
border: 1px solid $grey;
border-radius: 3px;
padding: 8px;
width: 100%;
&:hover {
border-color: $medium-grey;
}
&:focus {
outline: none;
border-color: $primary-blue;
}
}
&--label {
color: $primary-black;
font-size: 15px;
display: block; display: block;
padding: 3px 0;
text-align: left;
}
&_primary { &--text {
width: 200px; border: 1px solid $grey;
} border-radius: 3px;
padding: 8px;
width: 100%;
&_secondary { &:hover {
width: 250px; border-color: $medium-grey;
} }
&:focus {
outline: none;
border-color: $primary-blue;
}
}
&--label {
color: $primary-black;
font-size: 15px;
display: block;
padding: 3px 0;
text-align: left;
}
&_primary {
width: 200px;
}
&_secondary {
width: 250px;
}
} }

18
src/core-components/widget-transition.scss
View File

@ -1,12 +1,12 @@
.widget-transition { .widget-transition {
position: relative; position: relative;
display: inline-block;
width: 324px;
&--widget {
display: inline-block; display: inline-block;
backface-visibility: hidden; width: 324px;
position: absolute;
left: 0; &--widget {
} display: inline-block;
backface-visibility: hidden;
position: absolute;
left: 0;
}
} }

25
src/core-components/widget.scss
View File

@ -1,18 +1,17 @@
@import "../scss/vars"; @import "../scss/vars";
.widget { .widget {
background-color: white; background-color: white;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
padding: 20px; padding: 20px;
width: 324px; width: 324px;
min-height: 327px; min-height: 327px;
&--title {
&--title { text-transform: uppercase;
text-transform: uppercase; color: $primary-black;
color: $primary-black; font-size: 17px;
font-size: 17px; margin-bottom: 20px;
margin-bottom: 20px; }
}
} }