scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add intents for buttons

Browse Source
This commit is contained in:
Christel Westerberg
2024-04-11 16:47:35 +02:00
parent 85b83bc58b
commit a99b2d3f08
17 changed files with 171 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
components/TempDesignSystem/Button/button.module.css
View File

@@ -23,4 +23,53 @@
.icon {
font-size: 1.8rem;
align-items: baseline;
}
/* Primary styles */
.primary {
background-color: var(--some-grey-color, #444343);
border: 2px solid transparent;
outline: 1px solid transparent;
border-radius: 46px;
padding: 6px 12px;
}
.primary:hover {
background: var(--some-grey-color, #444343);
}
.primary:active,
.primary:focus {
border: var(--some-grey-color, #444343);
outline: var(--some-grey-color, #444343);
}
/* Secondary styles */
.secondary {
border: 1px solid var(--some-grey-color, #444343);
background-color: transparent;
color: var(--some-grey-color, #444343);
border-radius: 46px;
padding: 6px 12px;
font-size: 12px;
display: flex;
align-items: center;
}
.secondary:hover {
border: 1px solid var(--some-grey-color, #444343);
}
.secondary:active,
.secondary:focus {
border: 1px solid var(--some-grey-color, #444343);
}
/* Disabled styles */
.btn:disabled {
border: 1px solid var(--some-grey-color, #444343);
background-color: transparent;
color: var(--some-grey-color, #444343);
cursor: not-allowed;
}