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

Changed the screen resolution for 640x480. Created centered class for screen;

Browse Source
This commit is contained in:
vinicius.reif 2019-09-12 12:58:14 -03:00
parent cc375dd9f3
commit a478627e01
6 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dist/tuicss.css vendored
View File

@ -1138,9 +1138,9 @@ input[type=button] {
box-shadow: 10px 10px black; box-shadow: 10px 10px black;
color: white; } color: white; }
.tui-screen-640-360 { .tui-screen-640-480 {
width: 640px; width: 640px;
height: 360px; } height: 480px; }
.tui-screen-800-600 { .tui-screen-800-600 {
width: 800px; width: 800px;
@ -1150,14 +1150,19 @@ input[type=button] {
width: 1024px; width: 1024px;
height: 768px; } height: 768px; }
.tui-screen-640-360, .tui-screen-640-480,
.tui-screen-800-600, .tui-screen-800-600,
.tui-screen-1024-768 { .tui-screen-1024-768 {
position: relative; } position: relative; }
.tui-screen-640-360.bordered, .tui-screen-640-480.bordered,
.tui-screen-800-600.bordered, .tui-screen-800-600.bordered,
.tui-screen-1024-768.bordered { .tui-screen-1024-768.bordered {
border: 2px solid black; } border: 2px solid black; }
.tui-screen-640-480.centered,
.tui-screen-800-600.centered,
.tui-screen-1024-768.centered {
margin: auto;
margin-top: 20px; }
.tui-datetime { .tui-datetime {
padding: 1px 0px 1px 0px; padding: 1px 0px 1px 0px;

2
dist/tuicss.min.css vendored
View File

File diff suppressed because one or more lines are too long

27
examples/general.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="tui-bg-blue-black"> <html lang="en" class="">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -9,27 +9,16 @@
<script src="plugins/jquery-3.4.1.min.js"></script> <script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
.col {
margin-bottom: 20px;
}
</style>
</head> </head>
<body style="padding: 50px;"> <body >
<!-- Change the shadow size of the window -->
<div class="container"> <div class="tui-window tui-shadow-2">
<div class="row"> <fieldset class="tui-fieldset">
<div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div> <legend>Window</legend>
<div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div> ...
</div> </fieldset>
<div class="row">
<div class="col offset-l3 offset-m3 s12 m3 l3"><button class="tui-button full-width">3</button></div>
<div class="col offset-l3 offset-m3 s12 m3 l3"><button class="tui-button full-width">3</button></div>
</div>
</div> </div>
</nav> </nav>
</body> </body>

1
examples/inputs.html
View File

@ -72,6 +72,7 @@
<option>Second</option> <option>Second</option>
<option>Third</option> <option>Third</option>
</select><br> </select><br>
File <input class="tui-input full-width" type="file" />
</fieldset> </fieldset>
</div> </div>
</body> </body>

4
src/components/modal.scss
View File

@ -20,4 +20,6 @@
&.active { &.active {
display: block !important; display: block !important;
} }
} }
.tui-modal-button {}
.tui-modal-close-button {}

10
src/components/screen.scss
View File

@ -1,6 +1,6 @@
.tui-screen-640-360 { .tui-screen-640-480 {
width: 640px; width: 640px;
height: 360px; height: 480px;
} }
.tui-screen-800-600 { .tui-screen-800-600 {
width: 800px; width: 800px;
@ -11,11 +11,15 @@
height: 768px; height: 768px;
} }
.tui-screen-640-360, .tui-screen-640-480,
.tui-screen-800-600, .tui-screen-800-600,
.tui-screen-1024-768 { .tui-screen-1024-768 {
position: relative; position: relative;
&.bordered{ &.bordered{
border: 2px solid black; border: 2px solid black;
} }
&.centered {
margin: auto;
margin-top: 20px;
}
} }