1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-12-05 16:24:21 +01:00
fab-manager/app/assets/stylesheets/app.base.scss

206 lines
3.0 KiB
SCSS
Raw Normal View History

2015-05-05 03:10:25 +02:00
// reset
html {
overflow-x: hidden;
}
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
body {
-webkit-font-smoothing: antialiased;
}
2020-03-24 18:17:26 +01:00
.h1, .h2, .h3, .h4, .h5, .h6 {
2015-05-05 03:10:25 +02:00
margin: 0;
}
h1, .page-title {
2020-03-24 18:17:26 +01:00
line-height: rem-calc(24);
text-transform: uppercase;
font-weight: 900;
2015-05-05 03:10:25 +02:00
}
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
h2 {
2020-03-24 18:17:26 +01:00
//color: $red;
line-height: rem-calc(24);
font-weight: 900;
2015-05-05 03:10:25 +02:00
}
2020-03-24 18:17:26 +01:00
h3 {
font-weight: 600;
}
h4 {
font-weight: bold;
}
2015-05-05 03:10:25 +02:00
h5 {
2020-03-24 18:17:26 +01:00
display: inline-block;
position: relative;
line-height: rem-calc(18);
//color: $red;
font-size: rem-calc(16);
&:after {
position: absolute;
top: 18px;
left: 0;
content: '';
width: 35%;
height: 1px;
//background-color: $red;
}
2015-05-05 03:10:25 +02:00
}
// Links
// -------------------------
a {
2016-03-23 18:39:41 +01:00
//color: $link-color;
2015-05-05 03:10:25 +02:00
text-decoration: none;
}
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
a:hover,
a:focus {
2016-03-23 18:39:41 +01:00
//color: $link-hover-color;
2015-05-05 03:10:25 +02:00
text-decoration: none;
}
2020-03-24 18:17:26 +01:00
label {
font-weight: 600;
}
small, .small {
font-size: $font-size-sm;
}
2015-05-05 03:10:25 +02:00
2020-03-24 18:17:26 +01:00
pre {
padding: 0;
}
2015-05-05 03:10:25 +02:00
p {
2020-03-24 18:17:26 +01:00
font-size: rem-calc($font-size-base);
line-height: rem-calc(24);
2015-05-05 03:10:25 +02:00
2020-03-24 18:17:26 +01:00
&.intro, .intro {
font-size: rem-calc(16);
line-height: rem-calc(24);
margin: 1.038em 0 30px 0;
}
2015-05-05 03:10:25 +02:00
}
dt {
color: $black-light;
}
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
dd {
color: $black-light;
margin-bottom: 20px;
}
//
2015-05-05 03:10:25 +02:00
// -------------------------
2020-03-24 18:17:26 +01:00
.col-0 {
clear: left;
}
2015-05-05 03:10:25 +02:00
2020-03-24 18:17:26 +01:00
.row.no-gutter {
2015-05-05 03:10:25 +02:00
margin-left: 0;
margin-right: 0;
}
2020-03-24 18:17:26 +01:00
.no-gutter > [class*="col"] {
2015-05-05 03:10:25 +02:00
padding: 0;
}
/* centered columns styles */
.row-centered {
2020-03-24 18:17:26 +01:00
text-align: center;
2015-05-05 03:10:25 +02:00
}
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
.col-centered {
2020-03-24 18:17:26 +01:00
display: inline-block;
float: none;
2015-05-05 03:10:25 +02:00
2020-03-24 18:17:26 +01:00
/* reset the text-align */
text-align: left;
2015-05-05 03:10:25 +02:00
2020-03-24 18:17:26 +01:00
/* inline-block space fix */
margin-right: -4px;
2015-05-05 03:10:25 +02:00
}
2020-03-24 18:17:26 +01:00
::-webkit-input-placeholder {
/* WebKit browsers */
color: black;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: black;
opacity: 1;
2015-05-05 03:10:25 +02:00
}
2020-03-24 18:17:26 +01:00
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: black;
opacity: 1;
2015-05-05 03:10:25 +02:00
}
2020-03-24 18:17:26 +01:00
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: black;
2015-05-05 03:10:25 +02:00
}
// .ng-hide-remove-active {
// -webkit-transition:0.5s linear all;
// transition:0.5s linear all;
// }
2016-03-23 18:39:41 +01:00
// only for main content
#content-main.ng-enter, #content-main.ng-leave {
2015-05-05 03:10:25 +02:00
position: absolute;
left: 0;
right: 0;
2020-03-24 18:17:26 +01:00
@include transition(all 0.7s ease-in-out);
2015-05-05 03:10:25 +02:00
}
[ui-view].ng-enter {
opacity: 0;
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
// -webkit-transform:scale3d(0.5, 0.5, 0.5);
// -moz-transform:scale3d(0.5, 0.5, 0.5);
// transform:scale3d(0.5, 0.5, 0.5);
}
[ui-view].ng-enter-active {
opacity: 1;
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
// -webkit-transform:scale3d(1, 1, 1);
// -moz-transform:scale3d(1, 1, 1);
// transform:scale3d(1, 1, 1);
}
[ui-view].ng-leave {
opacity: 1;
2020-03-24 18:17:26 +01:00
/*padding-left: 0px;*/
2015-05-05 03:10:25 +02:00
// -webkit-transform:translate3d(0, 0, 0);
// -moz-transform:translate3d(0, 0, 0);
// transform:translate3d(0, 0, 0);
}
[ui-view].ng-leave-active {
opacity: 0;
2020-03-24 18:17:26 +01:00
2015-05-05 03:10:25 +02:00
/*padding-left: 100px;*/
// -webkit-transform:translate3d(100px, 0, 0);
// -moz-transform:translate3d(100px, 0, 0);
// transform:translate3d(100px, 0, 0);
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}