Browse Source

Move custom CSS to its own file

master
Angristan 2 years ago
parent
commit
bb04e93140
9 changed files with 56 additions and 54 deletions
  1. +2
    -0
      assets/built/custom.css
  2. +1
    -0
      assets/built/custom.css.map
  3. +1
    -1
      assets/built/screen.css
  4. +1
    -1
      assets/built/screen.css.map
  5. +48
    -0
      assets/css/custom.css
  6. +0
    -52
      assets/css/screen.css
  7. +1
    -0
      default.hbs
  8. +1
    -0
      error-404.hbs
  9. +1
    -0
      error.hbs

+ 2
- 0
assets/built/custom.css View File

@@ -0,0 +1,2 @@
.post-full-content h2{margin:.5em 0;font-size:3rem}#isso-thread{padding:0 100px!important}@media (max-width:1170px){#isso-thread{padding:5vw 7vw 0!important}}@media (max-width:500px){#isso-thread{padding:0!important}}.post-full-footer{padding:3vw 0}@media (min-width:900px){.floating-header{height:50px}}.post-full-content{text-align:justify;font-size:2rem}.site-footer{padding-bottom:20px}
/*# sourceMappingURL=custom.css.map */

+ 1
- 0
assets/built/custom.css.map View File

@@ -0,0 +1 @@
{"version":3,"sources":["custom.css"],"names":[],"mappings":"AACA,sBACI,cAAwB,AACxB,cAAgB,CACnB,AAGD,aACI,yBAA8B,CACjC,AAED,0BACI,aACI,2BAA8B,CACjC,CACJ,AAED,yBACI,aACI,mBAAsB,CACzB,CACJ,AAED,kBACI,aAAmB,CACtB,AAGD,yBACI,iBACI,WAAa,CAChB,CACJ,AAGD,mBACI,mBAAoB,AAKpB,cAAgB,CAJnB,AAQD,aACI,mBAAqB,CACxB","file":"custom.css","sourcesContent":["/* Reduce h2 size and add some bottom margin */\n.post-full-content h2 {\n margin: 0.5em 0 0.5em 0;\n font-size: 3rem;\n}\n\n/* Make the thread the same width as the post */\n#isso-thread {\n padding: 0 100px 0 !important;\n}\n\n@media (max-width: 1170px) {\n #isso-thread {\n padding: 5vw 7vw 0 !important;\n }\n}\n\n@media (max-width: 500px) {\n #isso-thread {\n padding: 0 !important;\n }\n}\n/* reduce the bottom padding of the author card */\n.post-full-footer {\n padding: 3vw 0 3vw;\n}\n\n/* Reduce sticked header by 10px on desktop */\n@media (min-width: 900px) {\n .floating-header {\n height: 50px;\n }\n}\n\n/* Justify post content */\n.post-full-content {\n text-align: justify;\n}\n\n/* Make the post content font size 0.2rem tinier */\n.post-full-content {\n font-size: 2rem;\n}\n\n/* Reduce padding-bottom of the footer by 20px */\n.site-footer {\n padding-bottom: 20px;\n}"],"sourceRoot":"/source/"}

+ 1
- 1
assets/built/screen.css
File diff suppressed because it is too large
View File


+ 1
- 1
assets/built/screen.css.map
File diff suppressed because it is too large
View File


+ 48
- 0
assets/css/custom.css View File

@@ -0,0 +1,48 @@
/* Reduce h2 size and add some bottom margin */
.post-full-content h2 {
margin: 0.5em 0 0.5em 0;
font-size: 3rem;
}

/* Make the thread the same width as the post */
#isso-thread {
padding: 0 100px 0 !important;
}

@media (max-width: 1170px) {
#isso-thread {
padding: 5vw 7vw 0 !important;
}
}

@media (max-width: 500px) {
#isso-thread {
padding: 0 !important;
}
}
/* reduce the bottom padding of the author card */
.post-full-footer {
padding: 3vw 0 3vw;
}

/* Reduce sticked header by 10px on desktop */
@media (min-width: 900px) {
.floating-header {
height: 50px;
}
}

/* Justify post content */
.post-full-content {
text-align: justify;
}

/* Make the post content font size 0.2rem tinier */
.post-full-content {
font-size: 2rem;
}

/* Reduce padding-bottom of the footer by 20px */
.site-footer {
padding-bottom: 20px;
}

+ 0
- 52
assets/css/screen.css View File

@@ -1912,56 +1912,4 @@ Usage (In Ghost editor):
.site-footer-nav a:first-child {
margin-left: 0;
}
}

/* 12. angristan.xyz custom
/* ---------------------------------------------------------- */

/* Reduce h2 size and add some bottom margin */
.post-full-content h2 {
margin: 0.5em 0 0.5em 0;
font-size: 3rem;
}

/* Make the thread the same width as the post */
#isso-thread {
padding: 0 100px 0 !important;
}

@media (max-width: 1170px) {
#isso-thread {
padding: 5vw 7vw 0 !important;
}
}

@media (max-width: 500px) {
#isso-thread {
padding: 0 !important;
}
}
/* reduce the bottom padding of the author card */
.post-full-footer {
padding: 3vw 0 3vw;
}

/* Reduce sticked header by 10px on desktop */
@media (min-width: 900px) {
.floating-header {
height: 50px;
}
}

/* Justify post content */
.post-full-content {
text-align: justify;
}

/* Make the post content font size 0.2rem tinier */
.post-full-content {
font-size: 2rem;
}

/* Reduce padding-bottom of the footer by 20px */
.site-footer {
padding-bottom: 20px;
}

+ 1
- 0
default.hbs View File

@@ -13,6 +13,7 @@

{{!-- Styles'n'Scripts --}}
<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "built/custom.css"}}" />

{{!-- This tag outputs SEO meta+structured data and other important settings --}}
{{ghost_head}}


+ 1
- 0
error-404.hbs View File

@@ -12,6 +12,7 @@ It's a good idea to keep this template as minimal as possible in terms of both f
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "built/custom.css"}}" />
</head>
<body class="error-template">
<div class="site-wrapper">


+ 1
- 0
error.hbs View File

@@ -13,6 +13,7 @@ You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "built/custom.css"}}" />
</head>
<body class="error-template">
<div class="site-wrapper">


Loading…
Cancel
Save