123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- /*
- * SonarQube
- * Copyright (C) 2009-2018 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-
- .onboarding-step {
- position: relative;
- padding-left: 34px;
- }
-
- .onboarding-step:not(.is-open):not(.is-finished) {
- opacity: 0.4;
- }
-
- .onboarding-step .boxed-group-actions {
- height: var(--controlHeight);
- line-height: var(--controlHeight);
- }
-
- .onboarding-step hr {
- margin-left: -54px;
- }
-
- .onboarding-step-number {
- position: absolute;
- top: 15px;
- left: 15px;
- width: 24px;
- height: 24px;
- line-height: 24px;
- border-radius: 24px;
- background-color: #b9b9b9;
- color: #fff;
- font-size: var(--mediumFontSize);
- text-align: center;
- }
-
- .onboarding-step.is-open .onboarding-step-number {
- background-color: var(--darkBlue);
- }
-
- .onboarding-step.is-finished {
- cursor: pointer;
- outline: none;
- }
-
- .onboarding-choices {
- display: flex;
- justify-content: space-around;
- padding: 44px 170px;
- background-color: var(--barBackgroundColor);
- margin-top: var(--pagePadding);
- }
-
- .onboarding-choice {
- display: flex;
- flex-direction: column;
- justify-content: center;
- padding: calc(2 * var(--gridSize));
- width: 190px;
- height: 190px;
- background-color: #fff;
- border: solid 1px #fff;
- border-radius: 3px;
- transition: all 0.2s ease;
- box-shadow: 0 1px 1px 1px var(--barBorderColor);
- }
-
- .onboarding-choice svg {
- color: var(--gray40);
- }
-
- .onboarding-choice-name {
- padding-top: var(--gridSize);
- color: inherit;
- font-size: var(--mediumFontSize);
- }
-
- .onboarding-choice .note {
- font-weight: 400;
- }
-
- .onboarding-choice:hover,
- .onboarding-choice:focus,
- .onboarding-choice:active {
- background-color: #fff;
- color: var(--darkBlue);
- box-shadow: var(--defaultShadow);
- transform: translateY(-2px);
- }
|