LT-281: Replacing variables for theme calls
This commit is contained in:
1 parent
52770dc79c
commit
e9ec386e72
55 files changed
+341
-446
No files matched your search
@@ -3,12 +3,12 @@
|
||||
$height = 20px
|
||||
|
||||
#protocolEditor
|
||||
theme('background', '$primaryBackgroundColor')
|
||||
height: 100%
|
||||
width: 450px
|
||||
padding: 10px 0
|
||||
position: absolute
|
||||
top: 0
|
||||
background: $primaryBackgroundColor
|
||||
|
||||
.navigationButtons
|
||||
ul
|
||||
@@ -35,27 +35,27 @@ $height = 20px
|
||||
cursor: pointer
|
||||
text-decoration: none
|
||||
outline: none
|
||||
background-color: $uiGrayDark
|
||||
border: 2px $uiBorderColorDark solid
|
||||
color: $textSecondaryColor
|
||||
theme('background-color', '$uiGrayDark')
|
||||
theme('border', '2px solid $uiBorderColorDark')
|
||||
theme('color', '$textSecondaryColor')
|
||||
transition: transition($sidebarTransition)
|
||||
border-radius: $height
|
||||
|
||||
&.active a
|
||||
background-color: $activeColor
|
||||
border-color: $uiBorderColorActive
|
||||
color: $textColorActive
|
||||
theme('background-color', '$activeColor')
|
||||
theme('border-color', '$uiBorderColorActive')
|
||||
theme('color', '$textColorActive')
|
||||
transition: transition($sidebarTransition)
|
||||
|
||||
p
|
||||
h2
|
||||
h3
|
||||
h4
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
|
||||
label
|
||||
ul
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
font-weight: 400
|
||||
|
||||
label
|
||||
@@ -68,7 +68,7 @@ $height = 20px
|
||||
width: 40%
|
||||
border: none
|
||||
background: #212121
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
text-align: center
|
||||
|
||||
button.btn
|
||||
@@ -85,11 +85,11 @@ $height = 20px
|
||||
bottom: 0
|
||||
width: 100%
|
||||
margin-bottom: 0
|
||||
background: $uiGrayDarker
|
||||
theme('background', '$uiGrayDarker')
|
||||
|
||||
p
|
||||
font-size: 8pt
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
margin: 0 10px
|
||||
display: inline-block
|
||||
|
||||
@@ -107,11 +107,11 @@ $height = 20px
|
||||
#selectProtocol
|
||||
text-align: center
|
||||
|
||||
.btn-file
|
||||
.btn-file
|
||||
position: relative
|
||||
overflow: hidden
|
||||
|
||||
.btn-file input[type=file]
|
||||
|
||||
.btn-file input[type=file]
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
@@ -141,4 +141,4 @@ $height = 20px
|
||||
padding: 40px
|
||||
|
||||
h3
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
@@ -1,6 +1,9 @@
|
||||
@import "{design}/app.styl"
|
||||
|
||||
.ruleEntryDialog
|
||||
theme('background', '$uiGrayDarkest')
|
||||
theme('border', '1px solid $uiBorderColor')
|
||||
theme('color', '$textSecondaryColor')
|
||||
display: none
|
||||
position: absolute
|
||||
top: 0
|
||||
@@ -14,12 +17,8 @@
|
||||
padding: 10px
|
||||
background-color: rgba(255,255,255,1)
|
||||
outline: none
|
||||
|
||||
opacity: 0.95
|
||||
border-radius: 8px
|
||||
border: 1px solid $uiBorderColor
|
||||
background: $uiGrayDarkest
|
||||
color: $textSecondaryColor
|
||||
|
||||
.dialogContent
|
||||
text-align: center
|
||||
@@ -44,4 +43,4 @@
|
||||
color: black
|
||||
height: 30px
|
||||
border-radius: 2px
|
||||
border: 0
|
||||
border: 0
|
||||
@@ -4,7 +4,7 @@ table.ruleTable
|
||||
thead
|
||||
tr
|
||||
th
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
text-align: center
|
||||
|
||||
th:first-child
|
||||
@@ -13,7 +13,7 @@ table.ruleTable
|
||||
tbody
|
||||
tr
|
||||
td
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
text-align: center
|
||||
|
||||
.failWarning
|
||||
@@ -26,10 +26,10 @@ table.ruleTable
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
|
||||
td:first-child
|
||||
text-align: left
|
||||
@@ -37,14 +37,14 @@ table.ruleTable
|
||||
.addRuleContainer
|
||||
margin: 10px 0
|
||||
text-align: center
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
|
||||
.addRule
|
||||
cursor: pointer
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
+4
-5
@@ -1,6 +1,9 @@
|
||||
@import "{design}/app.styl"
|
||||
|
||||
.settingEntryDialog
|
||||
theme('border', '1px solid $uiBorderColor')
|
||||
theme('background', '$uiGrayDarkest')
|
||||
theme('color', '$textSecondaryColor')
|
||||
display: none
|
||||
position: absolute
|
||||
top: 0
|
||||
@@ -13,12 +16,8 @@
|
||||
margin: auto
|
||||
padding: 10px
|
||||
outline: none
|
||||
|
||||
opacity: 0.95
|
||||
border-radius: 8px
|
||||
border: 1px solid $uiBorderColor
|
||||
background: $uiGrayDarkest
|
||||
color: $textSecondaryColor
|
||||
|
||||
.dialogContent
|
||||
text-align: center
|
||||
@@ -43,4 +42,4 @@
|
||||
color: black
|
||||
height: 30px
|
||||
border-radius: 2px
|
||||
border: 0
|
||||
border: 0
|
||||
@@ -4,7 +4,7 @@ table.settingsTable
|
||||
thead
|
||||
tr
|
||||
th
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
text-align: center
|
||||
|
||||
th:first-child
|
||||
@@ -15,7 +15,7 @@ table.settingsTable
|
||||
|
||||
tr
|
||||
td
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
text-align: center
|
||||
|
||||
.editSetting
|
||||
@@ -24,10 +24,10 @@ table.settingsTable
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
|
||||
td:first-child
|
||||
text-align: left
|
||||
@@ -35,14 +35,14 @@ table.settingsTable
|
||||
.addSettingContainer
|
||||
margin: 10px 0
|
||||
text-align: center
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
|
||||
.addSetting
|
||||
cursor: pointer
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
@@ -14,19 +14,19 @@
|
||||
|
||||
h3
|
||||
label
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
|
||||
label
|
||||
margin-right: 10px
|
||||
width: 25%
|
||||
|
||||
input
|
||||
theme('background-color', '$boxBackgroundColor')Dark
|
||||
min-width: 50px
|
||||
width: 40%
|
||||
border: none
|
||||
background: $boxBackgroundColorDark
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
text-align: center
|
||||
|
||||
.stageEditorSection
|
||||
margin: 30px 0
|
||||
margin: 30px 0
|
||||
@@ -8,14 +8,14 @@
|
||||
padding: 3px
|
||||
|
||||
span
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
cursor: pointer
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&.active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
|
||||
.sortable-handle
|
||||
cursor: move
|
||||
@@ -36,44 +36,44 @@
|
||||
|
||||
.deleteStage
|
||||
cursor: pointer
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
|
||||
.addStage
|
||||
margin: 10px 0
|
||||
text-align: center
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
|
||||
#addStage
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
|
||||
.moveStageButtons
|
||||
margin: 10px 0
|
||||
text-align: center
|
||||
|
||||
a
|
||||
color: $defaultColor
|
||||
theme('color', '$defaultColor')
|
||||
cursor: pointer
|
||||
text-decoration: none
|
||||
transition(all 0.1s ease)
|
||||
|
||||
&:hover
|
||||
color: $hoverColor
|
||||
theme('color', '$hoverColor')
|
||||
|
||||
&:active
|
||||
color: $activeColor
|
||||
theme('color', '$activeColor')
|
||||
|
||||
&[disabled="true"]
|
||||
opacity: 0.7
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
@import "{design}/app.styl"
|
||||
|
||||
.textEntryDialog
|
||||
theme('border', '1px solid $uiBorderColor')
|
||||
theme('background', '$uiGrayDarkest')
|
||||
theme('color', '$textSecondaryColor')
|
||||
display: none
|
||||
position: absolute
|
||||
top: 0
|
||||
@@ -13,12 +16,8 @@
|
||||
margin: auto
|
||||
padding: 10px
|
||||
outline: none
|
||||
|
||||
opacity: 0.95
|
||||
border-radius: 8px
|
||||
border: 1px solid $uiBorderColor
|
||||
background: $uiGrayDarkest
|
||||
color: $textSecondaryColor
|
||||
|
||||
.dialogContent
|
||||
margin-bottom: 10px
|
||||
@@ -36,4 +35,4 @@
|
||||
color: black
|
||||
height: 30px
|
||||
border-radius: 2px
|
||||
border: 0
|
||||
border: 0
|
||||
Reference in new issue
Block a user