EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

code cleaning

Browse source
This commit is contained in:
Silke Pisulla 2017-01-03 11:41:28 +01:00
commit 9638f4f044
1 changed files with 52 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

93
css/base_structure.less
View file

@ -5,128 +5,139 @@
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Col Grid */ /* Col Grid */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.make-grid(xs); .make-grid(xs);
@media screen{ @media screen {
.container{ .container {
margin: 0 @margin-big; margin: 0 @margin-big;
} }
} }
@media @screen_min-xxs { @media @screen_min-xxs {
.container{ .container {
//border: 1px solid deeppink; //border: 1px solid deeppink;
} }
} }
@media @screen_min-xs { @media @screen_min-xs {
.container{ .container {
//border: 1px solid orangered; //border: 1px solid orangered;
} }
} }
@media @screen_min-sm { @media @screen_min-sm {
.container{ .container {
//border: 1px solid green; //border: 1px solid green;
} }
.make-grid(sm); .make-grid(sm);
} }
@media @screen_min-md { @media @screen_min-md {
.container{ .container {
//border: 1px solid blue; //border: 1px solid blue;
} }
.make-grid(md); .make-grid(md);
} }
@media @screen_min-lg { @media @screen_min-lg {
.container{ .container {
//border: 1px solid blue; //border: 1px solid blue;
} }
.make-grid(lg); .make-grid(lg);
} }
@media @screen_min-xlg { @media @screen_min-xlg {
html{ html {
font-size: 120%; font-size: 120%;
} }
.container{
.container {
//border: 1px solid red; //border: 1px solid red;
} }
} }
@media @screen_min-xxlg { @media @screen_min-xxlg {
html{ html {
//font-size: 135%; //font-size: 135%;
} }
.container{
.container {
//border: 1px solid red; //border: 1px solid red;
} }
} }
@media @screen_min-md { @media @screen_min-md {
// z-indeces // z-indeces
.nav-direct p{ .nav-direct p {
z-index: 1000; z-index: 1000;
} }
.top-header{
.top-header {
z-index: 900; z-index: 900;
} }
.tools .row > .col-xs-12{
.tools .row > .col-xs-12 {
z-index: 1; z-index: 1;
} }
.header .row > .col-xs-12{
.header .row > .col-xs-12 {
z-index: 2; z-index: 2;
} }
.content .row > .col-xs-12{
.content .row > .col-xs-12 {
z-index: 3; z-index: 3;
} }
.top-header{ .top-header {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
} }
.header, .tools{ .header, .tools {
.row{ .row {
position: relative; position: relative;
> .col-xs-12{ > .col-xs-12 {
width: 23%; width: 23%;
box-sizing: border-box; box-sizing: border-box;
} }
} }
} }
.header{ .header {
.row > .col-xs-12{ .row > .col-xs-12 {
position: relative; position: relative;
height: 150px; height: 150px;
min-height: 6rem; min-height: 6rem;
} }
} }
.tools{ .tools {
.row > .col-xs-12{ .row > .col-xs-12 {
position: absolute; position: absolute;
background: pink; background: pink;
} }
} }
.content{ .content {
.row > .col-xs-12{ .row > .col-xs-12 {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
} }
} }
.showSidebar{
.content{ .showSidebar {
.row > .col-xs-12{ .content {
.row > .col-xs-12 {
width: 73%; width: 73%;
position: relative; position: relative;
float: right; float: right;
@ -134,37 +145,37 @@
} }
} }
.claim{ .claim {
.logo{ .logo {
position: absolute; position: absolute;
bottom: 1em; bottom: 1em;
overflow: visible; overflow: visible;
} }
.logo img{ .logo img {
height: 60px; height: 60px;
width: auto; width: auto;
} }
} }
.showSidebar{ .showSidebar {
.claim{ .claim {
.logo{ .logo {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
height: 1px; height: 1px;
overflow: visible; overflow: visible;
} }
.logo img{ .logo img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
} }
} }
.main-sidebar{ .main-sidebar {
&.search{ &.search {
> img{ > img {
width: 100%; width: 100%;
height: auto; height: auto;
} }