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;
color: white; }
.tui-screen-640-360 {
.tui-screen-640-480 {
width: 640px;
height: 360px; }
height: 480px; }
.tui-screen-800-600 {
width: 800px;
@ -1150,14 +1150,19 @@ input[type=button] {
width: 1024px;
height: 768px; }
.tui-screen-640-360,
.tui-screen-640-480,
.tui-screen-800-600,
.tui-screen-1024-768 {
position: relative; }
.tui-screen-640-360.bordered,
.tui-screen-640-480.bordered,
.tui-screen-800-600.bordered,
.tui-screen-1024-768.bordered {
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 {
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>
<html lang="en" class="tui-bg-blue-black">
<html lang="en" class="">
<head>
<meta charset="UTF-8">
@ -9,27 +9,16 @@
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
.col {
margin-bottom: 20px;
}
</style>
</head>
<body style="padding: 50px;">
<div class="container">
<div class="row">
<div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div>
<div class="col s12 m6 l6"><button class="tui-button full-width">6</button></div>
<body >
<!-- Change the shadow size of the window -->
<div class="tui-window tui-shadow-2">
<fieldset class="tui-fieldset">
<legend>Window</legend>
...
</fieldset>
</div>
<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>
</nav>
</body>

1
examples/inputs.html
View File

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

2
src/components/modal.scss
View File

@ -21,3 +21,5 @@
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;
height: 360px;
height: 480px;
}
.tui-screen-800-600 {
width: 800px;
@ -11,11 +11,15 @@
height: 768px;
}
.tui-screen-640-360,
.tui-screen-640-480,
.tui-screen-800-600,
.tui-screen-1024-768 {
position: relative;
&.bordered{
border: 2px solid black;
}
&.centered {
margin: auto;
margin-top: 20px;
}
}