uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Restructure scss file to make use of basic language features.

Browse Source
This commit is contained in:
Arpad Csanyi
2016-03-26 00:45:56 +01:00
parent 1c05abe9b9
commit f5756a72bd
2 changed files with 89 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
css/style.css
View File

@@ -1,8 +1,7 @@
h1 {
margin-bottom: 3rem; }
.popover { .popover {
padding: 0; } padding: 0; }
.popover.bottom > .arrow:after {
border-bottom-color: #f7f7f7; }
.popover-content { .popover-content {
padding: 10px 24px; } padding: 10px 24px; }
@@ -18,9 +17,6 @@ h1 {
position: relative; position: relative;
top: 1px; } top: 1px; }
.popover.bottom > .arrow:after {
border-bottom-color: #f7f7f7; }
.popover-actions { .popover-actions {
padding: 8px 14px; padding: 8px 14px;
margin: 0; margin: 0;
@@ -69,11 +65,9 @@ h1 {
.select2-item { .select2-item {
position: relative; position: relative;
font-size: 1.5rem; } font-size: 1.5rem; }
.select2-item.keymap-name--wrapper {
.select2-item.keymap-name--wrapper {
padding-left: 50px; } padding-left: 50px; }
.select2-item .layout-segment-code {
.select2-item .layout-segment-code {
height: 2rem; height: 2rem;
position: absolute; position: absolute;
left: 0; left: 0;
@@ -85,15 +79,15 @@ h1 {
.global-key-setup.disabled { .global-key-setup.disabled {
opacity: 0; } opacity: 0; }
.global-key-setup.disabled .setting-label {
color: #999; }
.global-key-setup.disabled .setting-label,
.setting-label.disabled { .setting-label.disabled {
color: #999; } color: #999; }
.global-key-setup--wrapper { .global-key-setup--wrapper {
position: relative; } position: relative; }
.global-key-setup--wrapper .disabled-state--text {
.global-key-setup--wrapper .disabled-state--text {
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -4rem; } margin-top: -4rem; }

67
sass/style.scss
View File

@@ -1,31 +1,35 @@
h1 {
margin-bottom: 3rem;
}
.popover { .popover {
padding: 0; padding: 0;
&.bottom {
> .arrow {
&:after {
border-bottom-color: #f7f7f7;
}
}
}
} }
.popover-content { .popover-content {
padding: 10px 24px; padding: 10px 24px;
} }
.popover-title.menu-tabs { .popover-title {
&.menu-tabs {
padding: .5rem .5rem 0; padding: .5rem .5rem 0;
display: block; display: block;
} }
.popover-title.menu-button-group { &.menu-button-group {
display: none; display: none;
} }
.popover-title.menu-tabs .nav-tabs { &.menu-tabs {
.nav-tabs {
position: relative; position: relative;
top: 1px; top: 1px;
} }
}
.popover.bottom > .arrow:after {
border-bottom-color: #f7f7f7;
} }
.popover-actions { .popover-actions {
@@ -61,15 +65,16 @@ h1 {
margin-top: 10px; margin-top: 10px;
} }
.key-editor--none__description p { .key-editor--none__description {
p {
padding: 2rem 0; padding: 2rem 0;
margin: 0; margin: 0;
text-align: center; text-align: center;
font-style: italic; font-style: italic;
color: #999; color: #999;
} }
.key-editor--none__description .icon { .icon {
font-size: 5rem; font-size: 5rem;
color: #feefef; color: #feefef;
position: absolute; position: absolute;
@@ -78,44 +83,54 @@ h1 {
margin-left: -2.5rem; margin-left: -2.5rem;
top: 50%; top: 50%;
margin-top: -2.5rem; margin-top: -2.5rem;
}
} }
.select2-item { .select2-item {
position: relative; position: relative;
font-size: 1.5rem; font-size: 1.5rem;
}
.select2-item.keymap-name--wrapper { &.keymap-name--wrapper {
padding-left: 50px; padding-left: 50px;
} }
.select2-item .layout-segment-code { .layout-segment-code {
height: 2rem; height: 2rem;
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
margin-top: -1rem; margin-top: -1rem;
}
} }
.preview-wrapper img { .preview-wrapper {
img {
max-width: 100%; max-width: 100%;
}
} }
.global-key-setup.disabled { .global-key-setup {
&.disabled {
opacity: 0; opacity: 0;
.setting-label {
color: #999;
}
}
} }
.global-key-setup.disabled .setting-label, .setting-label {
.setting-label.disabled { &.disabled {
color: #999; color: #999;
}
} }
.global-key-setup--wrapper { .global-key-setup--wrapper {
position: relative; position: relative;
}
.global-key-setup--wrapper .disabled-state--text { .disabled-state--text {
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -4rem; margin-top: -4rem;
}
} }