app-layout-frame 0.0.51 → 0.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +7 -7
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
@font-face{font-family:Proxima Nova;src:url(fonts/proximanova-light-webfont.eot);src:url(fonts/proximanova-light-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/proximanova-light-webfont.woff) format("woff"),url(fonts/proximanova-light-webfont.ttf) format("truetype"),url(fonts/proximanova-light-webfont.svg#proxima_novalight) format("svg");font-weight:200}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.eot);src:url(fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/ProximaNova-Regular.woff) format("woff"),url(fonts/ProximaNova-Regular.ttf) format("truetype"),url(fonts/ProximaNova-Regular.svg#proxima_nova_rgregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Proxima Nova;src:url(fonts/proximaNova-semibold.eot);src:url(fonts/proximaNova-semibold.eot?#iefix) format("embedded-opentype"),url(fonts/proximaNova-semibold.woff) format("woff"),url(fonts/proximaNova-semibold.ttf) format("truetype"),url(fonts/proximaNova-semibold.svg#ProximaNova-Semibold) format("svg");font-weight:600}*{padding:0;margin:0;font-family:Proxima Nova,sans-serif;font-size:14px}body{background-color:#fafafa}
|
|
2
|
-
._2C1bf{min-height:100%}.___2VV{height:auto}._32ZI5{top:0;position:sticky;z-index:20;width:100vw;margin-left:-72px}._2R4LD{margin-left:-240px}._34YPL{width:calc(100% - 72px);height:100vh;display:flex;flex-direction:column;float:right;transition:width .3s}._jG606{width:100%}._2q-8S{padding-bottom:0}._2dNiZ{height:100%;float:left;position:fixed;color:var(--color-
|
|
3
|
-
._9eWEa{width:100%;height:100%;padding-top:0;box-sizing:border-box;color:var(--color-
|
|
4
|
-
._244gq{background:linear-gradient(
|
|
5
|
-
._1ycHa{padding:10px;border-radius:16px;font-weight:600;font-size:16px;line-height:20px;
|
|
6
|
-
._amex_{padding:5px 0 5px 22px;
|
|
2
|
+
._2C1bf{min-height:100%}.___2VV{height:auto}._32ZI5{top:0;position:sticky;z-index:20;width:100vw;margin-left:-72px}._2R4LD{margin-left:-240px}._34YPL{width:calc(100% - 72px);height:100vh;display:flex;flex-direction:column;float:right;transition:width .3s}._jG606{width:100%}._2q-8S{padding-bottom:0}._2dNiZ{height:100%;float:left;position:fixed;z-index:8;background-color:var(--color-surface-container);transition:width .2s}._3kzKX~._34YPL{width:calc(100% - 240px)}._299Kx{min-width:-moz-min-content;min-width:min-content;background-color:var(--color-surface-container);z-index:var(--z-index-nav)}._3Gz0Y{display:none}._Ri_78{padding-top:45px;flex:1;overflow:auto}
|
|
3
|
+
._9eWEa{width:100%;height:100%;padding-top:0;box-sizing:border-box;color:var(--color-surface-on-color);border-right:1px solid var(--color-outline);box-shadow:0 5px 15px 0 rgba(0,0,0,.15);display:flex;flex-direction:column}._2gqbS{background-color:var(--color-surface-container);padding:16px}._2l01n{height:40px;display:flex;flex-direction:column;justify-content:center}._2l01n svg{width:40px}._1Ccg2{padding:10px;border-radius:16px;cursor:pointer;background:transparent;border:none}._1Ccg2:hover{background-color:var(--color-surface-container-high)}
|
|
4
|
+
._244gq{background:linear-gradient(var(--color-surface-container) 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),var(--color-surface-container) 70%) 0 100%,radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),rgba(0,0,0,.2)) 0 100%;background:linear-gradient(var(--color-surface-container) 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),var(--color-surface-container) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%;background-repeat:no-repeat;background-color:var(--color-surface-container);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;list-style:none;display:flex;flex-direction:column;gap:4px;padding:16px 16px 40px;overflow:auto;overflow-x:hidden}._BLBDK{border-bottom:1px solid var(--color-outline);margin-top:12px;margin-bottom:12px;width:180%;margin-left:-15px}._244gq a{text-decoration:none}._BLBDK+._BLBDK{display:none}
|
|
5
|
+
._1ycHa{padding:10px;border-radius:16px;font-weight:600;font-size:16px;line-height:20px;cursor:pointer;position:relative;min-width:40px;box-sizing:border-box}._1D7jK,._1ycHa{color:var(--color-surface-on-color-bold)}._1D7jK{background-color:var(--color-primary-container)}._1ycHa:hover:not(._1D7jK){background-color:var(--color-surface-container-high);color:var(--color-surface-on-color-bold)}
|
|
6
|
+
._amex_{padding:5px 0 5px 22px;display:flex;gap:8px;align-items:center;font-size:14px;line-height:16px;width:197px;box-sizing:border-box}._amex_,._WdXeV{color:var(--color-surface-on-color-bold)}._WdXeV{font-weight:600;letter-spacing:-.1px}._1zt6h{padding-left:46px}._amex_:hover:not(._WdXeV){color:var(--color-primary-color)}._lLwWh{flex:1;display:flex;justify-content:space-between;align-items:center}
|
|
7
7
|
._1ne7X{position:absolute}._1UcHo{top:10px;right:8px}._3Li-q{top:-5px;right:-8px}
|
|
8
8
|
._3_Pzu{display:flex;flex-direction:column;gap:8px;list-style:none;margin-top:12px}
|
|
9
9
|
._22FqA{position:absolute;min-width:7px;min-height:7px;background-color:var(--color-tangerine-400);border:1px solid var(--color-white);border-radius:10px;margin:0 0 0 -7px}
|
|
10
|
-
._9ii6i{display:flex;flex-direction:row;gap:12px;height:40px;align-items:center;border-radius:32px;padding-right:10px}._3iCo3{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}._2f0Lu{padding-left:12px}._33PBE{display:flex;flex-direction:row;gap:8px;align-items:center}._2IZqu{overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;max-width:285px;color:var(--color-
|
|
10
|
+
._9ii6i{display:flex;flex-direction:row;gap:12px;height:40px;align-items:center;border-radius:32px;padding-right:10px}._3iCo3{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}._2f0Lu{padding-left:12px}._33PBE{display:flex;flex-direction:row;gap:8px;align-items:center}._2IZqu{overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;max-width:285px;color:var(--color-surface-on-color)}@media screen and (max-width:827px){._2IZqu{display:none}}@media screen and (max-width:1417px){._2IZqu{max-width:260px}}
|
|
11
11
|
._2yvUY{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));border-radius:35px;margin-top:5px}
|
|
12
|
-
._1Hpad{display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 47px;gap:40px;height:72px;border-bottom:1px solid var(--color-
|
|
12
|
+
._1Hpad{display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 47px;gap:40px;height:72px;border-bottom:1px solid var(--color-outline)}
|
|
13
13
|
._3RkpO{display:flex;align-items:center;justify-content:center;height:38px;width:38px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.35);background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}._3RkpO:focus{box-shadow:0 0 8px var(--color-blueberry-300)}
|
|
14
14
|
._3zD6l{display:flex}._3zD6l img{width:100%;margin-top:150px}._2jkua{display:flex;justify-content:center;margin-bottom:40px;margin-top:90px}._2jkua svg{width:80%}._1Ny96{width:547px;height:100vh;box-sizing:border-box;left:0;top:0;padding:28px;display:flex;justify-content:center}._1m5-W{flex-basis:382px}._1m5-W>*{height:-moz-fit-content;height:fit-content}._2MMwX{width:100%}@media (max-width:900px){._1Ny96,._2hBAV{width:100%}._2MMwX,._QYbD_{display:none}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "app-layout-frame",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.53",
|
|
4
4
|
"description": "Easily layout your webapp with sidenav and topbar",
|
|
5
5
|
"author": "galexandrade",
|
|
6
6
|
"license": "MIT",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"dist"
|
|
63
63
|
],
|
|
64
64
|
"dependencies": {
|
|
65
|
-
"@7shifts/sous-chef": "^3.
|
|
65
|
+
"@7shifts/sous-chef": "^3.87.1",
|
|
66
66
|
"app-layout-frame": "^0.0.1",
|
|
67
67
|
"classnames": "^2.3.2"
|
|
68
68
|
}
|