oreolek/cloak-salet
1
1
Fork 0
mirror of https://gitlab.com/Oreolek/cloak-salet.git synced 2024-04-24 05:11:41 +03:00
Code Issues Releases Wiki Activity

CSS optimizations, poster in splash

Browse source
This commit is contained in:
Alexander Yakovlev 2017-07-30 20:50:20 +07:00
parent 600ed1f142
commit 43de61a5f5
3 changed files with 72 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
html/index.html
View file

@ -26,9 +26,10 @@
<body>
<div id="page">
<div class="container">
<div id="content_wrapper">
<div id="content" class="content text-center">
<div id="content_wrapper" class="medskip">
<div class="halfcol centercol">
<noscript>This game requires Javascript.</noscript>
<div>
<p>Choose your language</p>
<p><ul>
@ -37,8 +38,11 @@
</ul></p>
<p>Выберите нужный язык</p>
</div>
</div>
<div class="halfcol text-center">
<img src="img/poster.png" class="responsive">
</div>
<a name="end_of_content"></a>
</div>
</div> <!-- End of div.page -->

51
sass/_bootstrap.scss Normal file
View file

@ -0,0 +1,51 @@
// Core variables and mixins
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/custom";
// Reset and dependencies
@import "../node_modules/bootstrap/scss/normalize";
@import "../node_modules/bootstrap/scss/print";
// Core CSS
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/images";
// @import "../node_modules/bootstrap/scss/code";
@import "../node_modules/bootstrap/scss/grid";
// @import "../node_modules/bootstrap/scss/tables";
// @import "../node_modules/bootstrap/scss/forms";
@import "../node_modules/bootstrap/scss/buttons";
/*
// Components
@import "../node_modules/bootstrap/scss/transitions";
@import "../node_modules/bootstrap/scss/dropdown";
@import "../node_modules/bootstrap/scss/button-group";
@import "../node_modules/bootstrap/scss/input-group";
@import "../node_modules/bootstrap/scss/custom-forms";
*/
@import "../node_modules/bootstrap/scss/nav";
@import "../node_modules/bootstrap/scss/navbar";
/*
@import "../node_modules/bootstrap/scss/card";
@import "../node_modules/bootstrap/scss/breadcrumb";
@import "../node_modules/bootstrap/scss/pagination";
@import "../node_modules/bootstrap/scss/badge";
@import "../node_modules/bootstrap/scss/jumbotron";
@import "../node_modules/bootstrap/scss/alert";
@import "../node_modules/bootstrap/scss/progress";
@import "../node_modules/bootstrap/scss/media";
@import "../node_modules/bootstrap/scss/list-group";
@import "../node_modules/bootstrap/scss/responsive-embed";
@import "../node_modules/bootstrap/scss/close";
// Components w/ JavaScript
@import "../node_modules/bootstrap/scss/modal";
@import "../node_modules/bootstrap/scss/tooltip";
@import "../node_modules/bootstrap/scss/popover";
@import "../node_modules/bootstrap/scss/carousel";
// Utility classes
@import "../node_modules/bootstrap/scss/utilities";
*/

15
sass/main.scss
View file

@ -1,5 +1,5 @@
@import "variables";
@import "../node_modules/bootstrap/scss/bootstrap.scss";
@import "bootstrap";
.fixed {
position: fixed;
@ -182,3 +182,16 @@ hr {
height: 400px;
margin: auto;
}
.halfcol {
@include media-breakpoint-up(md) {
@include make-col(6);
}
text-align: center;
}
.centercol {
padding-top: $font-size-base * 5;
}
.medskip {
margin-top: $font-size-base * 1.5;
margin-bottom: $font-size-base * 1.5;
}