Yidhra/TuiCss
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Created examples

Browse Source
This commit is contained in:
vinibiavatti
2019-09-06 00:07:44 -03:00
parent 2e1b284d12
commit 075b56fcc6
48 changed files with 2558 additions and 1378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/styles/colors.scss → src/styles/color.scss
View File

@@ -52,6 +52,7 @@
.purple-168 {background-color: rgb(168, 0, 168)!important}
.yellow-168 {background-color: rgb(168, 168, 0)!important}
.white-168 {background-color: rgb(168, 168, 168)!important}
.orange-168 {background-color: rgb(168, 86, 0)!important}
.black-168-text {color: rgb(0, 0, 0)!important}
.blue-168-text {color: rgb(0, 0, 168)!important}
@@ -61,6 +62,7 @@
.purple-168-text {color: rgb(168, 0, 168)!important}
.yellow-168-text {color: rgb(168, 168, 0)!important}
.white-168-text {color: rgb(168, 168, 168)!important}
.orange-168-text {color: rgb(168, 86, 0)!important}
.black-168-border {border-color: rgb(0, 0, 0)!important}
.blue-168-border {border-color: rgb(0, 0, 168)!important}
@@ -70,6 +72,7 @@
.purple-168-border {border-color: rgb(168, 0, 168)!important}
.yellow-168-border {border-color: rgb(168, 168, 0)!important}
.white-168-border {border-color: rgb(168, 168, 168)!important}
.orange-168-border {border-color: rgb(168, 86, 0)!important}
.black-168-hover:hover {background-color: rgb(0, 0, 0)!important}
.blue-168-hover:hover {background-color: rgb(0, 0, 168)!important}
@@ -79,15 +82,17 @@
.purple-168-hover:hover {background-color: rgb(168, 0, 168)!important}
.yellow-168-hover:hover {background-color: rgb(168, 168, 0)!important}
.white-168-hover:hover {background-color: rgb(168, 168, 168)!important}
.orange-168-hover:hover {background-color: rgb(168, 86, 0)!important}
.black-168-text-hover:hover {color: rgb(0, 0, 0)!important}
.blue-168-text-hover:hover {color: rgb(0, 0, 168)!important}
.green-168-text-hover:hover {color: rgb(0, 168, 0)!important}
.cyan-168-text-hover:hover {color: rgb(0, 168, 168)!important}
.red-168-text-hover:hover {color: rgb(168, 0, 0)!important}
.purple-text-168-hover:hover {color: rgb(168, 0, 168)!important}
.yellow-text-168-hover:hover {color: rgb(168, 168, 0)!important}
.white-text-168-hover:hover {color: rgb(168, 168, 168)!important}
.purple-168-text-hover:hover {color: rgb(168, 0, 168)!important}
.yellow-168-text-hover:hover {color: rgb(168, 168, 0)!important}
.white-168-text-hover:hover {color: rgb(168, 168, 168)!important}
.orange-168-text-hover:hover {color: rgb(168, 86, 0)!important}
.black-168-border-hover:hover {border-color: rgb(0, 0, 0)!important}
.blue-168-border-hover:hover {border-color: rgb(0, 0, 168)!important}
@@ -97,6 +102,7 @@
.purple-168-border-hover:hover {border-color: rgb(168, 0, 168)!important}
.yellow-168-border-hover:hover {border-color: rgb(168, 168, 0)!important}
.white-168-border-hover:hover {border-color: rgb(168, 168, 168)!important}
.orange-168-border-hover:hover {border-color: rgb(168, 86, 0)!important}
/* 255 */
.black-255 {background-color: rgb(0, 0, 0)!important}
@@ -154,16 +160,23 @@
.white-255-border-hover:hover {border-color: rgb(255, 255, 255)!important}
/* Misc */
.black { background-color: black; }
.black-text { color: black }
.black-border { border-color: black; }
.black-hover:hover { background-color: black; }
.black-text-hover:hover { color: black }
.black-border-hover:hover { border-color: black; }
.black { background-color: black!important }
.black-text { color: black!important }
.black-border { border-color: black!important }
.black-hover:hover { background-color: black!important }
.black-text-hover:hover { color: black!important }
.black-border-hover:hover { border-color: black!important }
.white { background-color: white; }
.white-text { color: white }
.white-border { border-color: white; }
.white-hover:hover { background-color: white; }
.white-text-hover:hover { color: white }
.white-border-hover:hover { border-color: white; }
.white { background-color: white!important }
.white-text { color: white!important }
.white-border { border-color: white!important }
.white-hover:hover { background-color: white!important }
.white-text-hover:hover { color: white!important }
.white-border-hover:hover { border-color: white!important }
.orange { background-color: rgb(168, 86, 0)!important }
.orange-text { color: rgb(168, 86, 0)!important }
.orange-border { border-color: rgb(168, 86, 0)!important }
.orange-hover:hover { background-color: rgb(168, 86, 0)!important }
.orange-text-hover:hover { color: rgb(168, 86, 0)!important }
.orange-border-hover:hover { border-color: rgb(168, 86, 0)!important }

23
src/styles/shadow.scss
View File

@@ -1,23 +0,0 @@
.tui-shadow, .tui-shadow-1 {
box-shadow: 10px 10px black!important;
}
.tui-shadow-2 {
box-shadow: 15px 15px black;
}
.tui-shadow-3 {
box-shadow: 20px 20px black;
}
.tui-shadow-4 {
box-shadow: 25px 25px black;
}
.tui-shadow-5 {
box-shadow: 30px 30px black;
}
.tui-no-shadow {
box-shadow: none!important;
}

8
src/styles/textures.scss
View File

@@ -1,8 +0,0 @@
.tui-white-bg {
background-image: url("images/bg.png");
background-repeat: repeat;
}
.tui-blue-bg {
background-image: url("images/bg-black.png");
background-repeat: repeat;
}

10
src/styles/utils.scss → src/styles/util.scss
View File

@@ -50,19 +50,9 @@
position: static!important;
}
.tui-shortcut {
float: right;
}
.tui-content {
padding: 12px;
}
.tui-disable-select {
@include disable-select;
}
.texturized {
background-image: url('./images/bg.png');
}
.texturized-black {
background-image: url('./images/bg-black.png');
}