aspnetcore-angular-universal/ClientApp/app/app.component.scss at f3376d9b5cc798a07809dd386117b8ede4080229 · TrilonIO/aspnetcore-angular-universal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
$navbar-default-bg: #312312;
$light-orange: #ff8c00;
$navbar-default-color: $light-orange;

/* Import Bootstrap & Fonts */
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

/*@import '~bootstrap/dist/css/bootstrap.min.css';*/

@import "./css/browser.styles";


/* *** Overall APP Styling can go here ***
   --------------------------------------------
   Note: This Component has ViewEncapsulation.None so the styles will bleed out

*/
@media (max-width: 767px) {
  body {
    background: #f1f1f1;
    line-height: 18px;
    padding-top: 30px;
  }

  h1 {
    border-bottom: 3px #4189C7 solid;
    font-size: 24px;
  }

  h2 {
    font-size: 20px;
  }

  h1, h2, h3 {
    padding: 3px 0;
  }
}

@media (min-width: 768px) {
  body {
    background: #f1f1f1;
    line-height: 18px;
    padding-top: 0px;
  }

  h1 {
    border-bottom: 5px #4189C7 solid;
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h1, h2, h3 {
    padding: 10px 0;
  }
}

ul { padding: 10px 25px; }
ul li { padding: 5px 0; }

blockquote { margin: 25px 10px; padding: 10px 35px 10px 10px; border-left: 10px #158a15 solid; background: #edffed; }
blockquote a, blockquote a:hover { color: #068006; }