Blog: Style tweaks and minor cleanup
Mainly removing unused classes such as blog_post-container
This commit is contained in:
parent
5fbe62105a
commit
bb33ddd9fb
@ -99,7 +99,7 @@ $screen-md-max: $screen-lg-min - 1 !default
|
|||||||
$sidebar-width: 50px !default
|
$sidebar-width: 50px !default
|
||||||
|
|
||||||
/* Project specifics */
|
/* Project specifics */
|
||||||
$project_nav-width: 240px !default
|
$project_nav-width: 250px !default
|
||||||
$project-sidebar-width: 50px !default
|
$project-sidebar-width: 50px !default
|
||||||
$project_header-height: 50px !default
|
$project_header-height: 50px !default
|
||||||
$project_footer-height: 30px !default
|
$project_footer-height: 30px !default
|
||||||
@ -120,10 +120,7 @@ $list-node-children-item-width_square: 160px !default
|
|||||||
$z-index-base: 13 !default
|
$z-index-base: 13 !default
|
||||||
|
|
||||||
.container
|
.container
|
||||||
@media (min-width: $screen-sm-min)
|
@media (min-width: $screen-md-min)
|
||||||
width: 750px
|
|
||||||
|
|
||||||
@media (min-width: $screen-md-min)
|
|
||||||
width: 1100px
|
width: 1100px
|
||||||
|
|
||||||
@media (min-width: $screen-lg-min)
|
@media (min-width: $screen-lg-min)
|
||||||
|
|||||||
@ -10,6 +10,12 @@ body.workshops
|
|||||||
body.blog
|
body.blog
|
||||||
background-color: white
|
background-color: white
|
||||||
|
|
||||||
|
#project_nav,
|
||||||
|
#project_nav-container
|
||||||
|
+media-xs
|
||||||
|
width: 100%
|
||||||
|
width: $project_nav-width * 1.5
|
||||||
|
|
||||||
#project-container
|
#project-container
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: row
|
flex-direction: row
|
||||||
@ -40,9 +46,8 @@ body.blog
|
|||||||
text-align: left
|
text-align: left
|
||||||
|
|
||||||
#project_nav-container
|
#project_nav-container
|
||||||
position: fixed
|
+media-lg
|
||||||
z-index: $z-index-base + 5
|
width: $project_nav-width * 1.33
|
||||||
width: $project_nav-width
|
|
||||||
|
|
||||||
+media-xs
|
+media-xs
|
||||||
display: block
|
display: block
|
||||||
@ -50,6 +55,11 @@ body.blog
|
|||||||
position: relative
|
position: relative
|
||||||
height: initial !important
|
height: initial !important
|
||||||
|
|
||||||
|
position: fixed
|
||||||
|
z-index: $z-index-base + 5
|
||||||
|
width: $project_nav-width
|
||||||
|
|
||||||
|
|
||||||
#project_sidebar
|
#project_sidebar
|
||||||
width: $project-sidebar-width
|
width: $project-sidebar-width
|
||||||
z-index: $z-index-base + 6
|
z-index: $z-index-base + 6
|
||||||
@ -125,14 +135,23 @@ body.blog
|
|||||||
&.active
|
&.active
|
||||||
background-color: $color-background-nav-light
|
background-color: $color-background-nav-light
|
||||||
|
|
||||||
|
// The tiny triangle
|
||||||
&:after
|
&:after
|
||||||
content: ''
|
+media-xs
|
||||||
|
border-top-color: $project-sidebar-background
|
||||||
|
border-right-color: transparent
|
||||||
|
left: 50%
|
||||||
|
right: initial
|
||||||
|
transform: translateX(-50%)
|
||||||
|
top: 0
|
||||||
|
|
||||||
border: 7px solid transparent
|
border: 7px solid transparent
|
||||||
border-right-color: $project-sidebar-background
|
border-right-color: $project-sidebar-background
|
||||||
|
content: ''
|
||||||
display: block
|
display: block
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 50%
|
|
||||||
right: 0
|
right: 0
|
||||||
|
top: 50%
|
||||||
transform: translateY(-50%)
|
transform: translateY(-50%)
|
||||||
|
|
||||||
a
|
a
|
||||||
@ -174,20 +193,23 @@ body.blog
|
|||||||
|
|
||||||
/* Container for navigation on the left */
|
/* Container for navigation on the left */
|
||||||
#project_nav
|
#project_nav
|
||||||
|
+media-lg
|
||||||
|
width: $project_nav-width * 1.33
|
||||||
|
|
||||||
|
+media-xs
|
||||||
|
width: initial
|
||||||
|
|
||||||
|
background-color: $project-sidebar-background
|
||||||
display: block
|
display: block
|
||||||
|
left: 0
|
||||||
|
position: relative
|
||||||
visibility: visible
|
visibility: visible
|
||||||
width: $project_nav-width
|
width: $project_nav-width
|
||||||
position: relative
|
|
||||||
background-color: $project-sidebar-background
|
|
||||||
left: 0
|
|
||||||
|
|
||||||
&.about
|
&.about
|
||||||
display: none
|
display: none
|
||||||
visibility: hidden
|
visibility: hidden
|
||||||
|
|
||||||
+media-xs
|
|
||||||
width: initial
|
|
||||||
|
|
||||||
|
|
||||||
/* Header with name and node edit tools */
|
/* Header with name and node edit tools */
|
||||||
#project_nav-header,
|
#project_nav-header,
|
||||||
@ -714,12 +736,15 @@ ul.project_nav-edit-list
|
|||||||
|
|
||||||
/* The actual navigation tree container */
|
/* The actual navigation tree container */
|
||||||
#project_tree
|
#project_tree
|
||||||
padding: 0 0 5px 0// some padding on top/bottom of jstree
|
+media-xs
|
||||||
position: relative
|
margin-top: 0
|
||||||
margin-top: $project_header-height
|
|
||||||
background-color: $project-sidebar-background
|
background-color: $project-sidebar-background
|
||||||
border-right: thin solid $color-background
|
border-right: thin solid $color-background
|
||||||
|
margin-top: $project_header-height
|
||||||
overflow-y: auto
|
overflow-y: auto
|
||||||
|
padding: 0 0 5px 0// some padding on top/bottom of jstree
|
||||||
|
position: relative
|
||||||
|
|
||||||
&.edit
|
&.edit
|
||||||
margin-top: 0
|
margin-top: 0
|
||||||
@ -2669,8 +2694,7 @@ section.node-children
|
|||||||
#project_context
|
#project_context
|
||||||
#blog_container
|
#blog_container
|
||||||
padding: 0
|
padding: 0
|
||||||
#blog_index-container,
|
#blog_index-container
|
||||||
#blog_post-container
|
|
||||||
width: 100%
|
width: 100%
|
||||||
padding: 0
|
padding: 0
|
||||||
border: none
|
border: none
|
||||||
|
|||||||
@ -158,32 +158,31 @@ strong, b
|
|||||||
header.navbar-header
|
header.navbar-header
|
||||||
position: relative
|
position: relative
|
||||||
margin: 0
|
margin: 0
|
||||||
z-index: 1 // to be on top of the overlay
|
|
||||||
height: 100%
|
height: 100%
|
||||||
|
z-index: 1 // to be on top of the overlay
|
||||||
|
|
||||||
.navbar-toggle
|
.navbar-toggle
|
||||||
color: white
|
color: white
|
||||||
|
float: none
|
||||||
|
margin: 5px 0 0 10px
|
||||||
|
|
||||||
|
i
|
||||||
|
margin: 0
|
||||||
|
|
||||||
.navbar-overlay
|
.navbar-overlay
|
||||||
display: none
|
|
||||||
position: absolute
|
|
||||||
top: 0
|
|
||||||
left: 0
|
|
||||||
right: 0
|
|
||||||
bottom: 0
|
bottom: 0
|
||||||
z-index: 0
|
display: none
|
||||||
width: 100%
|
left: 0
|
||||||
height: 100%
|
height: 100%
|
||||||
|
position: absolute
|
||||||
|
right: 0
|
||||||
|
top: 0
|
||||||
transition: background-color 350ms ease-in-out
|
transition: background-color 350ms ease-in-out
|
||||||
|
width: 100%
|
||||||
|
z-index: 0
|
||||||
|
|
||||||
&+.navbar-container
|
&+.navbar-container
|
||||||
.search-input
|
.search-input
|
||||||
margin: 8px 0
|
|
||||||
border-radius: 3px
|
|
||||||
border: thin solid transparent
|
|
||||||
|
|
||||||
+media-lg
|
+media-lg
|
||||||
border: thin solid rgba(white, .2)
|
border: thin solid rgba(white, .2)
|
||||||
|
|
||||||
@ -191,6 +190,9 @@ header.navbar-header
|
|||||||
&::placeholder
|
&::placeholder
|
||||||
color: rgba(white, .8)
|
color: rgba(white, .8)
|
||||||
|
|
||||||
|
border: thin solid transparent
|
||||||
|
border-radius: 3px
|
||||||
|
margin: 8px 0
|
||||||
|
|
||||||
&.is-active
|
&.is-active
|
||||||
background-color: $color-background-nav
|
background-color: $color-background-nav
|
||||||
@ -346,8 +348,10 @@ nav.sidebar
|
|||||||
+position-center-translate
|
+position-center-translate
|
||||||
|
|
||||||
.navbar-brand
|
.navbar-brand
|
||||||
display: flex
|
+media-xs
|
||||||
|
padding-left: 10px
|
||||||
align-items: center
|
align-items: center
|
||||||
|
display: flex
|
||||||
color: white
|
color: white
|
||||||
padding:
|
padding:
|
||||||
top: 8px
|
top: 8px
|
||||||
@ -1037,11 +1041,6 @@ button, .btn
|
|||||||
background-color: rgba($color-background-nav, .7)
|
background-color: rgba($color-background-nav, .7)
|
||||||
|
|
||||||
.search-input
|
.search-input
|
||||||
position: relative
|
|
||||||
float: left
|
|
||||||
padding: 0
|
|
||||||
margin: 0
|
|
||||||
|
|
||||||
+media-lg
|
+media-lg
|
||||||
max-width: 350px
|
max-width: 350px
|
||||||
+media-md
|
+media-md
|
||||||
@ -1051,11 +1050,14 @@ button, .btn
|
|||||||
+media-xs
|
+media-xs
|
||||||
display: block
|
display: block
|
||||||
margin: 0 10px
|
margin: 0 10px
|
||||||
width: 75%
|
|
||||||
position: absolute
|
position: absolute
|
||||||
z-index: $z-index-base
|
z-index: $z-index-base
|
||||||
top: 2px
|
right: 5px
|
||||||
left: 40px
|
position: relative
|
||||||
|
float: left
|
||||||
|
padding: 0
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
|
||||||
.search-icon
|
.search-icon
|
||||||
position: absolute
|
position: absolute
|
||||||
@ -1089,17 +1091,17 @@ button, .btn
|
|||||||
|
|
||||||
#cloud-search, .tt-hint
|
#cloud-search, .tt-hint
|
||||||
+text-overflow-ellipsis
|
+text-overflow-ellipsis
|
||||||
outline: none
|
|
||||||
border: thin solid $color-background-nav-light
|
border: thin solid $color-background-nav-light
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
|
color: white
|
||||||
font:
|
font:
|
||||||
size: 1em
|
size: 1em
|
||||||
weight: 400
|
weight: 400
|
||||||
family: $font-body
|
family: $font-body
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: 0 20px 0 40px
|
|
||||||
min-height: 32px
|
min-height: 32px
|
||||||
color: white
|
outline: none
|
||||||
|
padding: 0 20px 0 40px
|
||||||
transition: border 100ms ease-in-out
|
transition: border 100ms ease-in-out
|
||||||
|
|
||||||
&:focus
|
&:focus
|
||||||
|
|||||||
@ -8,160 +8,148 @@
|
|||||||
|
|
||||||
|
|
||||||
#blog_container
|
#blog_container
|
||||||
padding:
|
|
||||||
top: 15px
|
|
||||||
bottom: 15px
|
|
||||||
display: flex
|
|
||||||
justify-content: center
|
|
||||||
|
|
||||||
+media-xs
|
+media-xs
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
padding-top: 0
|
padding-top: 0
|
||||||
|
display: flex
|
||||||
|
padding:
|
||||||
|
top: 15px
|
||||||
|
bottom: 15px
|
||||||
|
|
||||||
#blog_post-edit-form
|
#blog_post-edit-form
|
||||||
padding: 20px
|
padding: 20px
|
||||||
|
|
||||||
.form-group
|
.form-group
|
||||||
position: relative
|
position: relative
|
||||||
margin: 0 auto 30px auto
|
margin: 0 auto 30px auto
|
||||||
font-family: $font-body
|
font-family: $font-body
|
||||||
|
|
||||||
input, textarea, select
|
input, textarea, select
|
||||||
|
+input-generic
|
||||||
|
|
||||||
|
&#fileupload
|
||||||
|
color: $color-info
|
||||||
|
|
||||||
|
&.tags .select2-container
|
||||||
|
.select2-selection
|
||||||
+input-generic
|
+input-generic
|
||||||
|
|
||||||
&#fileupload
|
select
|
||||||
color: $color-info
|
text-transform: capitalize
|
||||||
|
|
||||||
&.tags .select2-container
|
label
|
||||||
.select2-selection
|
+label-generic
|
||||||
+input-generic
|
text-transform: capitalize
|
||||||
|
|
||||||
select
|
|
||||||
text-transform: capitalize
|
|
||||||
|
|
||||||
|
&.error
|
||||||
|
color: $color-danger
|
||||||
|
background-color: $color-background-light
|
||||||
|
padding: 10px 15px
|
||||||
|
border: thin solid lighten($color-danger, 10%)
|
||||||
|
border-top: 2px solid $color-danger
|
||||||
|
border-bottom-left-radius: 3px
|
||||||
|
border-bottom-right-radius: 3px
|
||||||
label
|
label
|
||||||
+label-generic
|
|
||||||
text-transform: capitalize
|
|
||||||
|
|
||||||
&.error
|
|
||||||
color: $color-danger
|
color: $color-danger
|
||||||
background-color: $color-background-light
|
font-weight: 500
|
||||||
padding: 10px 15px
|
|
||||||
border: thin solid lighten($color-danger, 10%)
|
|
||||||
border-top: 2px solid $color-danger
|
|
||||||
border-bottom-left-radius: 3px
|
|
||||||
border-bottom-right-radius: 3px
|
|
||||||
label
|
|
||||||
color: $color-danger
|
|
||||||
font-weight: 500
|
|
||||||
|
|
||||||
&.file
|
&.file
|
||||||
background-color: $color-background-light
|
background-color: $color-background-light
|
||||||
padding: 10px 15px
|
padding: 10px 15px
|
||||||
border: thin solid $color-background
|
border: thin solid $color-background
|
||||||
border-top: 2px solid $color-info
|
border-top: 2px solid $color-info
|
||||||
border-bottom-left-radius: 3px
|
border-bottom-left-radius: 3px
|
||||||
border-bottom-right-radius: 3px
|
border-bottom-right-radius: 3px
|
||||||
|
|
||||||
.form-upload-progress
|
.form-upload-progress
|
||||||
.form-upload-progress-bar
|
.form-upload-progress-bar
|
||||||
margin-top: 5px
|
margin-top: 5px
|
||||||
background-color: $color-success
|
background-color: $color-success
|
||||||
height: 5px
|
height: 5px
|
||||||
min-width: 0
|
min-width: 0
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
|
|
||||||
.form-group
|
.form-group
|
||||||
.node-preview-thumbnail
|
.node-preview-thumbnail
|
||||||
display: block
|
display: block
|
||||||
|
|
||||||
&.attachments
|
&.attachments
|
||||||
|
+clearfix
|
||||||
|
|
||||||
|
.form-control
|
||||||
|
padding: 0
|
||||||
|
margin: 0
|
||||||
|
border: none
|
||||||
|
list-style-type: none
|
||||||
+clearfix
|
+clearfix
|
||||||
|
|
||||||
.form-control
|
label[for^='attachments-']
|
||||||
padding: 0
|
margin-top: 15px
|
||||||
margin: 0
|
font-weight: 400
|
||||||
border: none
|
|
||||||
list-style-type: none
|
|
||||||
+clearfix
|
|
||||||
|
|
||||||
label[for^='attachments-']
|
div[id^='attachments-']
|
||||||
margin-top: 15px
|
margin-bottom: 15px
|
||||||
font-weight: 400
|
border-top: thin solid $color-text-dark-hint
|
||||||
|
|
||||||
div[id^='attachments-']
|
|
||||||
margin-bottom: 15px
|
|
||||||
border-top: thin solid $color-text-dark-hint
|
|
||||||
|
|
||||||
|
|
||||||
.form-group.description,
|
.form-group.description,
|
||||||
.form-group.summary,
|
.form-group.summary,
|
||||||
.form-group.content
|
.form-group.content
|
||||||
position: relative
|
position: relative
|
||||||
|
|
||||||
textarea
|
textarea
|
||||||
width: 100%
|
width: 100%
|
||||||
min-height: 220px
|
min-height: 220px
|
||||||
|
|
||||||
line-height: 1.5em
|
line-height: 1.5em
|
||||||
border: 1px solid $color-background-dark
|
border: 1px solid $color-background-dark
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
margin: 0 auto 10px auto
|
margin: 0 auto 10px auto
|
||||||
padding: 10px
|
padding: 10px
|
||||||
color: $color-text-dark
|
color: $color-text-dark
|
||||||
|
|
||||||
transition: all 300ms ease-in-out
|
transition: all 300ms ease-in-out
|
||||||
resize: vertical
|
resize: vertical
|
||||||
|
|
||||||
|
|
||||||
&:focus
|
&:focus
|
||||||
border: 1px solid $color-info
|
border: 1px solid $color-info
|
||||||
outline: none
|
outline: none
|
||||||
|
|
||||||
&.field-error
|
&.field-error
|
||||||
border-color: $color-danger
|
border-color: $color-danger
|
||||||
|
|
||||||
.md-preview-loading
|
.md-preview-loading
|
||||||
|
position: absolute
|
||||||
|
left: 85px
|
||||||
|
padding-top: 5px
|
||||||
|
font-size: .9em
|
||||||
|
color: $color-text-dark-secondary
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.node-edit-form-md-preview
|
||||||
|
|
||||||
|
+markdown-preview-container
|
||||||
|
|
||||||
|
&:before
|
||||||
|
content: 'Live Preview'
|
||||||
position: absolute
|
position: absolute
|
||||||
left: 85px
|
top: -25px
|
||||||
padding-top: 5px
|
left: 20px
|
||||||
font-size: .9em
|
font-size: .7em
|
||||||
color: $color-text-dark-secondary
|
color: $color-text-dark-secondary
|
||||||
display: none
|
transition: color 150ms ease-in-out
|
||||||
|
|
||||||
.node-edit-form-md-preview
|
&:after
|
||||||
|
content: 'Markdown Supported'
|
||||||
|
position: absolute
|
||||||
|
top: -25px
|
||||||
|
right: 20px
|
||||||
|
font-size: .7em
|
||||||
|
color: $color-text-dark-hint
|
||||||
|
transition: color 150ms ease-in-out
|
||||||
|
|
||||||
+markdown-preview-container
|
&:empty
|
||||||
|
|
||||||
margin:
|
|
||||||
left: -20px
|
|
||||||
right: -20px
|
|
||||||
|
|
||||||
padding:
|
|
||||||
top: 20px
|
|
||||||
left: 0
|
|
||||||
right: 0
|
|
||||||
|
|
||||||
&:before
|
|
||||||
content: 'Live Preview'
|
|
||||||
position: absolute
|
|
||||||
top: -25px
|
|
||||||
left: 20px
|
|
||||||
font-size: .7em
|
|
||||||
color: $color-text-dark-secondary
|
|
||||||
transition: color 150ms ease-in-out
|
|
||||||
|
|
||||||
&:after
|
|
||||||
content: 'Markdown Supported'
|
|
||||||
position: absolute
|
|
||||||
top: -25px
|
|
||||||
right: 20px
|
|
||||||
font-size: .7em
|
|
||||||
color: $color-text-dark-hint
|
|
||||||
transition: color 150ms ease-in-out
|
|
||||||
|
|
||||||
|
|
||||||
.node-edit-form-md-preview:empty
|
|
||||||
color: transparent
|
color: transparent
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
padding: 0 10px
|
padding: 0 10px
|
||||||
@ -171,206 +159,193 @@
|
|||||||
color: transparent
|
color: transparent
|
||||||
|
|
||||||
|
|
||||||
#node-edit-form-md-preview
|
#blog_post-create-container,
|
||||||
padding: 20px
|
#blog_post-edit-container
|
||||||
|
padding: 25px
|
||||||
|
|
||||||
&.post-create
|
#blog_index-container,
|
||||||
flex-direction: row-reverse
|
#blog_post-create-container,
|
||||||
|
#blog_post-edit-container
|
||||||
|
+container-box
|
||||||
|
width: 75%
|
||||||
|
|
||||||
#blog_post-create-container,
|
+media-xs
|
||||||
#blog_post-edit-container
|
border-radius: 0
|
||||||
padding: 25px
|
width: 100%
|
||||||
|
clear: both
|
||||||
#blog_index-container,
|
display: block
|
||||||
#blog_post-container,
|
+media-sm
|
||||||
#blog_post-create-container,
|
width: 60%
|
||||||
#blog_post-edit-container
|
+media-md
|
||||||
+container-box
|
width: 70%
|
||||||
|
+media-lg
|
||||||
width: 75%
|
width: 75%
|
||||||
|
|
||||||
+media-xs
|
.blog_index-header
|
||||||
border-radius: 0
|
border-top-left-radius: 3px
|
||||||
width: 100%
|
border-top-right-radius: 3px
|
||||||
clear: both
|
display: block
|
||||||
display: block
|
overflow: hidden
|
||||||
+media-sm
|
position: relative
|
||||||
width: 60%
|
text-align: center
|
||||||
+media-md
|
width: 100%
|
||||||
width: 70%
|
|
||||||
+media-lg
|
|
||||||
width: 75%
|
|
||||||
|
|
||||||
.blog_index-header
|
img
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
.blog_index-item
|
||||||
|
+media-lg
|
||||||
|
max-width: 880px
|
||||||
|
+media-md
|
||||||
|
max-width: 880px
|
||||||
|
+media-sm
|
||||||
|
max-width: 780px
|
||||||
|
|
||||||
|
margin: 15px auto
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
.item-info a
|
||||||
|
color: $color-primary
|
||||||
|
|
||||||
|
.item-picture
|
||||||
|
position: relative
|
||||||
|
width: 100%
|
||||||
|
max-height: 350px
|
||||||
|
min-height: 200px
|
||||||
|
height: auto
|
||||||
|
overflow: hidden
|
||||||
border-top-left-radius: 3px
|
border-top-left-radius: 3px
|
||||||
border-top-right-radius: 3px
|
border-top-right-radius: 3px
|
||||||
display: block
|
+clearfix
|
||||||
overflow: hidden
|
|
||||||
position: relative
|
|
||||||
text-align: center
|
|
||||||
width: 100%
|
|
||||||
|
|
||||||
img
|
img
|
||||||
|
+position-center-translate
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
.blog_index-item
|
|
||||||
+media-lg
|
|
||||||
max-width: 780px
|
|
||||||
|
|
||||||
margin: 0 auto 15px auto
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
.item-info a
|
|
||||||
color: $color-primary
|
|
||||||
|
|
||||||
|
|
||||||
.item-picture
|
|
||||||
position: relative
|
|
||||||
width: 100%
|
|
||||||
max-height: 350px
|
|
||||||
min-height: 200px
|
|
||||||
height: auto
|
|
||||||
overflow: hidden
|
|
||||||
border-top-left-radius: 3px
|
border-top-left-radius: 3px
|
||||||
border-top-right-radius: 3px
|
border-top-right-radius: 3px
|
||||||
+clearfix
|
|
||||||
|
|
||||||
img
|
|
||||||
+position-center-translate
|
|
||||||
width: 100%
|
|
||||||
border-top-left-radius: 3px
|
|
||||||
border-top-right-radius: 3px
|
|
||||||
|
|
||||||
+media-xs
|
|
||||||
min-height: 150px
|
|
||||||
+media-sm
|
|
||||||
min-height: 150px
|
|
||||||
+media-md
|
|
||||||
min-height: 250px
|
|
||||||
+media-lg
|
|
||||||
min-height: 250px
|
|
||||||
|
|
||||||
.item-title
|
|
||||||
color: $color-text-dark
|
|
||||||
display: block
|
|
||||||
font:
|
|
||||||
family: $font-body
|
|
||||||
size: 2em
|
|
||||||
padding: 25px 25px 10px 25px
|
|
||||||
|
|
||||||
.item-info
|
|
||||||
color: $color-text-dark-secondary
|
|
||||||
font-size: 1em
|
|
||||||
padding:
|
|
||||||
left: 25px
|
|
||||||
right: 25px
|
|
||||||
|
|
||||||
a
|
|
||||||
color: $color-text-dark-secondary
|
|
||||||
&:hover
|
|
||||||
color: $color-primary
|
|
||||||
|
|
||||||
.item-content
|
|
||||||
+node-details-description
|
|
||||||
padding: 35px 25px
|
|
||||||
font-size: 1.3em
|
|
||||||
|
|
||||||
+media-xs
|
|
||||||
padding:
|
|
||||||
left: 0
|
|
||||||
right: 0
|
|
||||||
|
|
||||||
img
|
|
||||||
display: block
|
|
||||||
margin: 0 auto
|
|
||||||
|
|
||||||
.item-meta
|
|
||||||
color: $color-text-dark-secondary
|
|
||||||
padding:
|
|
||||||
left: 25px
|
|
||||||
right: 25px
|
|
||||||
|
|
||||||
+media-xs
|
|
||||||
padding:
|
|
||||||
left: 10px
|
|
||||||
right: 10px
|
|
||||||
|
|
||||||
.button-create, .button-edit
|
|
||||||
position: absolute
|
|
||||||
z-index: 2
|
|
||||||
top: 20px
|
|
||||||
right: 20px
|
|
||||||
+button($color-success, 6px, true)
|
|
||||||
|
|
||||||
.button-edit
|
|
||||||
right: 170px
|
|
||||||
top: 15px
|
|
||||||
|
|
||||||
.item-picture+.button-back+.button-edit
|
|
||||||
right: 20px
|
|
||||||
top: 20px
|
|
||||||
|
|
||||||
.comments-container
|
|
||||||
padding:
|
|
||||||
left: 20px
|
|
||||||
right: 20px
|
|
||||||
max-width: 680px
|
|
||||||
margin: 0 auto
|
|
||||||
|
|
||||||
|
+media-xs
|
||||||
|
min-height: 150px
|
||||||
|
+media-sm
|
||||||
|
min-height: 150px
|
||||||
|
+media-md
|
||||||
|
min-height: 250px
|
||||||
+media-lg
|
+media-lg
|
||||||
|
min-height: 250px
|
||||||
|
|
||||||
|
.item-title
|
||||||
|
color: $color-text-dark
|
||||||
|
display: block
|
||||||
|
font:
|
||||||
|
family: $font-body
|
||||||
|
size: 1.8em
|
||||||
|
padding-bottom: 10px
|
||||||
|
padding-top: 20px
|
||||||
|
|
||||||
|
.item-info
|
||||||
|
color: $color-text-dark-secondary
|
||||||
|
font-size: 1em
|
||||||
|
|
||||||
|
a
|
||||||
|
color: $color-text-dark-secondary
|
||||||
|
&:hover
|
||||||
|
color: $color-primary
|
||||||
|
|
||||||
|
.item-content
|
||||||
|
+node-details-description
|
||||||
|
padding: 35px 25px
|
||||||
|
font-size: 1.3em
|
||||||
|
|
||||||
|
+media-xs
|
||||||
padding:
|
padding:
|
||||||
left: 0
|
left: 0
|
||||||
right: 0
|
right: 0
|
||||||
|
|
||||||
.comment-reply-container
|
|
||||||
background-color: transparent
|
|
||||||
|
|
||||||
.comment-reply-field
|
|
||||||
textarea, .comment-reply-meta
|
|
||||||
background-color: $color-background-light
|
|
||||||
|
|
||||||
&.filled
|
|
||||||
.comment-reply-meta
|
|
||||||
background-color: $color-success
|
|
||||||
|
|
||||||
.comment-reply-form
|
|
||||||
+media-xs
|
|
||||||
padding:
|
|
||||||
left: 0
|
|
||||||
|
|
||||||
#blog_post-edit-form
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
.form-group
|
|
||||||
label
|
|
||||||
text-transform: capitalize
|
|
||||||
|
|
||||||
.form-group.content
|
|
||||||
.form-control
|
|
||||||
min-height: 350px
|
|
||||||
|
|
||||||
.form-group.url
|
|
||||||
label
|
|
||||||
text-transform: uppercase
|
|
||||||
|
|
||||||
.form-group.picture
|
|
||||||
+text-overflow-ellipsis
|
|
||||||
|
|
||||||
img
|
img
|
||||||
display: block
|
display: block
|
||||||
max-width: 100%
|
margin: 0 auto
|
||||||
|
|
||||||
a
|
.item-meta
|
||||||
display: block
|
color: $color-text-dark-secondary
|
||||||
padding: 10px 0
|
padding:
|
||||||
text-align: right
|
left: 25px
|
||||||
|
right: 25px
|
||||||
|
|
||||||
.original a
|
+media-xs
|
||||||
color: $color-info
|
padding:
|
||||||
.delete a
|
left: 10px
|
||||||
color: $color-danger
|
right: 10px
|
||||||
|
|
||||||
.form-upload-file-meta
|
.button-create,
|
||||||
width: initial
|
.button-edit
|
||||||
|
+button($color-success, 3px, true)
|
||||||
|
|
||||||
|
.item-picture+.button-back+.button-edit
|
||||||
|
right: 20px
|
||||||
|
top: 20px
|
||||||
|
|
||||||
|
.comments-container
|
||||||
|
padding:
|
||||||
|
left: 20px
|
||||||
|
right: 20px
|
||||||
|
max-width: 680px
|
||||||
|
margin: 0 auto
|
||||||
|
|
||||||
|
+media-lg
|
||||||
|
padding:
|
||||||
|
left: 0
|
||||||
|
right: 0
|
||||||
|
|
||||||
|
.comment-reply-container
|
||||||
|
background-color: transparent
|
||||||
|
|
||||||
|
.comment-reply-field
|
||||||
|
textarea, .comment-reply-meta
|
||||||
|
background-color: $color-background-light
|
||||||
|
|
||||||
|
&.filled
|
||||||
|
.comment-reply-meta
|
||||||
|
background-color: $color-success
|
||||||
|
|
||||||
|
.comment-reply-form
|
||||||
|
+media-xs
|
||||||
|
padding:
|
||||||
|
left: 0
|
||||||
|
|
||||||
|
#blog_post-edit-form
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
.form-group
|
||||||
|
label
|
||||||
|
text-transform: capitalize
|
||||||
|
|
||||||
|
.form-group.content
|
||||||
|
.form-control
|
||||||
|
min-height: 350px
|
||||||
|
|
||||||
|
.form-group.url
|
||||||
|
label
|
||||||
|
text-transform: uppercase
|
||||||
|
|
||||||
|
.form-group.picture
|
||||||
|
+text-overflow-ellipsis
|
||||||
|
|
||||||
|
img
|
||||||
|
display: block
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
a
|
||||||
|
display: block
|
||||||
|
padding: 10px 0
|
||||||
|
text-align: right
|
||||||
|
|
||||||
|
.original a
|
||||||
|
color: $color-info
|
||||||
|
.delete a
|
||||||
|
color: $color-danger
|
||||||
|
|
||||||
|
.form-upload-file-meta
|
||||||
|
width: initial
|
||||||
|
|
||||||
#blog_post-edit-title
|
#blog_post-edit-title
|
||||||
padding: 0
|
padding: 0
|
||||||
@ -403,9 +378,9 @@
|
|||||||
margin: 0
|
margin: 0
|
||||||
|
|
||||||
.button-back
|
.button-back
|
||||||
|
+button($color-info, 6px, true)
|
||||||
display: block
|
display: block
|
||||||
width: 100%
|
width: 100%
|
||||||
+button($color-info, 6px)
|
|
||||||
margin: 15px 0 0 0
|
margin: 15px 0 0 0
|
||||||
|
|
||||||
#blog_post-edit-form
|
#blog_post-edit-form
|
||||||
@ -478,7 +453,6 @@
|
|||||||
transition: opacity 150ms ease-in-out
|
transition: opacity 150ms ease-in-out
|
||||||
+position-center-translate
|
+position-center-translate
|
||||||
|
|
||||||
|
|
||||||
.item-info
|
.item-info
|
||||||
padding: 10px 20px
|
padding: 10px 20px
|
||||||
background-color: white
|
background-color: white
|
||||||
@ -501,63 +475,33 @@
|
|||||||
text-decoration: none
|
text-decoration: none
|
||||||
color: $color-primary
|
color: $color-primary
|
||||||
|
|
||||||
#blog_post-container
|
|
||||||
.button-create
|
|
||||||
+button($color-success, 6px)
|
|
||||||
.button-back
|
|
||||||
position: absolute
|
|
||||||
top: 15px
|
|
||||||
right: 15px
|
|
||||||
z-index: 2
|
|
||||||
+button($color-info, 6px, true)
|
|
||||||
.button-create, .button-edit
|
|
||||||
position: absolute
|
|
||||||
z-index: 2
|
|
||||||
top: 15px
|
|
||||||
right: 15px
|
|
||||||
+button($color-success, 6px, true)
|
|
||||||
|
|
||||||
.button-edit
|
|
||||||
right: 170px
|
|
||||||
top: 15px
|
|
||||||
|
|
||||||
.button-back+.button-edit
|
|
||||||
right: 15px
|
|
||||||
top: 15px
|
|
||||||
|
|
||||||
|
|
||||||
#blog_container
|
#blog_container
|
||||||
&.cloud-blog
|
&.cloud-blog
|
||||||
#blog_index-container,
|
#blog_index-container,
|
||||||
#blog_post-container,
|
|
||||||
#blog_post-create-container,
|
#blog_post-create-container,
|
||||||
#blog_post-edit-container
|
#blog_post-edit-container
|
||||||
width: 90%
|
width: 90%
|
||||||
padding: 25px 30px 20px 30px
|
padding: 25px 30px 20px 30px
|
||||||
|
|
||||||
#blog_index-container+#blog_index-sidebar,
|
#blog_index-container+#blog_index-sidebar
|
||||||
#blog_post-container+#blog_index-sidebar
|
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
&.cloud-blog #blog_index-container,
|
#blog_index-container,
|
||||||
&.cloud-blog #blog_post-container,
|
&.cloud-blog #blog_index-container
|
||||||
#blog_index-container, #blog_post-container
|
|
||||||
padding: 0 0 50px 0
|
|
||||||
|
|
||||||
+media-sm
|
+media-sm
|
||||||
width: 100%
|
width: 100%
|
||||||
padding: 25px 20px 20px 20px
|
|
||||||
+media-xs
|
+media-xs
|
||||||
width: 100%
|
width: 100%
|
||||||
padding: 0 0 20px 0
|
|
||||||
|
padding: 0 0 50px 0
|
||||||
|
margin: 0 auto
|
||||||
|
|
||||||
.blog_index-item
|
.blog_index-item
|
||||||
padding: 25px 80px 20px 80px
|
|
||||||
position: relative
|
|
||||||
|
|
||||||
+media-xs
|
+media-xs
|
||||||
width: 100%
|
width: 100%
|
||||||
padding: 25px 0 20px 0
|
padding: 10px 25px
|
||||||
|
|
||||||
&.list
|
&.list
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
@ -613,29 +557,21 @@
|
|||||||
a.item-title, .item-info
|
a.item-title, .item-info
|
||||||
padding-left: 70px
|
padding-left: 70px
|
||||||
|
|
||||||
#blog_index-container,
|
#blog_index-container
|
||||||
#blog_post-container
|
.blog_index-item
|
||||||
.blog_index-item
|
position: relative
|
||||||
padding: 25px 10px 20px 10px
|
|
||||||
position: relative
|
+media-xs
|
||||||
|
padding: 25px 0 20px 0
|
||||||
|
|
||||||
|
&.list
|
||||||
|
padding: 15px 10px
|
||||||
|
margin: 0
|
||||||
|
|
||||||
+media-xs
|
+media-xs
|
||||||
padding: 25px 0 20px 0
|
width: 100%
|
||||||
|
|
||||||
&.list
|
|
||||||
padding: 15px 10px
|
padding: 15px 10px
|
||||||
margin: 0 25px
|
margin: 0
|
||||||
|
|
||||||
+media-xs
|
|
||||||
width: 100%
|
|
||||||
padding: 15px 10px
|
|
||||||
margin: 0
|
|
||||||
|
|
||||||
&.cloud-blog #blog_post-container,
|
|
||||||
#blog_post-container
|
|
||||||
.blog_index-item
|
|
||||||
padding-top: 55px
|
|
||||||
font-size: .9em
|
|
||||||
|
|
||||||
|
|
||||||
.blog-archive-navigation
|
.blog-archive-navigation
|
||||||
@ -674,3 +610,14 @@
|
|||||||
right: 0
|
right: 0
|
||||||
top: 0
|
top: 0
|
||||||
z-index: 1
|
z-index: 1
|
||||||
|
|
||||||
|
#project_context
|
||||||
|
.blog_index-item
|
||||||
|
+media-xs
|
||||||
|
margin-left: 0
|
||||||
|
padding: 0
|
||||||
|
margin-left: 10px
|
||||||
|
|
||||||
|
#blog_container
|
||||||
|
.comments-container
|
||||||
|
margin-left: 30px
|
||||||
|
|||||||
@ -8,57 +8,41 @@ $tree-color-highlight-background-text: white
|
|||||||
.jstree-default
|
.jstree-default
|
||||||
/* list item */
|
/* list item */
|
||||||
.jstree-node
|
.jstree-node
|
||||||
position: relative
|
|
||||||
max-width: 100% // Needed for ellipsis on long names
|
|
||||||
margin: 0 !important
|
|
||||||
color: $tree-color-text
|
|
||||||
background-image: none !important
|
|
||||||
|
|
||||||
transition: color 100ms ease-in-out, background-color 150ms ease-in-out
|
|
||||||
|
|
||||||
+media-xs
|
+media-xs
|
||||||
width: 100%
|
width: 100%
|
||||||
|
background-image: none !important
|
||||||
|
border: none
|
||||||
|
color: $tree-color-text
|
||||||
|
margin: 0 !important
|
||||||
|
max-width: 100% // Needed for ellipsis on long names
|
||||||
|
position: relative
|
||||||
|
|
||||||
&[data-node-type="asset"],
|
&[data-node-type="asset"],
|
||||||
&[data-node-type="texture"],
|
&[data-node-type="texture"],
|
||||||
&[data-node-type="hdri"]
|
&[data-node-type="hdri"]
|
||||||
.jstree-anchor
|
.jstree-anchor
|
||||||
padding-right: 20px
|
padding-right: 20px
|
||||||
&:before
|
|
||||||
font-family: 'pillar-font'
|
|
||||||
content: '\e84d'
|
|
||||||
color: $color-text-dark-hint
|
|
||||||
font-size: .8em
|
|
||||||
padding: 0 5px
|
|
||||||
position: absolute
|
|
||||||
right: 5px
|
|
||||||
|
|
||||||
&.jstree-clicked
|
|
||||||
&:before
|
|
||||||
color: $tree-color-highlight-background-text !important
|
|
||||||
&:after
|
|
||||||
display: none
|
|
||||||
&[is_free='true']
|
&[is_free='true']
|
||||||
.jstree-anchor
|
.jstree-anchor
|
||||||
padding-right: initial
|
padding-right: initial
|
||||||
&:before
|
|
||||||
display: none
|
|
||||||
&:after
|
&:after
|
||||||
display: none
|
color: $tree-color-highlight
|
||||||
|
content: '\e84e' !important
|
||||||
|
display: block
|
||||||
|
|
||||||
&[data-node-type="page"],
|
&[data-node-type="page"],
|
||||||
&[data-node-type="blog"]
|
&[data-node-type="blog"]
|
||||||
font-size: 1.15em
|
|
||||||
color: darken($tree-color-highlight, 5%)
|
color: darken($tree-color-highlight, 5%)
|
||||||
border-bottom: 2px solid $tree-color-highlight
|
font-weight: bold
|
||||||
|
|
||||||
&:hover
|
|
||||||
border-bottom-color: lighten($tree-color-highlight, 5%)
|
|
||||||
|
|
||||||
.jstree-anchor
|
.jstree-anchor
|
||||||
padding: 5px 8px 1px 8px
|
padding: 5px 8px 1px 8px
|
||||||
|
|
||||||
&:after
|
&:after
|
||||||
top: 3px !important
|
top: 3px !important
|
||||||
|
|
||||||
.jstree-icon
|
.jstree-icon
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
@ -95,7 +79,7 @@ $tree-color-highlight-background-text: white
|
|||||||
font-size: .85em !important
|
font-size: .85em !important
|
||||||
|
|
||||||
.jstree-anchor
|
.jstree-anchor
|
||||||
border-left: thin solid rgba($tree-color-text, .2)
|
box-shadow: inset 1px 0 0 0 rgba($tree-color-text, .2)
|
||||||
|
|
||||||
/* Closed Folder */
|
/* Closed Folder */
|
||||||
// &.jstree-closed
|
// &.jstree-closed
|
||||||
@ -110,51 +94,58 @@ $tree-color-highlight-background-text: white
|
|||||||
|
|
||||||
/* The text of the last level item */
|
/* The text of the last level item */
|
||||||
.jstree-anchor
|
.jstree-anchor
|
||||||
width: 100%
|
|
||||||
padding-left: 28px
|
|
||||||
padding-right: 10px
|
|
||||||
height: inherit
|
|
||||||
line-height: 26px
|
|
||||||
white-space: nowrap
|
|
||||||
text-overflow: ellipsis
|
|
||||||
overflow: hidden
|
|
||||||
border-bottom: thin solid transparent
|
|
||||||
transition: none
|
|
||||||
|
|
||||||
+media-xs
|
+media-xs
|
||||||
width: 98%
|
width: 98%
|
||||||
padding: 0 !important
|
padding: 0 !important
|
||||||
|
border: none
|
||||||
|
height: inherit
|
||||||
|
line-height: 26px
|
||||||
|
overflow: hidden
|
||||||
|
padding-left: 28px
|
||||||
|
padding-right: 10px
|
||||||
|
text-overflow: ellipsis
|
||||||
|
transition: none
|
||||||
|
transition: color 50ms ease-in-out, background-color 100ms ease-in-out
|
||||||
|
white-space: nowrap
|
||||||
|
width: 100%
|
||||||
|
|
||||||
|
// Little arrow on the right
|
||||||
|
&:after
|
||||||
|
content: '\e83a' !important
|
||||||
|
font-family: 'pillar-font'
|
||||||
|
color: white
|
||||||
|
display: none
|
||||||
|
position: absolute
|
||||||
|
right: 7px
|
||||||
|
top: 1px
|
||||||
|
|
||||||
|
// Icon, not selected
|
||||||
.jstree-icon
|
.jstree-icon
|
||||||
margin: 0 !important
|
|
||||||
font-size: 95% !important
|
|
||||||
color: $color-text-dark-secondary
|
color: $color-text-dark-secondary
|
||||||
|
font-size: 95% !important
|
||||||
|
margin: 0 !important
|
||||||
|
|
||||||
/* Selected item */
|
/* Selected item */
|
||||||
&.jstree-clicked
|
&.jstree-clicked
|
||||||
background-color: $tree-color-highlight-background !important
|
background-color: $tree-color-highlight-background !important
|
||||||
color: $tree-color-highlight-background-text !important
|
color: white !important
|
||||||
|
|
||||||
.jstree-ocl, .jstree-icon
|
|
||||||
color: $tree-color-highlight-background-text !important
|
|
||||||
|
|
||||||
&:after
|
&:after
|
||||||
content: '\e83a'
|
display: block
|
||||||
font-family: 'pillar-font'
|
color: white !important
|
||||||
color: $tree-color-highlight-background-text
|
|
||||||
position: absolute
|
|
||||||
right: 7px
|
|
||||||
top: 1px
|
|
||||||
|
|
||||||
li
|
.jstree-ocl,
|
||||||
a.jstree-anchor:after
|
.jstree-icon
|
||||||
content: ''
|
color: white
|
||||||
|
|
||||||
/* hover an active item */
|
/* hover an active item */
|
||||||
&.jstree-hovered,
|
&.jstree-hovered
|
||||||
&.jstree-hovered .jstree-icon
|
background-color: lighten($tree-color-highlight-background, 10%) !important
|
||||||
color: $tree-color-highlight-background-text !important
|
|
||||||
box-shadow: none
|
box-shadow: none
|
||||||
|
color: white !important
|
||||||
|
|
||||||
|
&.jstree-hovered .jstree-icon
|
||||||
|
color: white !important
|
||||||
|
|
||||||
.jstree-hovered
|
.jstree-hovered
|
||||||
background-color: rgba($tree-color-highlight, .1) !important
|
background-color: rgba($tree-color-highlight, .1) !important
|
||||||
@ -196,45 +187,70 @@ $tree-color-highlight-background-text: white
|
|||||||
line-height: 26px
|
line-height: 26px
|
||||||
left: 5px
|
left: 5px
|
||||||
|
|
||||||
&.is_subscriber .jstree-anchor
|
&.is_subscriber
|
||||||
padding-right: initial
|
.jstree-node
|
||||||
&:before
|
&[is_free='true']
|
||||||
display: none
|
.jstree-anchor
|
||||||
&:after
|
padding-right: initial
|
||||||
display: none
|
|
||||||
|
&:after
|
||||||
|
display: none !important
|
||||||
|
|
||||||
&.blog
|
&.blog
|
||||||
.jstree-anchor
|
.jstree-anchor
|
||||||
padding: 5px 5px 5px 10px
|
padding: 6px 6px 6px 12px
|
||||||
&:hover, &:hover i
|
|
||||||
|
&:hover
|
||||||
color: $tree-color-highlight
|
color: $tree-color-highlight
|
||||||
|
|
||||||
&.jstree-clicked .tree-item-info
|
&.post
|
||||||
color: white
|
border-bottom: thin solid $color-background-dark
|
||||||
|
|
||||||
.tree-item-info
|
&.jstree-clicked
|
||||||
display: block
|
&.post
|
||||||
font-size: .85em
|
background-color: transparent !important
|
||||||
margin-left: 40px
|
|
||||||
padding-top: 2px
|
|
||||||
line-height: 1em
|
|
||||||
color: $color-text-dark-secondary
|
|
||||||
|
|
||||||
.tree-item-thumbnail
|
&:after
|
||||||
display: flex
|
top: 8px
|
||||||
align-items: center
|
color: $tree-color-highlight !important
|
||||||
justify-content: center
|
|
||||||
background-color: $color-background
|
.tree-item-info
|
||||||
width: 40px
|
color: $color-text
|
||||||
height: 40px
|
|
||||||
float: left
|
.tree-item-title
|
||||||
margin: 0 5px 0 -5px
|
color: $tree-color-highlight
|
||||||
border-radius: 3px
|
|
||||||
color: $color-text-dark-secondary
|
.tree-item
|
||||||
img
|
line-height: initial
|
||||||
|
padding-right: 10px
|
||||||
|
|
||||||
|
&-title
|
||||||
|
font-size: 1.2em
|
||||||
|
overflow: initial
|
||||||
|
text-overflow: initial
|
||||||
|
white-space: normal
|
||||||
|
|
||||||
|
&-info
|
||||||
|
color: $color-text-dark-secondary
|
||||||
|
display: block
|
||||||
|
font-size: .8em
|
||||||
|
padding: 5px
|
||||||
|
|
||||||
|
&-thumbnail
|
||||||
|
align-items: center
|
||||||
|
background-color: $color-background
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
width: 40px
|
color: $color-text-dark-secondary
|
||||||
height: 40px
|
display: flex
|
||||||
|
float: left
|
||||||
|
height: 70px
|
||||||
|
justify-content: center
|
||||||
|
margin: 0 10px 0 -5px
|
||||||
|
width: 70px
|
||||||
|
|
||||||
|
img
|
||||||
|
height: 70px
|
||||||
|
width: 70px
|
||||||
|
|
||||||
|
|
||||||
.jstree-loading
|
.jstree-loading
|
||||||
@ -263,14 +279,16 @@ $tree-color-highlight-background-text: white
|
|||||||
|
|
||||||
|
|
||||||
a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked
|
a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked
|
||||||
background-color: rgba($tree-color-highlight-background, .7) !important
|
background-color: rgba($tree-color-highlight-background, .8) !important
|
||||||
|
color: white !important
|
||||||
|
|
||||||
a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked
|
a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked
|
||||||
background-color: rgba($tree-color-highlight-background, .8) !important
|
background-color: rgba($tree-color-highlight-background, .8) !important
|
||||||
|
color: white !important
|
||||||
|
|
||||||
i.jstree-icon.jstree-ocl
|
i.jstree-icon.jstree-ocl
|
||||||
height: 26px !important
|
|
||||||
color: rgba($tree-color-text, .5) !important
|
color: rgba($tree-color-text, .5) !important
|
||||||
|
height: 26px !important
|
||||||
+media-xs
|
+media-xs
|
||||||
height: 40px !important
|
height: 40px !important
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user