mirror of
https://github.com/aljazceru/njump.git
synced 2026-02-23 15:04:22 +01:00
Add scss => css conversion
This commit is contained in:
Daniele Tonon
4
.gitignore
vendored
4
.gitignore
vendored
@@ -1,3 +1,5 @@
|
||||
njump
|
||||
.air.toml
|
||||
tmp/*
|
||||
tmp/
|
||||
node_modules/
|
||||
.sass-cache/
|
||||
@@ -58,7 +58,7 @@
|
||||
|
||||
<div class="container_wrapper">
|
||||
<div class="container profile">
|
||||
<div class="column column1">
|
||||
<div class="column columnA">
|
||||
<div class="pic-wrapper">
|
||||
<img class="pic" src="{{ .metadata.Picture }}" />
|
||||
<svg width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -77,7 +77,7 @@
|
||||
{{.createdAt}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="column column2">
|
||||
<div class="column columnB">
|
||||
<div class="field name">
|
||||
{{.content_json.name}} <span class="display">{{.content_json.display_name}}</span>
|
||||
</div>
|
||||
@@ -111,7 +111,7 @@
|
||||
</div>
|
||||
<div class="field separator"></div>
|
||||
</div>
|
||||
<div class="column column3">
|
||||
<div class="column columnC">
|
||||
<div class="title">Open {{.type}} in</div>
|
||||
<div class="clients">
|
||||
{{range .clients}}
|
||||
|
||||
5
justfile
5
justfile
@@ -1,4 +1,5 @@
|
||||
build:
|
||||
sass -s compressed static/styles.scss static/styles.css
|
||||
CC=$(which musl-gcc) go build -ldflags='-s -w -linkmode external -extldflags "-static"' -o ./njump
|
||||
|
||||
deploy: build
|
||||
@@ -6,3 +7,7 @@ deploy: build
|
||||
rsync njump turgot:njump/njump-new
|
||||
ssh turgot 'mv njump/njump-new njump/njump'
|
||||
ssh root@turgot 'systemctl start njump'
|
||||
|
||||
refresh_build:
|
||||
sass static/styles.scss static/styles.css
|
||||
go build -o ./tmp/main .
|
||||
212
package-lock.json
generated
Normal file
212
package-lock.json
generated
Normal file
@@ -0,0 +1,212 @@
|
||||
{
|
||||
"name": "njump",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"sass": "^1.62.1"
|
||||
}
|
||||
},
|
||||
"node_modules/anymatch": {
|
||||
"version": "3.1.3",
|
||||
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
|
||||
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
|
||||
"dependencies": {
|
||||
"normalize-path": "^3.0.0",
|
||||
"picomatch": "^2.0.4"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/binary-extensions": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
|
||||
"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/braces": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
|
||||
"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
|
||||
"dependencies": {
|
||||
"fill-range": "^7.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/chokidar": {
|
||||
"version": "3.5.3",
|
||||
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
|
||||
"integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "individual",
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
}
|
||||
],
|
||||
"dependencies": {
|
||||
"anymatch": "~3.1.2",
|
||||
"braces": "~3.0.2",
|
||||
"glob-parent": "~5.1.2",
|
||||
"is-binary-path": "~2.1.0",
|
||||
"is-glob": "~4.0.1",
|
||||
"normalize-path": "~3.0.0",
|
||||
"readdirp": "~3.6.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 8.10.0"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"fsevents": "~2.3.2"
|
||||
}
|
||||
},
|
||||
"node_modules/fill-range": {
|
||||
"version": "7.0.1",
|
||||
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
|
||||
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
|
||||
"dependencies": {
|
||||
"to-regex-range": "^5.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/fsevents": {
|
||||
"version": "2.3.2",
|
||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
|
||||
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
|
||||
"hasInstallScript": true,
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
],
|
||||
"engines": {
|
||||
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/glob-parent": {
|
||||
"version": "5.1.2",
|
||||
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
|
||||
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
|
||||
"dependencies": {
|
||||
"is-glob": "^4.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 6"
|
||||
}
|
||||
},
|
||||
"node_modules/immutable": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
|
||||
"integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg=="
|
||||
},
|
||||
"node_modules/is-binary-path": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
|
||||
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
|
||||
"dependencies": {
|
||||
"binary-extensions": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/is-extglob": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
|
||||
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/is-glob": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
|
||||
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
|
||||
"dependencies": {
|
||||
"is-extglob": "^2.1.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/is-number": {
|
||||
"version": "7.0.0",
|
||||
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
|
||||
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
|
||||
"engines": {
|
||||
"node": ">=0.12.0"
|
||||
}
|
||||
},
|
||||
"node_modules/normalize-path": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
|
||||
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/picomatch": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
|
||||
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
|
||||
"engines": {
|
||||
"node": ">=8.6"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/jonschlinkert"
|
||||
}
|
||||
},
|
||||
"node_modules/readdirp": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
|
||||
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
|
||||
"dependencies": {
|
||||
"picomatch": "^2.2.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/sass": {
|
||||
"version": "1.62.1",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.62.1.tgz",
|
||||
"integrity": "sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==",
|
||||
"dependencies": {
|
||||
"chokidar": ">=3.0.0 <4.0.0",
|
||||
"immutable": "^4.0.0",
|
||||
"source-map-js": ">=0.6.2 <2.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"sass": "sass.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/source-map-js": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
|
||||
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/to-regex-range": {
|
||||
"version": "5.0.1",
|
||||
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
|
||||
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
|
||||
"dependencies": {
|
||||
"is-number": "^7.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
5
package.json
Normal file
5
package.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"sass": "^1.62.1"
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,4 @@
|
||||
|
||||
html {
|
||||
font-family: Helvetica, sans-serif;
|
||||
font-size: 20px;
|
||||
@@ -22,7 +23,6 @@ a {
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.background::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -34,17 +34,20 @@ a {
|
||||
bottom: -40%;
|
||||
}
|
||||
|
||||
.top, .container_wrapper {
|
||||
.top {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.top {
|
||||
margin: 1rem 0;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.container_wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nostr_link {
|
||||
flex-basis: 15%;
|
||||
text-align: right;
|
||||
@@ -58,20 +61,16 @@ a {
|
||||
gap: 4.8vw;
|
||||
}
|
||||
|
||||
.column {
|
||||
}
|
||||
|
||||
.column1 {
|
||||
.columnA {
|
||||
flex-basis: 25%;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.container.profile .column1 .pic-wrapper {
|
||||
.container.profile .columnA .pic-wrapper {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.container.profile .column1 img.pic {
|
||||
.container.profile .columnA img.pic {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
@@ -88,7 +87,7 @@ a {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
|
||||
.column2 {
|
||||
.columnB {
|
||||
flex-basis: 50%;
|
||||
max-width: 50%;
|
||||
flex-grow: 0;
|
||||
@@ -96,48 +95,40 @@ a {
|
||||
word-wrap: break-word;
|
||||
margin-right: 1vw;
|
||||
}
|
||||
|
||||
.column2 .name {
|
||||
.columnB .name {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.column2 .name .display {
|
||||
.columnB .name .display {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
|
||||
.column2 .separator {
|
||||
.columnB .separator {
|
||||
height: 6px;
|
||||
width: 30%;
|
||||
margin-left: -0.6rem;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
|
||||
.column2 .field {
|
||||
.columnB .field {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.column2 .field .label {
|
||||
.columnB .field .label {
|
||||
font-size: 0.8rem;
|
||||
color: #E32A6D;
|
||||
}
|
||||
|
||||
.column3 {
|
||||
.columnC {
|
||||
flex-basis: 25%;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.column3 .title {
|
||||
.columnC .title {
|
||||
font-size: 0.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.column3 .btn {
|
||||
.columnC .btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.column3 .btn a {
|
||||
.columnC .btn a {
|
||||
flex-basis: 80%;
|
||||
padding: 0.4rem;
|
||||
text-align: center;
|
||||
@@ -147,21 +138,19 @@ a {
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.column3 .btn a:hover {
|
||||
.columnC .btn a:hover {
|
||||
background-color: #373737;
|
||||
}
|
||||
|
||||
.column3 .btn:first-child a {
|
||||
.columnC .btn:first-child a {
|
||||
background-color: #E32A6D;
|
||||
}
|
||||
|
||||
.column3 .btn:first-child a:hover {
|
||||
.columnC .btn:first-child a:hover {
|
||||
background-color: #bc1150;
|
||||
}
|
||||
|
||||
.column3 .btn span {
|
||||
.columnC .btn span {
|
||||
flex-basis: 20%;
|
||||
margin-left: 0.4rem;
|
||||
color: #9a9a9a;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
|
||||
1
static/styles.css.map
Normal file
1
static/styles.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":";AAeA;EACC,aAXe;EAYf;EACA;;;AAED;EACC,OArBS;;;AAuBV;EACC,OAxBS;;;AA0BV;EACC;EACA;EACA;EACA;EACA;EACA,kBA1BoB;EA2BpB;EACA;;AACA;EACC;EACA;EACA,kBA/BmB;EAgCnB;EACA;EACA;EACA;EACA;;;AAGF;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAIC;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIH;EACC;EACA;EACA,OA7FS;;;AA+FV;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AACA;EACC,OAzGO;;AA4GT;EACC;EACA;EACA;EACA,kBAzGmB;;AA2GpB;EACC;;AACA;EACC;EACA,OArHO;;;AAyHV;EACC;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA,OAxIO;EAyIP,kBAnIkB;EAoIlB;EACA;;AACA;EACC,kBAtIiB;;AA0IlB;EACC,kBA1IiB;;AA2IjB;EACC,kBA3IgB;;AA+InB;EACC;EACA;EACA,OA1JO","file":"styles.css"}
|
||||
162
static/styles.scss
Normal file
162
static/styles.scss
Normal file
@@ -0,0 +1,162 @@
|
||||
$color_1: #373737;
|
||||
$color_2: #C9C9C9;
|
||||
$color_3: #E32A6D;
|
||||
$color_4: #FFFFFF;
|
||||
$color_5: #9a9a9a;
|
||||
$font-family_1: Helvetica, sans-serif;
|
||||
$background-color_1: white;
|
||||
$background-color_2: #FAFAFA;
|
||||
$background-color_3: #F3F3F3;
|
||||
$background-color_4: #5A5A5A;
|
||||
$background-color_5: #373737;
|
||||
$background-color_6: #E32A6D;
|
||||
$background-color_7: #bc1150;
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
html {
|
||||
font-family: $font-family_1;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
}
|
||||
body {
|
||||
color: $color_1;
|
||||
}
|
||||
a {
|
||||
color: $color_1;
|
||||
}
|
||||
.background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: $background-color_1;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: $background-color_2;
|
||||
width: 140%;
|
||||
height: 100%;
|
||||
transform: rotate(-20deg);
|
||||
transform-origin: bottom;
|
||||
bottom: -40%;
|
||||
}
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 1rem 0;
|
||||
justify-content: left;
|
||||
}
|
||||
.container_wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.nostr_link {
|
||||
flex-basis: 15%;
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
width: 70%;
|
||||
justify-content: space-between;
|
||||
gap: 4.8vw;
|
||||
}
|
||||
.columnA {
|
||||
flex-basis: 25%;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.container.profile {
|
||||
.columnA {
|
||||
.pic-wrapper {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
img.pic {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
-webkit-clip-path: url(#svg-shape);
|
||||
-moz-clip-path: url(#svg-shape);
|
||||
-o-clip-path: url(#svg-shape);
|
||||
-ms-clip-path: url(#svg-shape);
|
||||
clip-path: url(#svg-shape);
|
||||
}
|
||||
}
|
||||
}
|
||||
.last_update {
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
color: $color_2;
|
||||
}
|
||||
.columnB {
|
||||
flex-basis: 50%;
|
||||
max-width: 50%;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
word-wrap: break-word;
|
||||
margin-right: 1vw;
|
||||
.name {
|
||||
font-size: 1.6rem;
|
||||
.display {
|
||||
color: $color_2;
|
||||
}
|
||||
}
|
||||
.separator {
|
||||
height: 6px;
|
||||
width: 30%;
|
||||
margin-left: -0.6rem;
|
||||
background-color: $background-color_3;
|
||||
}
|
||||
.field {
|
||||
margin-bottom: 1.5rem;
|
||||
.label {
|
||||
font-size: 0.8rem;
|
||||
color: $color_3;
|
||||
}
|
||||
}
|
||||
}
|
||||
.columnC {
|
||||
flex-basis: 25%;
|
||||
margin-top: 2rem;
|
||||
.title {
|
||||
font-size: 0.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.8rem;
|
||||
a {
|
||||
flex-basis: 80%;
|
||||
padding: 0.4rem;
|
||||
text-align: center;
|
||||
font-size: 0.9rem;
|
||||
color: $color_4;
|
||||
background-color: $background-color_4;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
&:hover {
|
||||
background-color: $background-color_5;
|
||||
}
|
||||
}
|
||||
&:first-child {
|
||||
a {
|
||||
background-color: $background-color_6;
|
||||
&:hover {
|
||||
background-color: $background-color_7;
|
||||
}
|
||||
}
|
||||
}
|
||||
span {
|
||||
flex-basis: 20%;
|
||||
margin-left: 0.4rem;
|
||||
color: $color_5;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user