src/style/extend.css · bridge

git.iko.soy/bridge

on 015e59b help sign in

bridge/src/style/extend.css

441 lines 4.7 kB history raw

1.wrapper {

2 min-height: calc(100vh - 52px - 106px - 80px);

5/* p {

6 font-size: 4rem;

7} */

9header {

10 width: 100%;

11 height: 106px;

12}

14footer,

15.push {

16 height: 52px;

17}

19.row {

20 display: flex;

21 flex-wrap: wrap;

22 margin-right: 0.0rem;

23 margin-left: 0.0rem; }

25.h-bg-blue:hover {

26 background-color: #4330FC;

27}

29.h-br-blue:hover {

30 border-color: #4330FC;

31}

33.f-br-blue:focus {

34 border-color: #4330FC;

35}

37.outline-blue:focus {

38 box-shadow: 0 0 0 3px #DAD6FF;

39}

41.h-bg-green:hover {

42 background-color: #2AA779;

43}

45.h-br-green:hover {

46 border-color: #2AA779;

47}

49.f-br-green:focus {

50 border-color: #2AA779;

51}

53.outline-green:focus {

54 box-shadow: 0 0 0 3px #C5FBE7;

55}

57.h-bg-yellow:hover {

58 background-color: #F8C134;

59}

61.h-br-yellow:hover {

62 border-color: #F8C134;

63}

65.bg-yellow-light {

66 background-color: #FFEFC5;

67}

70.f-br-yellow:focus {

71 border-color: #F8C134;

72}

74.b-dark-yellow {

75 border-color: #F3A12E;

76}

78.outline-yellow:focus {

79 box-shadow: 0 0 0 3px #FFEFC5;

80}

82.h-white:hover {

83 color: white;

84}

86.bg-gray-20-f:focus {

87 background-color: #CCCCCC;

88}

90.bg-gray-10-f:focus {

91 background-color: #F2F2F2;

92}

94.h-br-gray-10:hover {

95 border-color: #F2F2F2;

96}

98/* .br-gray-50 {

99} */

100

101.h-bg-gray-10:hover {

102 background-color: #F2F2F2;

103}

104

105/* .bg-gray-30 {

106

107} */

108

109.bg-gray-10-f:active {

110 background-color: transparent;

111}

112

113.text-sans-serif {

114 font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

115}

116

117.none {

118 display: none;

119}

120

121.cb label:before {

122 content: '';

123 position: absolute;

124 width: 6rem;

125 height: 6rem;

126}

127

128.cb label:focus:before {

129 box-shadow: 0 0 0 3px #DAD6FF;

130}

131

132.cb label {

133 margin-right: 4rem;

134}

135

136.cb-off label:before {

137 border: 2px solid black;

138 background-color: transparent;

139}

140

141.cb-on label:before {

142 background-color: #4330FC;

143 border: 2px solid #4330FC;

144}

145

146.cb label:hover {

147 cursor: pointer;

148}

149

150.cb label input[type='checkbox']+svg {

151 transform: translate(4px, 4px);

152 opacity: 0;

153}

154

155.cb label input[type='checkbox']:checked+svg {

156 opacity: 1;

157}

158

159.user-select-none {

160 user-select: none

161}

162

163.user-select-auto {

164 user-select: auto;

165}

166

167

168.flex-1 {

169 flex: 1;

170}

171

172.mp-0 {

173 margin: 0;

174 padding: 0;

175}

176

177.fs-1 {

178 font-size: 1rem;

179}

180

181.fs-2 {

182 font-size: 2rem;

183}

184

185.fs-3 {

186 font-size: 3rem;

187}

188

189.fs-35 {

190 font-size: 3.5rem;

191}

192

193.fs-4 {

194 font-size: 4rem;

195}

196

197.fs-5 {

198 font-size: 5rem;

199}

200

201.fs-6 {

202 font-size: 6rem;

203}

204

205.fs-7 {

206 font-size: 7rem;

207}

208

209.fs-8 {

210 font-size: 8rem;

211}

212

213.ls-1 > * {

214 padding-bottom: 1rem !important;

215}

216

217.ls-15 > * {

218 padding-bottom: 1.5rem !important;

219}

220

221.ls-2 > * {

222 padding-bottom: 2rem !important;

223}

224

225

226.bw-2-0-2-2 {

227 border-width: 2px;

228 border-right-width: 0px;

229}

230

231.bw-2-2-0-2 {

232 border-width: 2px;

233 border-bottom-width: 0px;

234}

235

236.bw-0-2-0-2 {

237 border-width: 2px;

238 border-top-width: 0px;

239 border-bottom-width: 0px;

240}

241

242.bw-2-0-0-0 {

243 border-width: 0px;

244 border-top-width: 2px;

245}

246

247.full {

248 top: 0px;

249 left: 0px;

250 width: 100vw;

251 height: 100vh;

252}

253

254.b-2 {

255 border-width: 2px;

256}

257

258.br-0 {

259 border-right-width: 0px;

260}

261

262.bl-0 {

263 border-left-width: 0px;

264}

265

266.bt-0 {

267 border-top-width: 0px;

268}

269

270.bb-0 {

271 border-bottom-width: 0px;

272}

273

274.bh-0 {

275 border-left-width: 0px;

276 border-right-width: 0px;

277}

278

279.bv-0 {

280 border-top-width: 0px;

281 border-bottom-width: 0px;

282}

283

284.b-solid {

285 border-style: solid;

286}

287

288.b-blue {

289 border-color: #4330FC;

290}

291

292.b-gray-50 {

293 border-color: #7F7F7F;

294}

295

296.s-10 {

297 width: 10rem;

298 height: 10rem;

299}

300

301.s-6 {

302 width: 6rem;

303 height: 6rem;

304}

305

306.s-7 {

307 width: 7rem;

308 height: 7rem;

309}

310

311

312.s-8 {

313 width: 8rem;

314 height: 8rem;

315}

316

317.abs {

318 position: absolute;

319}

320

321.rel {

322 position: relative;

323}

324

325.fix {

326 position: fixed;

327}

328

329.table {

330 display: table;

331}

332

333.w-100 {

334 width: 100%;

335}

336

337.t-12, .top-12 {

338 top: 12rem;

339}

340

341.l-0, .left-0 {

342 left: 0px;

343}

344

345.t-0, .top-0 {

346 top: 0px;

347}

348

349.l-2, .left-2 {

350 left: 2px;

351}

352

353.t-2, .top-2 {

354 top: 2px;

355}

356

357.f-1 {

358 flex: 1;

359}

360

361.b-solid {

362 border-style: solid;

363}

364

365.measure-sm {

366 max-width: 20em;

367}

368

369.measure-md {

370 max-width: 420px;

371}

372

373.measure-lg {

374 max-width: 34em;

375}

376

377.sans {

378 font-family: "Inter UI";

379}

380

381.right-2 {

382 right: 2rem;

383}

384

385.b-1 {

386 border-width: 1px;

387}

388

389.b-0 {

390 border-width: 0px;

391}

392

393.origin, .tl-0 {

394 top: 0;

395 left: 0;

396}

397

398.tr-0 {

399 top: 0px;

400 right: 0px;

401}

402

403.mt-05 {

404 margin-top: 0.5rem;

405}

406

407.mr-05 {

408 margin-right: 0.5rem;

409}

410

411.bg-transparent {

412 background-color: transparent;

413}

414

415.b-black {

416 border-color: black;

417}

418

419.fs-45 {

420 font-size: 4.5rem;

421}

422

423.w-100p {

424 width: 100%;

425}

426

427.bt-2 {

428 border-top-width: 2px;

429}

430

431.bt-8 {

432 border-top-width: 8px;

433}

434

435code {

436 padding: 2px;

437}

438

439.pointer:hover {

440 cursor: pointer;

441}