sachin.ganesh/anwi_website
1
0
派生 0
代码 工单 合并请求 发布 百科 活动

add folders

浏览代码
这个提交包含在：
sachinganesh
2023-01-20 10:58:18 +05:30
父节点 90cb591de3
当前提交 6b59fa580e
共修改 13 个文件，包含 224 行新增和 103 行删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件
dist/css/main.css
第三方依赖
+54 -24
查看文件
@@ -1,24 +1,71 @@
*, ::before, ::after { /*
padding: 0; 0 - 600px: Phone
600 - 900px: Tablet portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + : Big desktop
$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
ORDER: Base + typography > general layout + grid > page layout > components
1em = 16px
*/
*,
*::after,
*::before {
margin: 0; margin: 0;
box-sizing: border-box; } padding: 0;
box-sizing: inherit; }
html { html {
font-size: 16px; } font-size: 100%; }
body {
box-sizing: border-box; }
@media only screen and (max-width: 56.25em) {
body {
padding: 0; } }
.bg-green { .bg-green {
background-color: #3BB78F; background-color: #3bb78f;
background: linear-gradient(90deg, #3BB78F 0%, #0bab64 35%, #3bb78f 100%); } background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); }
.banner_heading_4 { .font-3 {
font-size: 3rem; } font-size: 3rem; }
.font-1_5 {
font-size: 2rem; }
.subtitle_1 { .subtitle_1 {
font-size: 1.5rem; } font-size: 1.5rem; }
.gap-1 {
gap: 0.7rem; }
.banner_heading_4 {
font-size: 3rem; }
.padding_top_14 { .padding_top_14 {
padding-top: 14rem; } padding-top: 14rem; }
.vh-85 {
height: 85vh; }
.vh-15 {
height: 15vh; }
.button_dark {
clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
padding-right: 1.7rem;
padding-bottom: 0.6rem;
padding-top: 0.6rem;
border-radius: 10px; }
.photo_dual { .photo_dual {
width: 40rem; } width: 40rem; }
@@ -28,22 +75,5 @@ html {
.boxImgContainer { .boxImgContainer {
width: 4rem; } width: 4rem; }
.vh-85 {
height: 85vh; }
.vh-15 {
height: 15vh; }
.font-3 {
font-size: 3rem; }
.font-1_5 {
font-size: 2rem; }
.gap-1 {
font-size: 0.7rem; }
.priceCut_multi { .priceCut_multi {
font-size: .7rem; } font-size: .7rem; }
dist/html/pages/index.html
第三方依赖
+3 -3
查看文件
@@ -30,9 +30,9 @@
<div id="footer-head"></div> <div id="footer-head"></div>
<!-- end-footer --> <!-- end-footer -->
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../../Js/jquery.min.js"></script> <script src="../../js/jquery.min.js"></script>
<script src="../../Js/navbar.js"></script> <script src="../../js/navbar.js"></script>
<script src="../../Js/footer.js"></script> <script src="../../js/footer.js"></script>
</body> </body>
</html> </html>
dist/html/pages/laptopmulti.html
第三方依赖
+24
查看文件
@@ -12,7 +12,13 @@
</head> </head>
<body> <body>
<header class=" bg-green"> <header class=" bg-green">
<!-- navbar -->
<div id="navbar-head"></div>
<!-- end-navbar -->
<div class="container vh-85 text-white "> <div class="container vh-85 text-white ">
<div class="row h-100"> <div class="row h-100">
<div class="col-sm-4 padding_top_14 "> <div class="col-sm-4 padding_top_14 ">
@@ -59,8 +65,26 @@
</div> </div>
</header> </header>
<section class="productOverview container">
<div class=" d-flex align-items-center container justify-content-between">
<div>Overview</div>
<div>The Laptop of tomorrow with
4K OLED Dual Screen for Creative Multitasking</div>
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit
amet, consetetur sadipscing elitr, sed diam nonumy eirmod</div>
</div>
</section>
<!-- footer -->
<div id="footer-head"></div>
<!-- end-footer -->
<script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/navbar.js"></script>
<script src="../../js/footer.js"></script>
</body> </body>
</html> </html>
scss/_variables.scss
-6
查看文件
@@ -1,6 +0,0 @@
$primary-color: steelblue;
$secondary-color: skyblue;
$light-color: #f4f4f4;
$dark-color: #333;
$font-stack: Arial, Helvetica, sans-serif;
scss/_functions.scss → scss/abstracts/_functions.scss
查看文件
scss/abstracts/_mixins.scss
+41
查看文件
@@ -0,0 +1,41 @@
@mixin absCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
// MEDIA QUERY MANAGER
/*
0 - 600px: Phone
600 - 900px: Tablet portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + : Big desktop
$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
ORDER: Base + typography > general layout + grid > page layout > components
1em = 16px
*/
@mixin respond($breakpoint) {
@if $breakpoint == phone {
@media only screen and (max-width: 37.5em) { @content }; //600px
}
@if $breakpoint == tab-port {
@media only screen and (max-width: 56.25em) { @content }; //900px
}
@if $breakpoint == tab-land {
@media only screen and (max-width: 75em) { @content }; //1200px
}
@if $breakpoint == big-desktop {
@media only screen and (min-width: 112.5em) { @content }; //1800
}
}
scss/abstracts/_variables.scss
+2
查看文件
@@ -0,0 +1,2 @@
// $primary-color: steelblue;
scss/base/_base.scss
+21
查看文件
@@ -0,0 +1,21 @@
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
font-size: 100%;
}
body {
box-sizing: border-box;
@include respond(tab-port) {
padding: 0;
}
}
scss/base/_typography.scss
查看文件
scss/base/_utilities.scss
+42
查看文件
@@ -0,0 +1,42 @@
// colors
.bg-green {
background-color: #3bb78f;
background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%);
}
// font size
.font-3 {
font-size: 3rem;
}
.font-1_5 {
font-size: 2rem;
}
.subtitle_1 {
font-size: 1.5rem;
}
.gap-1 {
gap: 0.7rem;
}
.banner_heading_4 {
font-size: 3rem;
}
// padding
.padding_top_14 {
padding-top: 14rem;
}
// heights
.vh-85 {
height: 85vh;
}
.vh-15 {
height: 15vh;
}
scss/components/__button.scss
+8
查看文件
@@ -0,0 +1,8 @@
// button
.button_dark{
clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
padding-right: 1.7rem;
padding-bottom: 0.6rem;
padding-top: 0.6rem;
border-radius: 10px;
}
scss/main.scss
+10 -70
查看文件
@@ -1,74 +1,14 @@
@import 'variables'; @import "abstracts/functions";
@import 'functions'; @import "abstracts/mixins";
@import "abstracts/variables";
*,::before,::after{ @import "base/base";
padding: 0; @import "base/typography";
margin: 0; @import "base/utilities";
box-sizing: border-box;
}
html{
font-size: 16px;
}
.bg-green{ // components
background-color:#3BB78F; @import "components/_button";
background: linear-gradient(90deg, #3BB78F 0%, rgba(11,171,100,1) 35%, rgba(59,183,143,1) 100%);
}
.banner_heading_4{ // pages
font-size: 3rem; @import "pages/productOverview.scss";
}
.subtitle_1{
font-size: 1.5rem;
}
.padding_top_14{
padding-top: 14rem;
}
.photo_dual{
width:40rem;
}
.price_footer{
background-color:#52cba5;
}
.boxImgContainer{
width: 4rem;
}
.vh-85{
height: 85vh;
}
.vh-15{
height: 15vh;
}
.font-3{
font-size: 3rem;
}
.font-1_5{
font-size: 2rem;
}
.gap-1{
font-size: 0.7rem;
}
.priceCut_multi{
font-size: .7rem;
}
// button
.button_dark{
clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
padding-right: 1.7rem;
padding-bottom: 0.6rem;
padding-top: 0.6rem;
border-radius: 10px;
}
scss/pages/productOverview.scss
+19
查看文件
@@ -0,0 +1,19 @@
.photo_dual{
width:40rem;
}
.price_footer{
background-color:#52cba5;
}
.boxImgContainer{
width: 4rem;
}
.priceCut_multi{
font-size: .7rem;
}