mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2024-12-05 16:24:21 +01:00
169 lines
3.0 KiB
SCSS
169 lines
3.0 KiB
SCSS
// reset
|
|
html {
|
|
overflow-x: hidden;
|
|
}
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.h1, .h2, .h3, .h4, .h5, .h6{
|
|
margin: 0;
|
|
}
|
|
|
|
h1, .page-title {
|
|
line-height: rem-calc(24);
|
|
text-transform: uppercase;
|
|
font-weight: 900;
|
|
}
|
|
h2 {
|
|
//color: $red;
|
|
line-height: rem-calc(24);
|
|
font-weight: 900;
|
|
}
|
|
h3 { font-weight: 600; }
|
|
h4 { font-weight: bold; }
|
|
h5 {
|
|
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;
|
|
}
|
|
}
|
|
|
|
// Links
|
|
// -------------------------
|
|
|
|
a {
|
|
//color: $link-color;
|
|
text-decoration: none;
|
|
}
|
|
a:hover,
|
|
a:focus {
|
|
//color: $link-hover-color;
|
|
text-decoration: none;
|
|
}
|
|
|
|
label{ font-weight: 600; }
|
|
small, .small{font-size: $font-size-sm;}
|
|
|
|
pre { padding: 0; }
|
|
|
|
p {
|
|
font-size: rem-calc($font-size-base);
|
|
line-height: rem-calc(24);
|
|
|
|
&.intro, .intro {
|
|
font-size: rem-calc(16);
|
|
line-height: rem-calc(24);
|
|
margin: 1.038em 0 30px 0;
|
|
}
|
|
}
|
|
|
|
dt {
|
|
color: $black-light;
|
|
}
|
|
dd {
|
|
color: $black-light;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
|
|
//
|
|
// -------------------------
|
|
|
|
.col-0{clear:left;}
|
|
|
|
.row.no-gutter{
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.no-gutter > [class*="col"]{
|
|
padding: 0;
|
|
}
|
|
|
|
/* centered columns styles */
|
|
.row-centered {
|
|
text-align:center;
|
|
}
|
|
.col-centered {
|
|
display:inline-block;
|
|
float:none;
|
|
/* reset the text-align */
|
|
text-align:left;
|
|
/* inline-block space fix */
|
|
margin-right:-4px;
|
|
}
|
|
|
|
|
|
::-webkit-input-placeholder { /* WebKit browsers */
|
|
color: black;
|
|
}
|
|
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
color: black;
|
|
opacity: 1;
|
|
}
|
|
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
color: black;
|
|
opacity: 1;
|
|
}
|
|
:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
color: black;
|
|
}
|
|
|
|
// .ng-hide-remove-active {
|
|
// -webkit-transition:0.5s linear all;
|
|
// transition:0.5s linear all;
|
|
// }
|
|
|
|
// only for main content
|
|
#content-main.ng-enter, #content-main.ng-leave {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
@include transition(all .7s ease-in-out);
|
|
}
|
|
|
|
[ui-view].ng-enter {
|
|
opacity: 0;
|
|
// -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;
|
|
// -webkit-transform:scale3d(1, 1, 1);
|
|
// -moz-transform:scale3d(1, 1, 1);
|
|
// transform:scale3d(1, 1, 1);
|
|
}
|
|
|
|
[ui-view].ng-leave {
|
|
opacity: 1;
|
|
/*padding-left: 0px;*/
|
|
// -webkit-transform:translate3d(0, 0, 0);
|
|
// -moz-transform:translate3d(0, 0, 0);
|
|
// transform:translate3d(0, 0, 0);
|
|
}
|
|
|
|
[ui-view].ng-leave-active {
|
|
opacity: 0;
|
|
/*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;
|
|
}
|