diff options
Diffstat (limited to 'exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content')
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 547 |
1 files changed, 547 insertions, 0 deletions
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content new file mode 100644 index 0000000..3f1b9e7 --- /dev/null +++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -0,0 +1,547 @@ +/*!------------------------------------------------------------------ +[MAIN STYLESHEET] + +PROJECT: Project Name +VERSION: Versoin Number +-------------------------------------------------------------------*/ +/*------------------------------------------------------------------ +[TABLE OF CONTENTS] +-------------------------------------------------------------------*/ +/* typography */ +@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&display=swap"); +body { + line-height: 1.2; + font-family: "Playfair Display", sans-serif; + -webkit-font-smoothing: antialiased; + font-size: 16px; + color: #555; } + +p, .paragraph { + font-weight: 400; + color: #555; + font-size: 16px; + line-height: 1.7; + font-family: "Playfair Display", sans-serif; } + +h1, h2, h3, h4, h5, h6 { + color: #555; + font-family: "Playfair Display", sans-serif; + font-weight: 500; + line-height: 1.2; } + +h1, .h1 { + font-size: 36px; } + +h2, .h2 { + font-size: 24px; } + +h3, .h3 { + font-size: 20px; } + +h4, .h4 { + font-size: 18px; } + +h5, .h5 { + font-size: 16px; } + +h6, .h6 { + font-size: 14px; } + +/* Button style */ +.btn { + font-size: 14px; + font-family: "Playfair Display", sans-serif; + text-transform: capitalize; + padding: 10px 25px; + border-radius: 0; + border: 1px solid; + position: relative; + z-index: 1; + transition: .2s ease; } + .btn:hover, .btn:active, .btn:focus { + outline: 0; + box-shadow: none !important; } + +.btn-primary { + background: #F6A623; + color: #fff; + border-color: #F6A623; } + .btn-primary:active, .btn-primary:hover, .btn-primary.focus, .btn-primary.active { + background: #F6A623 !important; + border-color: #F6A623 !important; } + +.btn-outline-primary { + background: transparent; + color: #555; + border-color: #F6A623; } + .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary.focus, .btn-outline-primary.active { + background: #F6A623 !important; + border-color: #F6A623 !important; + color: #fff; } + +.btn-link { + background-color: transparent; + border: 0; + color: #555; + padding: 0; } + .btn-link i { + margin-left: 10px; + margin-top: 2px; + vertical-align: middle; + font-size: 90%; + transition: inherit; } + .btn-link:active, .btn-link:hover, .btn-link.focus, .btn-link.active { + background: transparent !important; + border: 0 !important; + color: #F6A623; + text-decoration: none; } + .btn-link:active i, .btn-link:hover i, .btn-link.focus i, .btn-link.active i { + margin-left: 15px; } + +body { + background-color: #fff; + overflow-x: hidden; + transition: .2s ease; } + +::selection { + background: #f8ba54; + color: #fff; } + +/* preloader */ +.preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #fff; + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; } + +img { + vertical-align: middle; + border: 0; } + +a { + color: inherit; } + +a, +a:hover, +a:focus { + text-decoration: none; } + +a, +button, +select { + cursor: pointer; + transition: .2s ease; } + a:focus, + button:focus, + select:focus { + outline: 0; } + +a:hover { + color: #F6A623; } + +.slick-slide { + outline: 0; } + +.section { + padding-top: 80px; + padding-bottom: 80px; } + .section-sm { + padding-top: 50px; + padding-bottom: 50px; } + .section-title { + margin-bottom: 30px; } + +.bg-cover { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; } + +.border-primary { + border-color: #eee !important; } + +/* overlay */ +.overlay { + position: relative; } + .overlay::before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #000; + opacity: .5; } + +.border-default { + border-color: #eee !important; } + +.outline-0 { + outline: 0 !important; } + +.d-unset { + display: unset !important; } + +.bg-primary { + background: #F6A623 !important; } + +.bg-black { + background: #000 !important; } + +.text-primary { + color: #F6A623 !important; } + +.zindex-1 { + z-index: 1; } + +.form-control { + width: 100%; + height: 50px; + border: 1px solid #eee; + background-color: transparent; + color: #555; } + .form-control:focus { + border-color: #eee; + color: inherit; + box-shadow: none; + background-color: transparent; } + +.form-group { + margin-bottom: 20px; } + .form-group label { + color: #555; + font-size: 15px; } + .form-group .form-control { + border: 0; + border-bottom: 1px solid #eee; + border-radius: 0; + padding: 0; + height: 40px; + background-color: inherit; } + .form-group .form-control::placeholder { + font-size: 13px; + opacity: .8; } + +textarea.form-control { + height: 100px !important; } + +.navigation { + position: relative; + padding: 50px 0; } + +.navbar-light .navbar-nav .nav-link { + color: #555; + text-transform: capitalize; + font-size: 14px; } + .navbar-light .navbar-nav .nav-link:hover { + color: #F6A623; } + +.navbar-expand-md .navbar-nav .nav-item { + margin: 0; } + .navbar-expand-md .navbar-nav .nav-item .nav-link { + padding: 15px 25px; } + +.navbar-expand-md .navbar-nav .dropdown-menu { + background-color: #fff; + padding: 10px 0; + margin: 0; + border-radius: 0; + border-color: #eee; + text-align: center; } + .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item { + color: #555; + font-size: 14px; + padding: 7px 22px; } + .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:hover { + color: #F6A623; } + +/* search */ +.search-btn { + border: 0; + background: transparent; } + +.search-wrapper { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100%; + z-index: 2; + visibility: hidden; + transition: .2s ease; + opacity: 0; } + .search-wrapper.open { + visibility: visible; + opacity: 1; } + +.search-box { + height: 100%; + width: 100%; + border: 0; + background: #fff; + font-size: 20px; + padding: 0; } + .search-box:focus { + box-shadow: none !important; + outline: 0; } + +.search-close { + position: absolute; + right: 5px; + top: 50%; + transform: translateY(-50%); + border: 0; + background: transparent; + page-break-after: 10px; + font-size: 20px; } + +.navigation-modal { + height: 100vh; + width: 100vw; + background: #fff; } + +.post { + position: relative; } + .post-content { + padding: 5% 10%; + position: absolute; + top: 0; + left: 0; + right: 0; + text-align: center; + height: 100%; + width: 100%; + display: flex; + flex-direction: column; } + .post-content * { + position: relative; + z-index: 1; } + .post-content::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(to bottom, rgba(56, 56, 56, 0.45), rgba(56, 56, 56, 0.25) 100%); } + .post-date { + color: #fff; + min-height: 75px; + width: 75px; + border-radius: 50%; + border: 1px solid #fff; + margin: 0 auto 20px; } + .post-date span { + display: block; + text-transform: uppercase; } + .post-date span:first-child { + font-size: 180%; + margin-bottom: 5px; } + .post-title { + font-size: 4rem; + color: #fff; } + .post-title a { + color: inherit; } + .post-meta { + margin-top: auto; } + .post-meta i { + font-size: 20px; } + .post-meta a { + text-transform: uppercase; } + .post-meta a:hover { + color: #F6A623; } + .post .post-meta i { + color: #fff; } + .post .post-meta a { + color: #fff; } + .post-sm .post-title { + font-size: 1.7rem; } + +.pagination { + margin-top: 30px; } + .pagination .page-item .page-link { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 50%; + background: transparent; + text-align: center; + padding: 0; + margin-right: 10px; + border: 0; + color: #555; } + .pagination .page-item .page-link:hover { + background: #F6A623; + color: #fff; } + .pagination .page-item .page-link:focus { + box-shadow: none; } + .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link { + border-radius: 50%; } + .pagination .page-item.active .page-link { + background: #F6A623; + color: #fff; } + +.content * { + word-break: break-word; + overflow-wrap: break-word; } + +.content img { + max-width: 100%; } + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + font-weight: 500; } + +.content strong { + font-weight: 600; } + +.content a { + color: #555; + border-bottom: 1px dotted #eee; } + .content a:hover { + color: #F6A623; } + +.content ol, +.content ul { + padding-left: 20px; } + .content ol li, + .content ul li { + margin-bottom: 10px; } + +.content ul { + padding-left: 0; + margin-bottom: 20px; + list-style-type: none; } + .content ul li { + padding-left: 20px; + position: relative; } + .content ul li::before { + position: absolute; + content: ''; + height: 8px; + width: 8px; + border-radius: 50%; + background: #F6A623; + left: 3px; + top: 8px; } + +.content table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; + border: 1px solid #eee; } + +.content table td, +.content table th { + padding: .75rem; + vertical-align: top; + margin-bottom: 0; } + +.content tr:not(:last-child) { + border-bottom: 1px solid #eee; } + +.content th { + font-weight: 500; } + +.content thead { + background: #eee; + margin-bottom: 0; } + .content thead tr { + border-bottom: 1px solid #eee; } + +.content tbody { + background: #fbfbfb; + margin-bottom: 0; } + +.content .notices { + margin: 2rem 0; + position: relative; + overflow: hidden; } + +.content .notices p { + padding: 10px; + margin-bottom: 0; } + +.content .notices p::before { + position: absolute; + top: 2px; + color: #fff; + font-family: "themify"; + font-weight: 900; + content: "\e717"; + left: 10px; } + +.content .notices.note p { + border-top: 30px solid #6ab0de; + background: #eee; } + +.content .notices.note p::after { + content: 'Note'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; } + +.content .notices.tip p { + border-top: 30px solid #78C578; + background: #eee; } + +.content .notices.tip p::after { + content: 'Tip'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; } + +.content .notices.info p { + border-top: 30px solid #F0B37E; + background: #eee; } + +.content .notices.info p::after { + content: 'Info'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; } + +.content .notices.warning p { + border-top: 30px solid #E06F6C; + background: #eee; } + +.content .notices.warning p::after { + content: 'Warning'; + position: absolute; + top: 2px; + color: #fff; + left: 2rem; } + +.content blockquote { + font-size: 20px !important; + color: #555; + padding: 20px 40px; + border-left: 2px solid #F6A623; + margin: 40px 0; + font-weight: bold; + background: #eee; } + .content blockquote p { + margin-bottom: 0 !important; } + +.content pre { + display: block; + padding: 9.5px; + margin: 10px 0px 10px; + white-space: pre-wrap; } + +.content code { + margin-bottom: 0 !important; + font-size: 100%; } |