hpi-schuelerklub/workshop-portal

View on GitHub
app/assets/stylesheets/application.css

Summary

Maintainability
Test Coverage
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require bootstrap-datepicker
*= require_tree .
*= require_self
*= require custom_bootstrap/multi-select.css
*= require bootstrap_and_overrides
*= require owl.carousel
*= require owl.animate
**/
 
html, body {
height: 100%;
}
 
Element (label.required:after) is overqualified, just use .required without element name.
Rule doesn't have all its properties in alphabetical order.
label.required:after {
content:" *";
color: red
}
 
body, footer, main, .front-section {
width: 100%;
}
 
.banner {
background-position: center;
background-size: cover;
}
 
.m-l-1 { margin-left: 15px; }
.m-r-1 { margin-right: 15px; }
.m-t-1 { margin-top: 15px; }
.m-b-1 { margin-bottom: 15px; }
 
@media (max-width: 485px) {
.m-t-1-sm { margin-top: 15px; }
}
 
.img-float-corner-tr {
float: right;
margin: 0 0 15px 15px;
}
@media (max-width: 768px) {
.img-float-corner-tr {
float: none;
margin: auto;
margin-bottom: 15px;
}
}
 
/**
* Owl Carousel v2.2.0
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
/*
* Default theme - Owl Carousel CSS File
*/
Rule doesn't have all its properties in alphabetical order.
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
Attribute selectors with *= are slow!
Unqualified attribute selectors are known to be slow.
Rule doesn't have all its properties in alphabetical order.
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
Unqualified attribute selectors are known to be slow.
Attribute selectors with *= are slow!
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
Rule doesn't have all its properties in alphabetical order.
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
 
Adjoining classes: .owl-theme .owl-nav.disabled + .owl-dots
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
 
Rule doesn't have all its properties in alphabetical order.
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
Rule doesn't have all its properties in alphabetical order.
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
Property with star prefix found.
Duplicate property '*display' found.
*display: inline; }
Rule doesn't have all its properties in alphabetical order.
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
Adjoining classes: .owl-theme .owl-dots .owl-dot.active span
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }