admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Сделала BaseButton

Browse Source
This commit is contained in:
Daria Golova
2023-07-11 17:29:43 +03:00
parent 8655620d65
commit d4d297846f
12 changed files with 214 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/sass/variables.sass
View File

@@ -12,16 +12,27 @@
--font-black-color-1: rgba(9, 10, 21, 0.5)
--icon-light-blue: #d7d9ff
--btn-blue-color: #4772f2
--btn-blue-sec-color: #c6d2f6
--btn-blue-color-hover: #7e9cf6
--btn-blue-sec-color-hover: #a0b4f0
--btn-blue-color-disabled: #c8d5fb
--btn-blue-sec-border-color: rgba(71, 114, 242, 0.35)
--btn-blue-sec-color-hover: rgba(71, 114, 242, 0.08)
--btn-blue-sec-color-active: rgba(71, 114, 242, 0.16)
--btn-blue-sec-border-color-disabled: #e5ebfd
--btn-blue-sec-color-disabled: #afc0f2
--btn-blue-color-1: rgba(65, 105, 225, 0.3)
--btn-blue-color-2: rgba(65, 105, 225, 0.5)
--btn-blue-color-3: rgba(65, 105, 225, 0.2)
--btn-blue-color-4: rgba(65, 105, 225, 0.8)
--btn-blue-color-5: rgba(65, 105, 225, 0.4)
--btn-mini-color: rgba(65, 105, 225, 0.2)
--btn-mini-color-active: rgba(60, 217, 75, 0.2)
--border-red-color: #ff6565
--btn-red-border-color: rgba(255, 101, 101, 0.35)
--btn-red-color-hover: rgba(255, 101, 101, 0.08)
--btn-red-color-active: rgba(255, 101, 101, 0.16)
--bg-btn-icons-color: rgba(215, 217, 255, 0.6)
--btn-red-border-color-disabled: rgba(255, 201, 201, 0.3)
--btn-red-color-disabled: rgba(255, 101, 101, 0.35)
--font-grey-color: #9294a7
--font-grey-color-0: #85858b
--font-dark-grey-color: #7a88a8
@@ -67,7 +78,6 @@
--border-light-grey-color-1: rgba(211, 212, 220, 0.5)
--bg-white-color-0: rgba(255, 255, 255, 0.3)
--bg-white-color-1: rgba(255, 255, 255, 0.5)
--border-red-color: #ff6565
--btn-grey-color: #e8e8f3
--pagination-item-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)
--pagination-current-item-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)