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

171 lines
3.0 KiB
SCSS
Raw Normal View History

2015-05-05 03:10:25 +02:00
// 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 {
2016-03-23 18:39:41 +01:00
//color: $red;
2015-05-05 03:10:25 +02:00
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);
2016-03-23 18:39:41 +01:00
//color: $red;
2015-05-05 03:10:25 +02:00
font-size: rem-calc(16);
&:after {
position: absolute;
top: 18px;
left: 0;
2015-05-05 03:10:25 +02:00
content: '';
width: 35%;
height: 1px;
2016-03-23 18:39:41 +01:00
//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;
}
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;
}
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-family: $font-proxima-condensed;
font-size: rem-calc(16);
line-height: rem-calc(24);
margin: 1.038em 0 30px 0;
2015-05-05 03:10:25 +02:00
font-weight: 600;
}
}
dt {
color: $black-light;
}
dd {
color: $black-light;
margin-bottom: 20px;
}
//
2015-05-05 03:10:25 +02:00
// -------------------------
.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;
// }
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;
@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;*/
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;
/*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;
}