diff --git a/src/assets/scss/app/components/_fab.scss b/src/assets/scss/app/components/_fab.scss index 5bcd065..c0ffcc1 100644 --- a/src/assets/scss/app/components/_fab.scss +++ b/src/assets/scss/app/components/_fab.scss @@ -46,6 +46,10 @@ height: 24px; } + &:hover { + // background-color: $fab-hover-background-color; + } + &--focused { border-color: $fab-focused-border-color; border-width: $fab-focused-border-width; @@ -82,9 +86,14 @@ position: fixed; bottom: 44px; right: 0; + // background-color: $color-background-medium; background-color: transparent; + // border-radius: 12px; padding: 1rem; - + // border: 1px solid $color-border; + // min-width: 300px; + // box-shadow: $elevation-medium; + .icon-contained { display: inline-flex; justify-content: center; diff --git a/src/assets/scss/app/form/_textfield.scss b/src/assets/scss/app/form/_textfield.scss index a64aa6c..aff723a 100644 --- a/src/assets/scss/app/form/_textfield.scss +++ b/src/assets/scss/app/form/_textfield.scss @@ -11,7 +11,7 @@ padding-top: $textfield-without-label-medium-text-margin-vertical; padding-bottom: $textfield-without-label-medium-text-margin-vertical; background-color: theme.$color-control-background; - border-radius: 12px; + border-radius: 12px; // globals.$size-border-radius-x6; &:hover { background-color: theme.$color-control-background-hover; @@ -23,6 +23,20 @@ box-shadow: none; } + // label + &--with-label { + // padding-top: $textfield-with-label-medium-text-margin-top; + // padding-bottom: $textfield-with-label-medium-text-margin-bottom; + } + + &__label { + // padding-top: $textfield-medium-label-margin-top; + + &.textfield__label--floated { + // padding-top: $textfield-medium-label-margin-top-floated; + } + } + // small &--small { height: globals.$size-control-height-small; diff --git a/src/assets/scss/beeline/_icons.scss b/src/assets/scss/beeline/_icons.scss index 2120262..c7e2ed7 100644 --- a/src/assets/scss/beeline/_icons.scss +++ b/src/assets/scss/beeline/_icons.scss @@ -1,3 +1,6 @@ +// @use "@beeline/design-tokens/scss/iconfont/iconfont" with ( +// $font-path-iconfont: '../fonts/iconfont' +// ); @use '@beeline/design-tokens/scss/iconfont/icons'; @font-face { diff --git a/src/assets/scss/bulma/overrides/form/_input-textarea.scss b/src/assets/scss/bulma/overrides/form/_input-textarea.scss index e53740d..c4a4faa 100644 --- a/src/assets/scss/bulma/overrides/form/_input-textarea.scss +++ b/src/assets/scss/bulma/overrides/form/_input-textarea.scss @@ -1,4 +1,5 @@ @use 'sass:map'; +// @use "@beeline/design-tokens/scss/tokens/globals"; @use '@beeline/design-tokens/scss/tokens/themes/light'; @use '@beeline/design-tokens/scss/tokens/themes/dark';