diff --git a/packages/styles/framework/src/components/_all.scss b/packages/styles/framework/src/components/_all.scss index 428d01d2..931961f4 100644 --- a/packages/styles/framework/src/components/_all.scss +++ b/packages/styles/framework/src/components/_all.scss @@ -4,7 +4,6 @@ @import 'divider'; @import 'breadcrumb'; @import 'card'; -@import 'level'; @import 'modal'; @import 'pagination'; @import 'popover'; diff --git a/packages/styles/framework/src/components/_level.scss b/packages/styles/framework/src/components/_level.scss deleted file mode 100644 index 26b36707..00000000 --- a/packages/styles/framework/src/components/_level.scss +++ /dev/null @@ -1,120 +0,0 @@ -.level { - @include block; - - align-items: center; - justify-content: space-between; - - code { - border-radius: var(--radius); - } - - img { - display: inline-block; - vertical-align: top; - } - - // Modifiers - &.is-mobile { - display: flex; - - .level-left, - .level-right { - display: flex; - } - - .level-left + .level-right { - margin-top: 0; - } - - .level-item { - margin-right: 7.4px; - - &:not(:last-child) { - margin-bottom: 0; - } - - &:not(.is-narrow) { - flex-grow: 1; - } - } - } - - // Responsiveness - @include tablet { - display: flex; - - & > .level-item { - &:not(.is-narrow) { - flex-grow: 1; - } - } - } -} - -.level-item { - align-items: center; - display: flex; - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - justify-content: center; - - .title, - .subtitle { - margin-bottom: 0; - } - - // Responsiveness - @include mobile { - &:not(:last-child) { - margin-bottom: 7.5px; - } - } -} - -.level-left, -.level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - - .level-item { - // Modifiers - &.is-flexible { - flex-grow: 1; - } - - // Responsiveness - @include tablet { - &:not(:last-child) { - margin-right: 7.5px; - } - } - } -} - -.level-left { - align-items: center; - justify-content: flex-start; - - // Responsiveness - @include mobile { - & + .level-right { - margin-top: 15px; - } - } - - @include tablet { - display: flex; - } -} - -.level-right { - align-items: center; - justify-content: flex-end; - - // Responsiveness - @include tablet { - display: flex; - } -} diff --git a/packages/styles/framework/src/components/_media.scss b/packages/styles/framework/src/components/_media.scss deleted file mode 100644 index 5d99d008..00000000 --- a/packages/styles/framework/src/components/_media.scss +++ /dev/null @@ -1,64 +0,0 @@ -.media { - align-items: flex-start; - display: flex; - text-align: left; - - .content:not(:last-child) { - margin-bottom: 7.5px; - } - - .media { - border-top: 1px solid getBGColor('neutral'); - display: flex; - padding-top: 7.5px; - - .content:not(:last-child), - .control:not(:last-child) { - margin-bottom: 5px; - } - - .media { - padding-top: 5px; - - & + .media { - margin-top: 5px; - } - } - } - - & + .media { - border-top: 1px solid getBGColor('neutral'); - margin-top: 10px; - padding-top: 10px; - } - - // Sizes - &.is-large { - & + .media { - margin-top: 15px; - padding-top: 15px; - } - } -} - -.media-left, -.media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; -} - -.media-left { - margin-right: 10px; -} - -.media-right { - margin-left: 10px; -} - -.media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; - text-align: left; -}