diff options
Diffstat (limited to 'assets/default/scss')
-rw-r--r-- | assets/default/scss/shaarli.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index 2f49bbd2..286ac83b 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss | |||
@@ -1273,6 +1273,57 @@ form { | |||
1273 | } | 1273 | } |
1274 | } | 1274 | } |
1275 | 1275 | ||
1276 | .loading-input { | ||
1277 | position: relative; | ||
1278 | |||
1279 | @keyframes around { | ||
1280 | 0% { | ||
1281 | transform: rotate(0deg); | ||
1282 | } | ||
1283 | |||
1284 | 100% { | ||
1285 | transform: rotate(360deg); | ||
1286 | } | ||
1287 | } | ||
1288 | |||
1289 | .icon-container { | ||
1290 | position: absolute; | ||
1291 | right: 60px; | ||
1292 | top: calc(50% - 10px); | ||
1293 | } | ||
1294 | |||
1295 | .loader { | ||
1296 | position: relative; | ||
1297 | height: 20px; | ||
1298 | width: 20px; | ||
1299 | display: inline-block; | ||
1300 | animation: around 5.4s infinite; | ||
1301 | |||
1302 | &::after, | ||
1303 | &::before { | ||
1304 | content: ""; | ||
1305 | background: $form-input-background; | ||
1306 | position: absolute; | ||
1307 | display: inline-block; | ||
1308 | width: 100%; | ||
1309 | height: 100%; | ||
1310 | border-width: 2px; | ||
1311 | border-color: #333 #333 transparent transparent; | ||
1312 | border-style: solid; | ||
1313 | border-radius: 20px; | ||
1314 | box-sizing: border-box; | ||
1315 | top: 0; | ||
1316 | left: 0; | ||
1317 | animation: around 0.7s ease-in-out infinite; | ||
1318 | } | ||
1319 | |||
1320 | &::after { | ||
1321 | animation: around 0.7s ease-in-out 0.1s infinite; | ||
1322 | background: transparent; | ||
1323 | } | ||
1324 | } | ||
1325 | } | ||
1326 | |||
1276 | // LOGIN | 1327 | // LOGIN |
1277 | .login-form-container { | 1328 | .login-form-container { |
1278 | .remember-me { | 1329 | .remember-me { |