bellord/kit
1
0
Fork 0
mirror of https://bitbucket.org/bellord13/kit.git synced 2026-11-13 19:06:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
bellord
2021-09-29 12:05:44 +03:00
parent 77fda4e363
commit bf74cd1618
21 changed files with 3815 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/toolkit/toolkit.css
+48 -14
View File
@@ -34,7 +34,15 @@
.kit-field--text {
}
input[type="color"] ~ .kit-field__color {
display: flex;
}
.kit-field__color {
display: none;
}
.kit-field__color {
display: none;
}
.kit-field__label {
display: none;
}
@@ -701,6 +709,9 @@
-moz-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
transition: background 0.3s, box-shadow 0.3s, color 0.3s;
position: relative;
/*box-shadow: 0px 2px 7px -6px var(--kit-color-button-content, var(--kit-color-text));*/
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.kit-button * {
pointer-events: none;
@@ -726,13 +737,6 @@
-moz-transition: none;
transition: none;
}
.kit-button.kit-button--material {
padding-bottom: 2px;
box-shadow: inset 0 -2px 0 var(--kit-color-button-material);
}
.kit-button.kit-button--material:hover {
box-shadow: inset 0 -2px 0 var(--kit-color-button-material);
}
.kit-button__icon {
display: inline-block;
height: 1em;
@@ -782,11 +786,13 @@
width: 100%;
}
.kit-button.kit-button--radius,
.kit-button.kit-button--radius:after {
.kit-button.kit-button--radius:before,
.kit-button.kit-button--radius .kit-button__border {
border-radius: 2px;
}
.kit-button.kit-button--round,
.kit-button.kit-button--round:after {
.kit-button.kit-button--round:before,
.kit-button.kit-button--round .kit-button__border {
border-radius: 1em;
}
@@ -795,22 +801,50 @@
color: var(--kit-color-button-content);
background-color: transparent;
position: relative;
box-shadow: none;
transition: inherit;
}
.kit-button.kit-button--bordered:after {
content: '';
.kit-button__border {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid var(--kit-color-button-content);
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.kit-button.kit-button--bordered .kit-button__border {
border-width: 1px;
border-style: solid;
border-color: var(--kit-color-button-content, var(--kit-color-text));
}
.kit-button.kit-button--material:before {
transition: inherit;
content: '';
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: inset 0 -2px 0 var(--kit-color-button-material, var(--kit-color-text));
}
.kit-button.kit-button--material:hover:before,
.kit-button.kit-button--material:active:before,
.kit-button.kit-button--material:focus:before {
box-shadow: inset 0 -2px 0 var(--kit-color-button-material, var(--kit-color-text));
}
.kit-button.kit-button--material .kit-button__border {
border-width: 1px;
border-style: solid;
border-color: var(--kit-color-button-content, var(--kit-color-text));
}
.kit-button.kit-button--transparent {
background: transparent !important;