Improve CSS layout (sidebar)
This commit is contained in:
2
assets/css/app.min.css
vendored
2
assets/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -20,6 +20,7 @@
|
|||||||
border-radius: 5px
|
border-radius: 5px
|
||||||
border: 1px solid #ddd
|
border: 1px solid #ddd
|
||||||
overflow: auto
|
overflow: auto
|
||||||
|
overflow-wrap: initial
|
||||||
color: color('medium')
|
color: color('medium')
|
||||||
blockquote
|
blockquote
|
||||||
font-style: italic
|
font-style: italic
|
||||||
|
|||||||
@@ -12,13 +12,17 @@
|
|||||||
.sidebar-content
|
.sidebar-content
|
||||||
padding-left: 10px
|
padding-left: 10px
|
||||||
flex: 1 100%
|
flex: 1 100%
|
||||||
|
max-width: 85%
|
||||||
|
overflow-wrap: break-word
|
||||||
|
|
||||||
@include sm-device
|
@include sm-device
|
||||||
padding-left: 0
|
padding-left: 0
|
||||||
order: 1
|
order: 1
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
.sidebar
|
.sidebar
|
||||||
width: 250px
|
width: 25%
|
||||||
|
max-width: 250px
|
||||||
|
|
||||||
@include sm-device
|
@include sm-device
|
||||||
flex: 1 auto
|
flex: 1 auto
|
||||||
|
|||||||
Reference in New Issue
Block a user