Skip to content
Permalink
Browse files

Merge pull request #48 from modio/dev

Updated design to fix a few minor glitches
  • Loading branch information...
intenscia committed Jun 27, 2019
2 parents 8d71c60 + 5b494da commit 4f9c15fd177c1ba01958bb06845bffc76edfde60
Showing with 70 additions and 24 deletions.
  1. +22 −7 docs/app.css
  2. +17 −7 docs/home.css
  3. +17 −7 docs/widget.css
  4. +1 −1 sass/form/tools.sass
  5. +5 −0 sass/overwrite/components_menu.sass
  6. +8 −2 sass/overwrite/elements_form.sass
@@ -1917,7 +1917,6 @@ a.tag:hover {
font-size: 1.5rem; }

.label {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700; }
@@ -2143,32 +2142,43 @@ ul.help {
margin-left: 2.25em; }

.control.is-dark .button,
.control.is-dark .input {
.control.is-dark .input,
.control.is-dark select {
background-color: #2c2c3f;
border-color: #2c2c3f;
color: white; }
.control.is-dark .button::-webkit-input-placeholder,
.control.is-dark .input::-webkit-input-placeholder {
.control.is-dark .input::-webkit-input-placeholder,
.control.is-dark select::-webkit-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button:-ms-input-placeholder,
.control.is-dark .input:-ms-input-placeholder {
.control.is-dark .input:-ms-input-placeholder,
.control.is-dark select:-ms-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button::-ms-input-placeholder,
.control.is-dark .input::-ms-input-placeholder {
.control.is-dark .input::-ms-input-placeholder,
.control.is-dark select::-ms-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button::placeholder,
.control.is-dark .input::placeholder {
.control.is-dark .input::placeholder,
.control.is-dark select::placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button:focus, .control.is-dark .button.is-focused, .control.is-dark .button:active, .control.is-dark .button.is-active,
.control.is-dark .input:focus,
.control.is-dark .input.is-focused,
.control.is-dark .input:active,
.control.is-dark .input.is-active {
.control.is-dark .input.is-active,
.control.is-dark select:focus,
.control.is-dark select.is-focused,
.control.is-dark select:active,
.control.is-dark select.is-active {
border-color: #44bfd5; }
.control.is-dark .select:hover:not(.is-multiple):not(.is-loading)::after {
border-color: white; }
.control.is-loading.has-icons-right .icon {
display: none; }

@@ -2573,6 +2583,11 @@ button.dropdown-item {
.menu-list a:hover .tag.is-dark {
background: none;
color: inherit !important; }
.menu-list a.is-sublabel {
cursor: default; }
.menu-list a.is-sublabel:hover {
background: none;
color: whitesmoke; }
.menu-list li ul {
margin: 0.5rem 0 0.5rem 0.75rem;
padding-left: 0.5rem; }
@@ -1729,7 +1729,6 @@ a.tag:hover {
font-size: 1.5rem; }

.label {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700; }
@@ -1955,32 +1954,43 @@ ul.help {
margin-left: 2.25em; }

.control.is-dark .button,
.control.is-dark .input {
.control.is-dark .input,
.control.is-dark select {
background-color: #2c2c3f;
border-color: #2c2c3f;
color: white; }
.control.is-dark .button::-webkit-input-placeholder,
.control.is-dark .input::-webkit-input-placeholder {
.control.is-dark .input::-webkit-input-placeholder,
.control.is-dark select::-webkit-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button:-ms-input-placeholder,
.control.is-dark .input:-ms-input-placeholder {
.control.is-dark .input:-ms-input-placeholder,
.control.is-dark select:-ms-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button::-ms-input-placeholder,
.control.is-dark .input::-ms-input-placeholder {
.control.is-dark .input::-ms-input-placeholder,
.control.is-dark select::-ms-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button::placeholder,
.control.is-dark .input::placeholder {
.control.is-dark .input::placeholder,
.control.is-dark select::placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button:focus, .control.is-dark .button.is-focused, .control.is-dark .button:active, .control.is-dark .button.is-active,
.control.is-dark .input:focus,
.control.is-dark .input.is-focused,
.control.is-dark .input:active,
.control.is-dark .input.is-active {
.control.is-dark .input.is-active,
.control.is-dark select:focus,
.control.is-dark select.is-focused,
.control.is-dark select:active,
.control.is-dark select.is-active {
border-color: #44bfd5; }
.control.is-dark .select:hover:not(.is-multiple):not(.is-loading)::after {
border-color: white; }
.control.is-loading.has-icons-right .icon {
display: none; }

@@ -1893,7 +1893,6 @@ a.tag:hover {
font-size: 1.5rem; }

.label {
color: #363636;
display: block;
font-size: 1rem;
font-weight: 700; }
@@ -2119,32 +2118,43 @@ ul.help {
margin-left: 2.25em; }

.control.is-dark .button,
.control.is-dark .input {
.control.is-dark .input,
.control.is-dark select {
background-color: #2c2c3f;
border-color: #2c2c3f;
color: white; }
.control.is-dark .button::-webkit-input-placeholder,
.control.is-dark .input::-webkit-input-placeholder {
.control.is-dark .input::-webkit-input-placeholder,
.control.is-dark select::-webkit-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button:-ms-input-placeholder,
.control.is-dark .input:-ms-input-placeholder {
.control.is-dark .input:-ms-input-placeholder,
.control.is-dark select:-ms-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button::-ms-input-placeholder,
.control.is-dark .input::-ms-input-placeholder {
.control.is-dark .input::-ms-input-placeholder,
.control.is-dark select::-ms-input-placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button::placeholder,
.control.is-dark .input::placeholder {
.control.is-dark .input::placeholder,
.control.is-dark select::placeholder {
color: white;
opacity: 0.5; }
.control.is-dark .button:focus, .control.is-dark .button.is-focused, .control.is-dark .button:active, .control.is-dark .button.is-active,
.control.is-dark .input:focus,
.control.is-dark .input.is-focused,
.control.is-dark .input:active,
.control.is-dark .input.is-active {
.control.is-dark .input.is-active,
.control.is-dark select:focus,
.control.is-dark select.is-focused,
.control.is-dark select:active,
.control.is-dark select.is-active {
border-color: #44bfd5; }
.control.is-dark .select:hover:not(.is-multiple):not(.is-loading)::after {
border-color: white; }
.control.is-loading.has-icons-right .icon {
display: none; }

@@ -4,7 +4,7 @@ $label-weight: $weight-bold !default
$help-size: $size-small !default

.label
color: $label-color
// color: $label-color
display: block
font-size: $size-normal
font-weight: $label-weight
@@ -13,6 +13,11 @@
&.is-dark
background: none
color: inherit !important
&.is-sublabel
cursor: default
&:hover
background: none
color: $menu-item-color
li
ul
margin: 0.5rem 0 0.5rem 0.75rem
@@ -45,8 +45,9 @@ ul

.control
&.is-dark
.button,
.input
.button,
.input,
select
background-color: $dark-alt
border-color: $dark-alt
color: $white
@@ -58,6 +59,11 @@ ul
&:active,
&.is-active
border-color: $primary
.select
&:hover
&:not(.is-multiple):not(.is-loading)
&::after
border-color: $white
&.is-loading
&.has-icons-right
.icon

0 comments on commit 4f9c15f

Please sign in to comment.
You can’t perform that action at this time.