-
Notifications
You must be signed in to change notification settings - Fork 300
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(ref: no-ref): change to tailwind styles
* fix(ref: no-ref): change to tailwind styles * fix(ref: no-ref): remove comments
- Loading branch information
1 parent
17d980a
commit b5f37f1
Showing
13 changed files
with
145 additions
and
203 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,6 +6,8 @@ | |
| /.angular | ||
| /test-reports | ||
| /src/coverage | ||
| /src/styles.scss | ||
|
|
||
| /projects/ngx-mask-lib/coverage | ||
|
|
||
| # Node | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,3 @@ | ||
| @import '../libraries/styles/media-breakpoints'; | ||
| :host { | ||
| display: block; | ||
| height: 100%; | ||
| } | ||
| .content-wrapper { | ||
| .mask-wrap { | ||
| height: calc(100% - 64px); | ||
| overflow: auto; | ||
| .right-section { | ||
| width: 100%; | ||
| padding-left: 310px; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| @media screen and (max-width: $desktopWidth) { | ||
| .content-wrapper { | ||
| .mask-wrap { | ||
| .right-section { | ||
| padding: 0; | ||
| margin-top: 55px; | ||
| } | ||
| } | ||
| } | ||
| @apply block h-full; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,137 +1,3 @@ | ||
| @import '../../libraries/styles/border-mixin'; | ||
| @import '../../libraries/styles/media-breakpoints'; | ||
|
|
||
| :host { | ||
| gap: 16px; | ||
| padding: 16px; | ||
| border-top: 1px solid rgba(25, 25, 25, 0.05); | ||
| box-sizing: border-box; | ||
| background-color: var(--full-white); | ||
| display: flex; | ||
| flex-direction: column; | ||
|
|
||
| .yellow { | ||
| &.card { | ||
| background: rgba(255, 214, 77, 0.05); | ||
| border: 1px solid var(--yellow); | ||
| } | ||
| } | ||
|
|
||
| .card { | ||
| padding: 10px; | ||
| gap: 10px; | ||
| background: rgba(25, 25, 25, 0.02); | ||
| border-radius: 15px; | ||
|
|
||
| .mr-title { | ||
| margin: 10px 0 10px 26px; | ||
| } | ||
|
|
||
| .cards-block { | ||
| scroll-margin-top: 185px; | ||
|
|
||
| .light-card { | ||
| flex: 55%; | ||
| border-radius: 10px; | ||
|
|
||
| .light-title { | ||
| margin-bottom: 20px; | ||
|
|
||
| span { | ||
| margin-left: 10px; | ||
| font-size: 16px; | ||
| color: rgba(25, 25, 25, 0.25); | ||
| } | ||
| } | ||
|
|
||
| .source { | ||
| font-size: 10px; | ||
| color: rgba(25, 25, 25, 0.45); | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .white-input { | ||
| display: block; | ||
|
|
||
| .input-view { | ||
| width: 100%; | ||
| height: fit-content; | ||
| cursor: text; | ||
| padding-left: 15px; | ||
| border-radius: 10px; | ||
| border: none; | ||
| overflow: hidden; | ||
| white-space: pre-line; | ||
| } | ||
|
|
||
| .input-img { | ||
| position: relative; | ||
| right: 20px; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .dark-card { | ||
| flex: 45%; | ||
| border-radius: 10px; | ||
| margin-left: 30px; | ||
|
|
||
| .dark-input { | ||
| .customDarkInput { | ||
| @include border-bottom-grey; | ||
| border-top-left-radius: 0; | ||
| border-top-right-radius: 0; | ||
| height: 51px; | ||
| width: 100%; | ||
| padding: 12px 20px; | ||
| box-sizing: border-box; | ||
| -webkit-transition: 0.5s; | ||
| transition: 0.5s; | ||
| outline: none; | ||
|
|
||
| &:hover { | ||
| @include border-bottom-yellow; | ||
| background: var(--ligth-grey); | ||
| } | ||
|
|
||
| &[type='text']:focus { | ||
| @include border-bottom-yellow; | ||
| background: var(--ligth-grey); | ||
| } | ||
|
|
||
| &[type='number']:focus { | ||
| @include border-bottom-yellow; | ||
| background: var(--ligth-grey); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .pd-15 { | ||
| padding: 15px; | ||
| } | ||
|
|
||
| .mrl-50 { | ||
| margin-left: 50px; | ||
| } | ||
|
|
||
| @media screen and (max-width: $mobileWidth) { | ||
| .card { | ||
| .cards-block { | ||
| flex-direction: column; | ||
|
|
||
| .dark-card { | ||
| flex: 100%; | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| .light-card { | ||
| flex: 100%; | ||
| margin-bottom: 10px; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| @apply flex flex-col gap-4 p-4 bg-full-white box-border border-t border-t-black/10 py-5 pl-[22px] pr-4; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,7 @@ | ||
| <span class="sub-text full-white title ls-25">{{ title() }}</span> | ||
| <span class="height ai-start span yellow" [class]="[color()]" [style.height]="'auto'">{{ | ||
| value() | ||
| }}</span> | ||
| <span class="mb-5px text-white text-title tracking-[.25em] empty:hidden">{{ title() }}</span> | ||
| <span | ||
| class="text-span yellow px-5px gap-2.5 w-fit h-[21px] rounded-5px" | ||
| [class]="[color()]" | ||
| [style.height]="'auto'" | ||
| >{{ value() }}</span | ||
| > |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,10 @@ | ||
| :host { | ||
| padding: 15px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| .sub-text { | ||
| margin-bottom: 5px; | ||
| } | ||
| .green-view, | ||
| .yellow-view { | ||
| padding: 0 5px; | ||
| gap: 10px; | ||
| height: 21px; | ||
| width: fit-content; | ||
| border-radius: 5px; | ||
| } | ||
| @apply flex flex-col mt-5 text-full-white; | ||
|
|
||
| .green-view { | ||
| color: var(--green); | ||
| background: rgba(26, 183, 126, 0.05); | ||
| @apply text-green bg-green/[.10]; | ||
| } | ||
| .yellow-view { | ||
| background: rgba(248, 248, 248, 0.05); | ||
| @apply text-yellow bg-yellow/[.10]; | ||
| } | ||
| } |
Submodule libraries
updated
16 files
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,3 @@ | ||
| @import './libraries/styles/general'; | ||
| @tailwind base; | ||
| @tailwind components; | ||
| @tailwind utilities; |
Oops, something went wrong.