summaryrefslogtreecommitdiffstats
path: root/webapp/sass/utils
diff options
context:
space:
mode:
authorJoram Wilander <jwawilander@gmail.com>2017-08-01 11:06:53 -0400
committerGitHub <noreply@github.com>2017-08-01 11:06:53 -0400
commit5da5c0bbfb80cb5c9cf2699f42d17decc2d60f5b (patch)
treefdd886332e75a9ae8138a31d3c34b240adb094b5 /webapp/sass/utils
parent4ef844298fdb0d6fb41eac760f8ac00cee82b3bc (diff)
downloadchat-5da5c0bbfb80cb5c9cf2699f42d17decc2d60f5b.tar.gz
chat-5da5c0bbfb80cb5c9cf2699f42d17decc2d60f5b.tar.bz2
chat-5da5c0bbfb80cb5c9cf2699f42d17decc2d60f5b.zip
PLT-6987 User access token UI (#7007)
* Add user access token UI * Fix enter press and update mattermost-redux * Updating UI for access token stuff (#7066) * Revert segment key
Diffstat (limited to 'webapp/sass/utils')
-rw-r--r--webapp/sass/utils/_modifiers.scss96
1 files changed, 84 insertions, 12 deletions
diff --git a/webapp/sass/utils/_modifiers.scss b/webapp/sass/utils/_modifiers.scss
index aa89fc107..467b9a086 100644
--- a/webapp/sass/utils/_modifiers.scss
+++ b/webapp/sass/utils/_modifiers.scss
@@ -1,33 +1,105 @@
@charset 'UTF-8';
-.margin--right {
- margin-right: 5px;
+.padding-top {
+ padding-top: 7px;
&.x2 {
- margin-right: 10px;
+ padding-top: 14px;
+ }
+
+ &.x3 {
+ padding-top: 21px;
+ }
+}
+
+.padding-bottom {
+ padding-bottom: 7px;
+
+ &.x2 {
+ padding-bottom: 14px;
+ }
+
+ &.x3 {
+ padding-bottom: 21px;
+ }
+
+ .control-label {
+ font-weight: 600;
+
+ &.text-left {
+ text-align: left;
+ }
}
}
-.margin--left {
- margin-left: 5px;
+.padding-left {
+ padding-left: 7px;
&.x2 {
- margin-left: 10px;
+ padding-left: 14px;
+ }
+
+ &.x3 {
+ padding-left: 21px;
}
}
-.padding--right {
- padding-right: 5px;
+.padding-right {
+ padding-right: 7px;
&.x2 {
- padding-right: 10px;
+ padding-right: 14px;
+ }
+
+ &.x3 {
+ padding-right: 21px;
}
}
-.padding--left {
- padding-left: 5px;
+.margin-right {
+ margin-right: 7px;
&.x2 {
- padding-left: 10px;
+ margin-right: 14px;
+ }
+
+ &.x3 {
+ margin-right: 21px;
+ }
+}
+
+.margin-left {
+ margin-left: 7px;
+
+ &.x2 {
+ margin-left: 14px;
+ }
+
+ &.x3 {
+ margin-left: 21px;
+ }
+}
+
+.margin-top {
+ margin-top: 7px;
+
+ &.x2 {
+ margin-top: 14px;
+ }
+
+ &.x3 {
+ margin-top: 21px;
+ }
+}
+
+.margin-bottom {
+ margin-bottom: 7px;
+
+ &.x2 {
+ margin-bottom: 14px;
+ }
+
+ &.x3 {
+ margin-bottom: 21px;
}
}