Sha256: cd759837440cab055bd987100ce61c8fe4357b6d5da34b8093c3b1a4ddee1c2b

Contents?: true

Size: 805 Bytes

Versions: 12

Compression:

Stored size: 805 Bytes

Contents

@import "spree/backend/themes/solidus_admin/colors";

.solidus-admin--nav--switch {
  appearance: none;
	cursor: pointer;
	width: 2.5rem;
	height: 1.5rem;
	background: $solidus-admin-gray-200;
	display: block;
	border-radius: 100px;
	position: relative;

  &:focus {
    outline: 0;
  }

  &:hover {
    background-color: $solidus-admin-gray-300;
  }

  &:after {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
  }

  &:checked {
    background: $solidus-admin-gray-500;
    &:after {
      left: 2.375rem;
      transform: translatex(-100%);
    }

    &:hover {
      background: $solidus-admin-gray-700;
    }
  }

  &:active:after {
    width: 1.5rem;
  }
}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
solidus_backend-4.4.1 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.4.0 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.3.4 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.2.4 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.3.3 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.3.2 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.3.1 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.3.0 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.2.3 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.2.2 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.2.1 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss
solidus_backend-4.2.0 app/assets/stylesheets/spree/backend/components/_switch_solidus_admin.scss