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

17
src/components/background.scss Normal file
View File

@@ -0,0 +1,17 @@
.tui-bg-blue-white { background-image: url('./images/bg-blue-white.png'); background-repeat: repeat; }
.tui-bg-blue-black { background-image: url('./images/bg-blue-black.png'); background-repeat: repeat; }
.tui-bg-green-white { background-image: url('./images/bg-green-white.png'); background-repeat: repeat; }
.tui-bg-green-black { background-image: url('./images/bg-green-black.png'); background-repeat: repeat; }
.tui-bg-cyan-white { background-image: url('./images/bg-cyan-white.png'); background-repeat: repeat; }
.tui-bg-cyan-black { background-image: url('./images/bg-cyan-black.png'); background-repeat: repeat; }
.tui-bg-red-white { background-image: url('./images/bg-red-white.png'); background-repeat: repeat; }
.tui-bg-red-black { background-image: url('./images/bg-red-black.png'); background-repeat: repeat; }
.tui-bg-purple-white { background-image: url('./images/bg-purple-white.png'); background-repeat: repeat; }
.tui-bg-purple-black { background-image: url('./images/bg-purple-black.png'); background-repeat: repeat; }
.tui-bg-yellow-white { background-image: url('./images/bg-yellow-white.png'); background-repeat: repeat; }
.tui-bg-yellow-black { background-image: url('./images/bg-yellow-black.png'); background-repeat: repeat; }

15
src/components/border.scss Normal file
View File

@@ -0,0 +1,15 @@
.tui-border-solid {
border: 2px solid;
}
.tui-border-dashed {
border: 2px dashed;
}
.tui-border-dotted {
border: 2px dotted;
}
.tui-border-double {
border: 2px double;
}

18
src/components/fieldset.scss
View File

@@ -1,11 +1,12 @@
.tui-window-fieldset {
border: 6px white double;
padding: 10px;
padding: 12px;
background-color: inherit;
margin-bottom: 6px;
}
.tui-window-fieldset-no-legend {
margin-top: 6px;
&.no-legend {
margin-top: 6px;
}
}
.tui-input-fieldset {
border-top: 6px white double;
@@ -35,6 +36,11 @@
cursor: pointer;
outline:0;
padding: 2px;
&.left {
right: initial;
left: 16px !important;
}
}
.tui-fieldset-statusbar {
position: absolute;
@@ -50,10 +56,6 @@
right: 16px;
}
}
.tui-fieldset-button-left {
left: 16px!important;
right: initial;
}
.tui-fieldset-button::before {
content: "[";
}

8
src/components/progressbar.scss
View File

@@ -1,7 +1,7 @@
.tui-progress {
display: block;
position: relative;
height: 16px;
height: 20px;
width: 200px;
background-color: rgb(0, 168, 168);
overflow: hidden;
@@ -10,15 +10,15 @@
position: absolute;
left: 0px;
background-color: rgb(0, 255, 255);
height: 16px;
height: 20px;
display: inline-block;
}
.tui-progress .tui-indeterminate {
position: absolute;
left: 0px;
background-color: rgb(0, 255, 255);
height: 16px;
width: 16px;
height: 20px;
width: 20px;
display: inline-block;
animation: indeterminate 1s backwards;
animation-iteration-count: infinite;

8
src/components/scrollbar.scss
View File

@@ -1,13 +1,15 @@
@import '../variables.scss';
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-image: url("images/scroll.png");
background-image: $scrool-image;
background-repeat: repeat;
}
::-webkit-scrollbar-thumb {
background-color: rgb(0, 168, 168);
background-color: $scrool-color;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(0, 168, 168);
background-color: $scrool-color;
}

43
src/components/shadow.scss Normal file
View File

@@ -0,0 +1,43 @@
.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-shadow-left, .tui-shadow-left-1 {
box-shadow: -10px 10px black!important;
}
.tui-shadow-left-2 {
box-shadow: -15px 15px black!important;
}
.tui-shadow-left-3 {
box-shadow: -20px 20px black!important;
}
.tui-shadow-left-4 {
box-shadow: -25px 25px black!important;
}
.tui-shadow-left-5 {
box-shadow: -30px 30px black!important;
}
.tui-no-shadow {
box-shadow: none!important;
}

3
src/components/shortcut.scss Normal file
View File

@@ -0,0 +1,3 @@
.tui-shortcut {
float: right;
}

17
src/components/texture.scss Normal file
View File

@@ -0,0 +1,17 @@
.tui-texturized-blue-white { background-image: url('./images/bg-blue-white.png'); background-repeat: repeat; }
.tui-texturized-blue-black { background-image: url('./images/bg-blue-black.png'); background-repeat: repeat; }
.tui-texturized-green-white { background-image: url('./images/bg-green-white.png'); background-repeat: repeat; }
.tui-texturized-green-black { background-image: url('./images/bg-green-black.png'); background-repeat: repeat; }
.tui-texturized-cyan-white { background-image: url('./images/bg-cyan-white.png'); background-repeat: repeat; }
.tui-texturized-cyan-black { background-image: url('./images/bg-cyan-black.png'); background-repeat: repeat; }
.tui-texturized-red-white { background-image: url('./images/bg-red-white.png'); background-repeat: repeat; }
.tui-texturized-red-black { background-image: url('./images/bg-red-black.png'); background-repeat: repeat; }
.tui-texturized-purple-white { background-image: url('./images/bg-purple-white.png'); background-repeat: repeat; }
.tui-texturized-purple-black { background-image: url('./images/bg-purple-black.png'); background-repeat: repeat; }
.tui-texturized-yellow-white { background-image: url('./images/bg-yellow-white.png'); background-repeat: repeat; }
.tui-texturized-yellow-black { background-image: url('./images/bg-yellow-black.png'); background-repeat: repeat; }