composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-24 11:08:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°2847 - Add Bulma SCSS lib.

Browse Source
This commit is contained in:
Molkobain
2020-07-27 14:46:31 +02:00
parent 8999108fe3
commit d56f6e684a
68 changed files with 59 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
node_modules/bulma-scss/components/_level.scss generated vendored Normal file
View File

@@ -0,0 +1,123 @@
$level-item-spacing: $block-spacing / 2 !default;
.level {
@extend %block;
align-items: center;
justify-content: space-between;
code {
border-radius: $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 {
&:not(:last-child) {
margin-bottom: 0;
@include ltr-property("margin", $level-item-spacing);
}
&: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: $level-item-spacing;
}
}
}
.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) {
@include ltr-property("margin", $level-item-spacing);
}
}
}
}
.level-left {
align-items: center;
justify-content: flex-start;
// Responsiveness
@include mobile {
& + .level-right {
margin-top: 1.5rem;
}
}
@include tablet {
display: flex;
}
}
.level-right {
align-items: center;
justify-content: flex-end;
// Responsiveness
@include tablet {
display: flex;
}
}