gwt.material.design.addins.client.stepper.resources.css.stepper.min.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of gwt-material-addins Show documentation

Extra Components of GWT Material Framework

There is a newer version: 2.8.3

.stepper .step {position: relative; min-height: 32px; padding: 12px; cursor: pointer } .stepper .step:hover {background: #F6F6F6; } .stepper .step > div:first-child {position: static; height: 0; } .stepper .step > div:last-child {margin-left: 32px; padding-left: 16px; min-height: 24px; } .stepper .step > div:first-child .circle {background: #4285f4; width: 32px; height: 32px; line-height: 32px; border-radius: 16px; position: relative; color: white; text-align: center; } .stepper .line {position: absolute; border-left: 1px solid gainsboro; left: 28px; bottom: 0px; top: 56px; z-index: 1; } .stepper .step:last-child .line {display: none !important; } .stepper .title {line-height: 32px; font-weight: 500; } .stepper .body {padding-bottom: 28px; padding-top: 8px; } .stepper .description {line-height: 1.2; font-size: 1em; padding-bottom: 24px; color: #989898; } /** Horizontal **/ .stepper.horizontal {line-height: 0px; position: relative; } .stepper.horizontal .step {display: inline-block; height: 72px; padding-top: 20px; position: initial; } .stepper.horizontal .step .line, .stepper.horizontal .step > div:first-child .circle, .stepper.horizontal .step .title {display: inline-block; } .stepper.horizontal .step .line {border-left: 0px; position: inherit; border-top: 1px solid gainsboro; width: 100px; margin-bottom: 5px; margin-left: 8px; margin-right: -36px; } .stepper.horizontal .step .title {margin-left: 8px; } .stepper.horizontal .step .description{margin-left: 40px; } .stepper.horizontal .step .body {line-height: initial; } .stepper.horizontal .step > div:last-child {position: absolute; width: 100%; top: 93px; margin-left: 0px; padding-left: 0px; margin: auto; left: 0px; } .stepper .step.inactive .title{color: #C9C9C9; font-weight: 400; } .stepper .step.inactive .body{display: none; } .stepper .step.inactive > div:first-child .circle{background-color: #9e9e9e; } .stepper .step > div:first-child i {font-size: 36px; vertical-align: middle; } .stepper .step.success > div:first-child i,.stepper .step.success .title, .stepper .step.success .description {color: #2196f3; } .stepper .step.error > div:first-child i,.stepper .step.error .title, .stepper .step.error .description {color: #f44336; } .stepper .step.success > div:first-child .description, .stepper .step.error > div:first-child .description {margin-left: 44px; } .stepper .step.success .title, .stepper .step.error .title{font-weight: 600; } .feedback{position: absolute; left: 0; font-size: 1.1em; top: 0; background: #fff; width: 100%; height: 100%; padding: 36px; }