code cleaning

This commit is contained in:
Silke Pisulla 2017-01-02 13:11:41 +01:00
commit 0159f7fd96
3 changed files with 147 additions and 82 deletions

View file

@ -4,6 +4,30 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* converted vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@height-context-bar: 50px;
@border-radius: __default_border_radius__;
@font_family_screen: __font_family_screen__;
@color-border: __border__;
@color-nav: __nav_menu_color__;
@color-nav-hover: __nav_menu_hover_color__;
@color-nav-hover-bg: __nav_menu_hover_bg__;
@color-content-bg: __background_content__;
@color-site-bg: __background_site__;
@color-link: __existing__;
@margin-big: 2.5rem;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global vars */ /* global vars */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@ -11,6 +35,7 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* fonts */ /* fonts */
@line-height-default: 125%; @line-height-default: 125%;
@line-height-big: 135%; @line-height-big: 135%;
@line-height-bigger: 140%; @line-height-bigger: 140%;
@ -18,6 +43,7 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* breakpoints */ /* breakpoints */
@break-min-xxs: 480; @break-min-xxs: 480;
@break-max-xxs: (@break-min-xxs - 1); @break-max-xxs: (@break-min-xxs - 1);
@ -68,6 +94,7 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* col width */ /* col width */
@c12: 100%; @c12: 100%;
@c11: 91.66666667%; @c11: 91.66666667%;
@c10: 83.33333333%; @c10: 83.33333333%;
@ -83,68 +110,89 @@
@grid-columns: 12; @grid-columns: 12;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* margin / padding */
@margin-big: 2.5rem;
@border-radius: __default_border_radius__;
@color-border: __border__;
@color-nav: __nav_menu_color__;
@color-nav-hover: __nav_menu_hover_color__;
@color-nav-hover-bg:__nav_menu_hover_bg__;
@color-content-bg: __background_content__;
@color-site-bg: __background_site__;
@color-link: __existing__;
@height-context-bar: 50px;
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* all media */ /* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
html, body{
font-size: 100.1%; html,
body {
.reset(); .reset();
font-size: 100.1%;
} }
header, .nav-direct{ header,
.nav-direct{
.elementsReset(); .elementsReset();
} }
div, span, object, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, em,acronym, img, strong, a, abbr, em,acronym, img, strong,
dl, dt, dd, ol, ul, li, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, table, caption, tbody, tfoot, thead, tr, th, td,
input, select, option, textarea, button{ input, select, option, textarea, button {
font-size: 1rem; line-height: 100%; font-size: 1rem;
line-height: 100%;
} }
ol, ul{ list-style: none outside none; } ol,
blockquote, q{ quotes: none; } ul {
acronym{ cursor: help; border-bottom: dotted 1px #333; } list-style: none outside none;
}
*:focus{ outline: 0; } blockquote,
q {
quotes: none;
}
table{ border-collapse: collapse; border-spacing: 0; empty-cells: show; caption-side: top; } acronym {
caption, th, td{ text-align: left; vertical-align: top; } cursor: help;
border-bottom: dotted 1px #333;
}
img{ display: block; float: none; border: none 0; line-height: @line-height-default; } *:focus {
outline: 0;
}
*, div, nav, header{ table{
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
caption-side: top;
}
caption,
th,
td {
text-align: left;
vertical-align: top;
}
img {
display: block;
float: none;
border: none 0;
line-height: @line-height-default;
}
*,
div,
nav,
header {
box-sizing: border-box; box-sizing: border-box;
} }
header, footer, .container, .row, nav, nav > ul{ header,
&::before, &::after{ footer,
.container,
.row, nav,
nav > ul {
&::before,
&::after {
display: table; display: table;
content: " "; content: " ";
clear: both; clear: both;
@ -152,6 +200,8 @@ header, footer, .container, .row, nav, nav > ul{
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* css behaviour */
.sr-out { .sr-out {
.sr-out(); .sr-out();
@ -161,7 +211,9 @@ header, footer, .container, .row, nav, nav > ul{
.sr-only(); .sr-only();
} }
.structure, .none, .mobile-only { .structure,
.none,
.mobile-only {
display: none; display: none;
} }
@ -182,13 +234,11 @@ header, footer, .container, .row, nav, nav > ul{
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* screen only */ /* screen only */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media screen{ @media screen {
html { html {
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -199,7 +249,10 @@ header, footer, .container, .row, nav, nav > ul{
display: block; display: block;
} }
audio, canvas, progress, video { audio,
canvas,
progress,
video {
display: inline-block; display: inline-block;
vertical-align: baseline; vertical-align: baseline;
} }
@ -251,9 +304,11 @@ header, footer, .container, .row, nav, nav > ul{
box-sizing: content-box; box-sizing: content-box;
height: 0; height: 0;
} }
pre { pre {
overflow: auto; overflow: auto;
} }
code, code,
kbd, kbd,
pre, pre,
@ -271,42 +326,50 @@ header, footer, .container, .row, nav, nav > ul{
font: inherit; font: inherit;
margin: 0; margin: 0;
} }
button {
overflow: visible;
}
button, button,
select { select {
text-transform: none; text-transform: none;
} }
input[type="checkbox"], button {
input[type="radio"] { overflow: visible;
}
input {
&[type="checkbox"],
&[type="radio"] {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
} }
input[type="number"]::-webkit-inner-spin-button, &[type="number"] {
input[type="number"]::-webkit-outer-spin-button { &::-webkit-inner-spin-button,
&::-webkit-outer-spin-button {
height: auto; height: auto;
} }
}
input[type="search"] { &[type="search"] {
-webkit-appearance: textfield; -webkit-appearance: textfield;
box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, &::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { &::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
}
}
legend { legend {
border: 0; border: 0;
padding: 0; padding: 0;
} }
textarea { textarea {
overflow: auto; overflow: auto;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
@ -329,17 +392,18 @@ header, footer, .container, .row, nav, nav > ul{
figure, figcaption, footer, header, figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary, menu, nav, output, ruby, section, summary,
time, mark, audio, video { time, mark, audio, video {
font-family: __font_family_screen__; font-family: @font_family_screen;
color: @ini_text; color: @ini_text;
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* print only */ /* print only */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
@media print{
body{ @media print {
body {
font-size: 12pt; font-size: 12pt;
} }
} }

View file

@ -4,10 +4,12 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Fonts */ /* Fonts */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename){
.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename) {
@font-face { @font-face {
font-family: @fontFamily; font-family: @fontFamily;
font-style: normal; font-style: normal;
@ -17,7 +19,7 @@
} }
} }
.setIconFontFace(@fontFamily,@filename){ .setIconFontFace(@fontFamily,@filename) {
@font-face { @font-face {
font-family: @fontFamily; font-family: @fontFamily;
src: ~"url('fonts/icons/"~"@{filename}.eot?6762325')"; src: ~"url('fonts/icons/"~"@{filename}.eot?6762325')";
@ -27,9 +29,8 @@
} }
} }
.fontello(){ .fontello() {
&::before {
&::before{
font-family: "fontello"; font-family: "fontello";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -62,12 +63,11 @@
/* Uncomment for 3D effect */ /* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
} }
} }
.fontello-double(){ .fontello-double() {
&::before,
&::before, &::after{ &::after {
font-family: "fontello"; font-family: "fontello";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -100,14 +100,13 @@
/* Uncomment for 3D effect */ /* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */ /* Screenreader / Hide */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.sr-out() { .sr-out() {
display: block; display: block;
width: 1px; width: 1px;
@ -118,7 +117,7 @@
left: -200000em; left: -200000em;
} }
.sr-only(){ .sr-only() {
position: absolute; position: absolute;
width: 1px; width: 1px;
height: 1px; height: 1px;
@ -141,7 +140,7 @@
} }
} }
.hide-text-show-before(){ .hide-text-show-before() {
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -150,21 +149,24 @@
width: 1rem; width: 1rem;
min-height: 1.2em; min-height: 1.2em;
min-width: 1.4em; min-width: 1.4em;
&::before{ &::before{
text-indent: 0; text-indent: 0;
float: left; float: left;
} }
&::after{ &::after{
text-indent: 0; text-indent: 0;
float: left; float: left;
} }
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Screenreader / Hide */ /* Screenreader / Hide */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.reset(){ .reset() {
background: transparent; background: transparent;
border: none 0; outline: 0; vertical-align: baseline; border: none 0; outline: 0; vertical-align: baseline;
font-style: normal; font-style: normal;
@ -178,7 +180,7 @@
dl, dt, dd, ol, ul, li, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, table, caption, tbody, tfoot, thead, tr, th, td,
input, select, option, textarea, button{ input, select, option, textarea, button {
.reset(); .reset();
} }
} }
@ -187,6 +189,7 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Col Grid */ /* Col Grid */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
.make-grid(@class) { .make-grid(@class) {
.float-grid-columns(@class); .float-grid-columns(@class);
.loop-grid-columns(@grid-columns, @class, width); .loop-grid-columns(@grid-columns, @class, width);
@ -209,6 +212,3 @@
width: percentage((@index / @grid-columns)); width: percentage((@index / @grid-columns));
} }
} }

View file

@ -76,6 +76,7 @@ css/area_nav-pagetools.less = all
css/plugins/magic-matcher.less = all css/plugins/magic-matcher.less = all
css/plugins/do_tasks.less = all css/plugins/do_tasks.less = all
; _____________ print styles _____________ ; _____________ print styles _____________
css/print.css = print css/print.css = print