Files
ember-cli-dunlop/addon/styles/_convenience-helpers.sass
T

83 lines
1.6 KiB
Sass

.pointable
cursor: pointer
.comma-separated-items
> *
&:after
content: ", "
&:last-child
&:after
content: ""
.pull-right
float: right
.unpadded
padding: 0 !important
.ui.table
td
&.compact
padding: 0.5em 0.7em
.ui-scrollable-table-container
// semantic-ui has overflow-x hidden normally. Tables that do not collapse should be made horizontally scrollable to not "loose" data
overflow-x: scroll
// This helper is used on semantic-ui tables having pre elements. Due to whitespace settings the table width is pushing the table from the screen
// https://github.com/Semantic-Org/Semantic-UI/issues/1341
.ui.table pre, .force-wrap
white-space: pre-wrap
word-wrap: break-word
.clearfix
clear: both
input:disabled
background-color: #ccc !important
// .ui.grid might end up with columns having a negative bottom margin that captures the click event of the svg below it
.without-bottom-margin
margin-bottom: 0 !important
.between-brackets
&:before
content: '('
&:after
content: ')'
&.curly
&:before
content: '{'
&:after
content: '}'
&.angle
&:before
content: '<'
&:after
content: '>'
&.square
&:before
content: '['
&:after
content: ']'
&.spaced
&:before
content: '( '
&:after
content: ' )'
&.curly
&:before
content: '{ '
&:after
content: ' }'
&.angle
&:before
content: '< '
&:after
content: ' >'
&.square
&:before
content: '[ '
&:after
content: ' ]'